:root{--color-bg-primary:#faf8f5;--color-bg-secondary:#f5f2ed;--color-bg-elevated:#fff;--color-bg-glass:#ffffffb3;--color-bg-glass-hover:#ffffffe6;--color-bronze:#9a7b5b;--color-bronze-light:#b8956f;--color-bronze-dim:#7a6148;--color-bronze-glow:#9a7b5b26;--color-text-primary:#2c2824;--color-text-secondary:#5c5550;--color-text-muted:#8a847d;--color-success:#5a8a5a;--color-warning:#c49a3a;--color-danger:#b85450;--gradient-glass:linear-gradient(135deg,#fffc,#ffffff80);--gradient-bronze:linear-gradient(135deg,var(--color-bronze) 0%,var(--color-bronze-dim) 100%);--gradient-subtle:linear-gradient(180deg,#9a7b5b08,#0000 50%);--font-primary:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #2c28240f;--shadow-md:0 4px 16px #2c282414;--shadow-lg:0 8px 32px #2c28241f;--shadow-glow:0 0 40px var(--color-bronze-glow);--border-light:1px solid #2c282414;--border-medium:1px solid #2c28241f}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#faf8f5;background:var(--color-bg-primary);color:#2c2824;color:var(--color-text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);line-height:1.6;min-height:100vh}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.02;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}#root{display:flex;flex-direction:column;min-height:100vh;padding-bottom:100px}h1,h2,h3,h4,h5,h6{color:#2c2824;color:var(--color-text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-weight:600;letter-spacing:-.02em}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1rem}p{color:#5c5550;color:var(--color-text-secondary);margin-bottom:1rem;margin-bottom:var(--space-md)}a{color:#9a7b5b;color:var(--color-bronze);text-decoration:none;transition:color .2s ease}a:hover{color:#7a6148;color:var(--color-bronze-dim)}.btn,button{background:#fff;background:var(--color-bg-elevated);border:1px solid #2c28241f;border:var(--border-medium);border-radius:8px;border-radius:var(--radius-sm);color:#2c2824;color:var(--color-text-primary);cursor:pointer;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:.875rem;font-weight:500;letter-spacing:0;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.btn:hover,button:hover{background:#f5f2ed;background:var(--color-bg-secondary);border-color:#2c282433}button:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.4}button:disabled:hover{background:#fff;background:var(--color-bg-elevated);transform:none}.btn-primary{background:linear-gradient(135deg,#9a7b5b,#7a6148);background:var(--gradient-bronze);border:none;color:#fff;font-weight:600}.btn-primary:hover{box-shadow:0 0 40px #9a7b5b26;box-shadow:var(--shadow-glow);opacity:.9}.btn-small{font-size:.75rem;padding:.25rem 1rem;padding:var(--space-xs) var(--space-md)}input,select,textarea{background:#fff;background:var(--color-bg-elevated);border:1px solid #2c282414;border:var(--border-light);border-radius:12px;border-radius:var(--radius-md);color:#2c2824;color:var(--color-text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:1rem;padding:1rem;padding:var(--space-md);transition:all .2s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#9a7b5b;border-color:var(--color-bronze);box-shadow:0 0 0 3px #9a7b5b26;box-shadow:0 0 0 3px var(--color-bronze-glow);outline:none}input::placeholder,textarea::placeholder{color:#8a847d;color:var(--color-text-muted)}textarea{min-height:120px;resize:vertical}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a847d' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-position:right var(--space-md) center;background-repeat:no-repeat;padding-right:calc(2rem + 16px);padding-right:calc(var(--space-md)*2 + 16px)}label{color:#8a847d;color:var(--color-text-muted);display:block;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;margin-bottom:var(--space-sm);text-transform:uppercase}.card{background:#fff;background:var(--color-bg-elevated);border:1px solid #2c282414;border:var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #2c28240f;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-lg);transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #2c282414;box-shadow:var(--shadow-md)}.container{margin:0 auto;max-width:600px;padding:1rem;padding:var(--space-md);width:100%}.text-center{text-align:center}.text-muted{color:#8a847d;color:var(--color-text-muted)}.text-bronze{color:#9a7b5b;color:var(--color-bronze)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--space-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:2rem;margin-bottom:var(--space-xl)}.divider{background:linear-gradient(90deg,#0000,#2c28241a,#0000);height:1px;margin:2rem 0;margin:var(--space-xl) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}@supports (padding:env(safe-area-inset-top)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top)}#root{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#2c282426;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2c282440}::selection{background:#9a7b5b;background:var(--color-bronze);color:#fff}.interpretation-display{background:#fff;background:var(--color-bg-elevated);border:1px solid #2c282414;border:var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #2c28240f;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-lg)}.interpretation-display p{font-size:.95rem;line-height:1.8;margin:0;white-space:pre-wrap}.interpretation-empty{color:#8a847d;color:var(--color-text-muted);font-style:italic}.tappable-edit{cursor:pointer;transition:border-color .2s}.tappable-edit:hover{border-color:#b0896866}.search-container{margin-bottom:1rem;margin-bottom:var(--space-md);position:relative}.search-icon{color:#8a847d;color:var(--color-text-muted);left:1rem;left:var(--space-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{padding-left:calc(1rem + 28px);padding-left:calc(var(--space-md) + 28px);padding-right:calc(1rem + 36px);padding-right:calc(var(--space-md) + 36px)}.search-clear{align-items:center;background:#0000;border:none;border-radius:50%;color:#8a847d;color:var(--color-text-muted);display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:.25rem;right:var(--space-xs);top:50%;transform:translateY(-50%);width:36px}.search-clear:hover{background:#f5f2ed;background:var(--color-bg-secondary);color:#2c2824;color:var(--color-text-primary)}.page-header,.page-header-center{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.page-header-center{text-align:center}.page-header-with-action{align-items:flex-start;display:flex;gap:.5rem;gap:var(--space-sm);justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.page-header-with-action .btn-small{margin-top:.25em}.page-header-with-action .page-title,.page-header-with-action .title-menu-anchor{min-width:0}.page-header-with-action .page-title{overflow-wrap:break-word;word-break:break-word}.page-header-with-action .btn-small{flex-shrink:0;white-space:nowrap}.page-title{color:#2c2824;color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0}.page-title-tappable{-webkit-tap-highlight-color:transparent;cursor:pointer}.page-title-tappable .title-chevron{display:inline-block;margin-left:6px;vertical-align:middle}.page-title-tappable:hover{color:#9a7b5b;color:var(--color-bronze)}.page-subtitle{color:#8a847d;color:var(--color-text-muted);font-size:.8rem;font-weight:500;margin:.25rem 0 0;margin:var(--space-xs) 0 0 0}.title-chevron{opacity:.5;transition:opacity .2s}.page-title-tappable:hover .title-chevron{opacity:1}.title-menu-anchor{display:inline-block;position:relative}.title-menu-backdrop{inset:0;position:fixed;z-index:99}.title-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--color-bg-elevated);border:1px solid #2c282414;border:var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #2c28241f;box-shadow:var(--shadow-lg,0 8px 32px #0006);left:0;min-width:180px;padding:.25rem;padding:var(--space-xs);position:absolute;top:calc(100% + 8px);z-index:100}.title-menu-item{align-items:center;background:none;border:none;border-radius:12px;border-radius:var(--radius-md);color:#2c2824;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;gap:var(--space-sm);padding:10px 14px;text-align:left;width:100%}.title-menu-item:hover{background:#b089681a;color:#9a7b5b;color:var(--color-bronze)}.title-menu-item.danger,.title-menu-item.danger:hover{color:#b85450;color:var(--color-danger)}.title-menu-item.danger:hover{background:#ef44441a}.title-menu-divider{background:#2c282426;height:1px;margin:.25rem 0;margin:var(--space-xs) 0}.auth-page{align-items:center;background:var(--color-bg-primary);bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;padding:var(--space-lg);position:fixed;right:0;top:0}.auth-container{max-width:400px;width:100%}.auth-header{margin-bottom:var(--space-xl);text-align:center}.auth-logo{color:var(--color-text-primary);font-size:2rem;font-weight:300;letter-spacing:.3em;margin:0 0 var(--space-sm) 0;text-transform:lowercase}.auth-tagline{color:var(--color-text-muted);font-size:.9rem;margin:0}.auth-card{padding:var(--space-xl)}.auth-tabs{background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;gap:var(--space-xs);margin-bottom:var(--space-xl);padding:var(--space-xs)}.auth-tab{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.auth-tab:hover{color:var(--color-text-secondary)}.auth-tab.active{background:var(--color-bg-elevated);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg)}.auth-form .form-group{margin-bottom:0}.auth-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:var(--color-danger)}.auth-error,.auth-message{font-size:.85rem;padding:var(--space-sm) var(--space-md)}.auth-message{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:var(--radius-md);color:var(--color-success)}.auth-submit{font-size:1rem;padding:var(--space-md);width:100%}.auth-submit:disabled{cursor:not-allowed;opacity:.7}.header{background:#0000;padding:var(--space-lg) var(--space-md);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header:before{background:linear-gradient(180deg,var(--color-bg-primary) 60%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.header-content{justify-content:space-between;margin:0 auto;max-width:600px}.header-content,.header-title{align-items:center;display:flex}.header-title{justify-content:center}.header-logo{font-size:1.25rem;font-weight:300;letter-spacing:.2em;text-transform:lowercase}.header-logo,.header-page-title{color:var(--color-text-primary);margin:0}.header-page-title{font-size:1rem;font-weight:500}.header-back{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text-secondary);display:flex;height:40px;justify-content:center;padding:0;width:40px}.header-back:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.header-spacer{width:40px}.header-actions{align-items:center;display:flex;gap:var(--space-sm);justify-content:flex-end;min-width:40px}.sync-indicator{align-items:center;color:var(--color-bronze);display:flex}.sync-indicator .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.offline-indicator{align-items:center;color:var(--color-text-muted);display:flex}.header-menu-wrapper{position:relative}.header-menu-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;width:36px}.header-menu-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.header-menu-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.header-menu{background:var(--color-bg-elevated);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--space-xs);min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.header-menu-email{border-bottom:var(--border-light);color:var(--color-text-muted);font-size:.8rem;padding:var(--space-md);word-break:break-all}.header-menu-item{background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;font-size:.9rem;padding:var(--space-md);text-align:left;width:100%}.header-menu-item:hover{background:var(--color-bg-secondary)}.navigation{background:linear-gradient(180deg,#0000 0,var(--color-bg-primary) 30%);bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-md);padding-bottom:var(--space-lg);position:fixed;right:0;z-index:1000}@supports (padding:env(safe-area-inset-bottom)){.navigation{padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom))}}.nav-content{background:var(--color-bg-elevated);border:var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-xs);width:280px}.nav-content,.nav-tab{display:flex;gap:var(--space-xs)}.nav-tab{align-items:center;background:#0000;border:none;border-radius:calc(var(--radius-xl) - 4px);color:var(--color-text-muted);flex:1 1;flex-direction:column;font-size:.7rem;font-weight:500;justify-content:center;letter-spacing:.02em;min-width:0;padding:var(--space-sm) var(--space-xl);transition:all .2s ease}.nav-tab:hover{background:#0000;color:var(--color-text-secondary)}.nav-tab.active{background:var(--color-bg-secondary);color:var(--color-bronze)}.nav-tab svg{flex-shrink:0}.nav-tab-create,.nav-tab-create:hover{color:var(--color-bronze)}.nav-tab-create:hover{background:#b48c641a}.folder-picker-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:2000}.folder-picker-modal{background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:320px;padding:var(--space-lg);width:100%}.folder-picker-modal h3{font-size:1rem;font-weight:600;margin:0 0 var(--space-md) 0;text-align:center}.folder-picker-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);max-height:300px;overflow-y:auto}.folder-picker-item{align-items:center;background:var(--color-bg-secondary);border:var(--border-light);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.95rem;gap:var(--space-sm);padding:var(--space-md);text-align:left;transition:all .2s ease;width:100%}.folder-picker-item:hover{background:var(--color-bg-primary);border-color:var(--color-bronze)}.folder-picker-item svg{color:var(--color-bronze);flex-shrink:0}.folder-picker-cancel{background:#0000;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.9rem;padding:var(--space-sm);width:100%}.folder-picker-cancel:hover{color:var(--color-text-secondary)}.card-library{padding-bottom:var(--space-xl)}.section-filters{-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);overflow-x:auto;padding-bottom:var(--space-xs)}.section-filters::-webkit-scrollbar{display:none}.section-filter{background:var(--color-bg-elevated);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--color-text-muted);font-size:.8rem;font-weight:500;padding:var(--space-sm) var(--space-md);white-space:nowrap}.section-filter:hover{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.section-filter.active{background:var(--color-bronze);color:#fff}.card-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr)}@media (min-width:480px){.card-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:600px){.card-grid{grid-template-columns:repeat(5,1fr)}}.card-tile{background:#0000;border:none;cursor:pointer;padding:0;text-align:center;transition:transform .2s ease}.card-tile:hover{background:#0000;transform:scale(1.03)}.card-tile:active{transform:scale(.98)}.card-tile-image{align-items:center;aspect-ratio:2/3;background:var(--color-bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;justify-content:center;margin-bottom:var(--space-sm);overflow:hidden;position:relative;transition:box-shadow .2s ease}.card-tile:hover .card-tile-image{box-shadow:var(--shadow-lg)}.card-tile-image img{background:var(--color-bg-secondary);height:100%;object-fit:contain;width:100%}.card-tile-badge{background:var(--color-bronze);border-radius:50%;color:#fff;height:16px;position:absolute;right:var(--space-xs);top:var(--space-xs);width:16px}.card-tile-badge,.card-tile-name{align-items:center;display:flex;justify-content:center}.card-tile-name{color:var(--color-text-secondary);font-size:.7rem;font-weight:500;gap:4px;line-height:1.3}.card-tile-notes-dot{background:var(--color-bronze);border-radius:50%;flex-shrink:0;height:5px;width:5px}.no-results{padding:var(--space-2xl);text-align:center}.no-results p{color:var(--color-text-muted);margin-bottom:var(--space-md)}.card-detail{padding-bottom:var(--space-xl)}.card-detail-hero{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.card-detail-image{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;width:200px}.card-detail-image img{display:block;height:auto;width:100%}.card-detail-info{margin-bottom:var(--space-xl);text-align:center}.card-detail-type{color:var(--color-bronze);display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.1em;margin-bottom:var(--space-xs);text-transform:uppercase}.card-detail-name{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0}.card-detail-keywords{grid-gap:var(--space-md);background:var(--color-bg-elevated);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr;margin-bottom:var(--space-md);padding:var(--space-lg)}.keywords-section h3{color:var(--color-text-muted);font-size:.7rem;font-weight:500;letter-spacing:.1em;margin-bottom:var(--space-sm);text-transform:uppercase}.keywords-list{display:flex;flex-direction:column;gap:var(--space-xs)}.keyword{border-bottom:var(--border-light);color:var(--color-text-secondary);font-size:.85rem;padding:var(--space-xs) 0}.keyword:last-child{border-bottom:none}.card-detail-notes h2,.keywords-list.reversed .keyword{color:var(--color-text-muted)}.card-detail-notes h2{font-size:.75rem;font-weight:500;letter-spacing:.1em;margin:0 0 var(--space-sm) 0;text-transform:uppercase}.card-detail-notes textarea{background:var(--color-bg-secondary);border:var(--border-light);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem;line-height:1.8;padding:var(--space-md);resize:vertical;width:100%}.card-detail-notes textarea:focus{background:var(--color-bg-elevated)}.card-detail-notes .section-actions{justify-content:flex-end}.card-detail-notes .section-actions,.save-toast{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.save-toast{align-items:center;animation:fadeIn .3s ease;background:var(--color-success);border-radius:var(--radius-md);color:#fff;font-size:.85rem;font-weight:500;justify-content:center;padding:var(--space-sm) var(--space-md)}.readings-section{padding-bottom:var(--space-xl)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.section-header h2{font-size:1.25rem;font-weight:600;margin:0}.empty-state{background:var(--color-bg-elevated);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-2xl) var(--space-lg);text-align:center}.empty-icon{color:var(--color-bronze);margin-bottom:var(--space-lg);opacity:.6}.empty-state h3{font-size:1.1rem;margin-bottom:var(--space-sm)}.empty-state p{font-size:.9rem;margin:0 auto var(--space-lg);max-width:260px}.create-folder-form{background:var(--color-bg-elevated);border:var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg)}.create-folder-form input,.create-folder-suggestions{margin-bottom:var(--space-md)}.create-folder-suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.suggestions-label{color:var(--color-text-muted);font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.suggestion-chip{background:var(--color-bg-secondary);border:none;border-radius:var(--radius-xl);color:var(--color-text-muted);font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.suggestion-chip:hover{background:var(--color-bg-primary);color:var(--color-text-secondary)}.create-folder-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.folder-list{display:flex;flex-direction:column;gap:var(--space-sm)}.folder-item{align-items:stretch;background:var(--color-bg-elevated);border:var(--border-light);box-shadow:var(--shadow-sm);display:flex;overflow:hidden;padding:0}.folder-content{align-items:center;background:#0000;border:none;border-radius:0;display:flex;flex:1 1;gap:var(--space-md);padding:var(--space-md) var(--space-lg);text-align:left}.folder-content:hover{background:var(--color-bg-secondary)}.folder-icon{color:var(--color-bronze);flex-shrink:0;opacity:.8}.folder-info{flex:1 1}.folder-name{color:var(--color-text-primary);font-size:1rem;font-weight:500;margin:0 0 var(--space-xs) 0}.folder-count{font-size:.75rem}.folder-arrow,.folder-count{color:var(--color-text-muted)}.folder-arrow{flex-shrink:0;opacity:.5}.folder-actions{border-left:var(--border-light);display:flex}.folder-action-btn{align-items:center;background:#0000;border:none;border-radius:0;color:var(--color-text-muted);display:flex;height:100%;justify-content:center;padding:0;width:44px}.folder-action-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.folder-action-btn.delete:hover{background:#b854501a;color:var(--color-danger)}.folder-deleting,.folder-editing{flex:1 1;padding:var(--space-md)}.folder-editing input{margin-bottom:var(--space-sm)}.folder-deleting-actions,.folder-editing-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.folder-deleting p{color:var(--color-text-primary);font-size:.9rem;margin-bottom:var(--space-md)}.search-empty{color:var(--color-text-muted);padding:var(--space-xl) var(--space-lg);text-align:center}.search-empty p{font-size:.9rem;margin:0}.folder-view{padding-bottom:var(--space-xl)}.folder-rename-inline{width:100%}.folder-rename-inline .section-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-md)}.empty-folder{background:var(--color-bg-elevated);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-2xl) var(--space-lg);text-align:center}.empty-folder-icon{color:var(--color-bronze);margin-bottom:var(--space-lg);opacity:.6}.empty-folder h3{font-size:1.1rem;margin-bottom:var(--space-sm)}.empty-folder p{font-size:.9rem;margin:0 auto var(--space-lg);max-width:260px}.readings-list{display:flex;flex-direction:column;gap:var(--space-md)}.reading-item{background:var(--color-bg-elevated);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--space-lg);text-align:left;transition:all .2s ease;width:100%}.reading-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.reading-item-header{margin-bottom:var(--space-sm)}.reading-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--space-xs) 0}.reading-date{color:var(--color-bronze);font-size:.8rem;font-weight:500}.reading-cards{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.reading-card-chip{background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.75rem;font-weight:500;padding:var(--space-xs) var(--space-sm)}.reading-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-muted);display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0 0 var(--space-md) 0;overflow:hidden}.reading-item-footer{border-top:var(--border-light);padding-top:var(--space-sm)}.view-link{color:var(--color-text-muted);font-size:.75rem;font-weight:500;transition:color .2s ease}.reading-item:hover .view-link{color:var(--color-bronze)}.reading-detail{padding-bottom:var(--space-xl)}.reading-detail .divider{margin:var(--space-lg) 0}.reading-detail-header{align-items:center;display:flex;flex-direction:column;text-align:center}.btn-edit-icon{align-items:center;background:var(--color-bg-primary);border:1px solid #2c282433;border-radius:var(--radius-sm);color:var(--color-text-secondary);display:flex;height:32px;justify-content:center;padding:0;width:32px}.btn-edit-icon:hover{border-color:var(--color-bronze);color:var(--color-bronze)}.reading-detail-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--space-sm) 0}@keyframes move-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes move-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes move-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes move-sheet-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.move-modal-backdrop{align-items:flex-end;animation:move-backdrop-in .25s ease-out forwards;background:#00000059;bottom:0;display:flex;height:100%;justify-content:stretch;left:0;overflow:hidden;position:fixed;right:0;top:0;touch-action:none;width:100%;z-index:9999}.move-modal-backdrop.closing{animation:move-backdrop-out .2s ease-in forwards}.move-modal{animation:move-sheet-up .3s cubic-bezier(.32,.72,0,1) forwards;background:var(--color-bg-elevated);border:var(--border-light);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 32px #0006;display:flex;flex-direction:column;max-height:80vh;padding:var(--space-sm) var(--space-lg) var(--space-lg);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom, 20px));width:100%}.move-modal-backdrop.closing .move-modal{animation:move-sheet-down .2s ease-in forwards}.move-modal-handle{background:#fff3;border-radius:2px;flex-shrink:0;height:4px;margin:0 auto var(--space-md);width:36px}.move-modal h2{color:var(--color-text-primary);flex-shrink:0;font-size:1rem;font-weight:600;margin:0 0 var(--space-md) 0}.move-modal-list{display:flex;flex:1 1;flex-direction:column;gap:2px;margin-bottom:var(--space-md);min-height:0;overflow-y:auto}.move-modal-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:var(--space-sm);padding:10px 12px;text-align:left;width:100%}.move-modal-item:hover:not(:disabled){background:#b089681a;color:var(--color-bronze)}.move-modal-item:disabled{cursor:default;opacity:.5}.move-modal-item.current{opacity:.5}.move-modal-current{color:var(--color-text-muted);font-size:.75rem;margin-left:auto}.move-modal-cancel{background:none;border:var(--border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:500;padding:10px;width:100%}.move-modal-cancel:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.reading-detail-date{color:var(--color-bronze);font-size:1rem;font-weight:500}.spread-detail{margin-bottom:var(--space-lg)}.spread-question{color:var(--color-text-primary);font-size:1.1rem;font-style:italic}.spread-question,.spread-question-label{font-weight:500;margin:0 0 var(--space-lg) 0}.spread-question-label{color:var(--color-text-muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.spread-interpretation{margin-top:var(--space-lg)}.reading-detail-section h2,.spread-interpretation h3{color:var(--color-text-muted);font-size:.75rem;font-weight:500;letter-spacing:.1em;margin:0 0 var(--space-sm) 0;text-transform:uppercase}.reading-spread-layout{align-items:flex-start;background:var(--color-bg-elevated);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-lg);justify-content:center;padding:var(--space-lg)}.spread-layout-custom,.spread-layout-single,.spread-layout-three{justify-content:center}.spread-layout-custom{flex-wrap:wrap}.spread-card{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-xs);width:100px}.spread-card-image-wrapper{align-items:center;aspect-ratio:3/5;background:var(--color-bg-elevated);border:2px solid #b0896833;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;justify-content:center;overflow:hidden;position:relative;transition:border-color .2s;width:100%}.spread-card,.spread-card *{-webkit-tap-highlight-color:transparent;outline:none}.spread-card-image-wrapper.reversed{border-color:#ef44444d}.spread-card-image{display:block;height:100%;object-fit:contain;width:100%}.spread-card-image-wrapper.reversed .spread-card-image{transform:rotate(180deg)}.spread-card-image-wrapper .reversed-badge{bottom:6px;left:50%;position:absolute;transform:translateX(-50%);z-index:1}.spread-card-placeholder{align-items:center;aspect-ratio:2/3;background:var(--color-bg-elevated);color:var(--color-text-muted);display:flex;font-size:.75rem;justify-content:center;padding:var(--space-sm);text-align:center;width:100%}.spread-card-position{color:var(--color-bronze);font-size:.65rem;font-weight:500;letter-spacing:.08em;text-align:center;text-transform:uppercase}.spread-card-name{color:var(--color-text-secondary);font-size:.7rem;font-weight:500;line-height:1.3;text-align:center}.reversed-badge{background:#ef4444d9;border-radius:var(--radius-sm);color:#fff;font-size:.6rem;font-weight:500;padding:2px 6px;white-space:nowrap}.reading-detail-actions{margin-top:var(--space-lg)}.btn-delete{background:#0000;border:1px solid #ef44444d;color:var(--color-danger);width:100%}.btn-delete:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.delete-confirm{background:var(--color-bg-elevated);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);text-align:center}.delete-confirm p{font-size:.9rem;margin-bottom:var(--space-md)}.delete-confirm-actions{display:flex;gap:var(--space-sm);justify-content:center}.btn-danger{background:var(--color-danger);border:none;color:#fff}.btn-danger:hover{opacity:.9}.section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.section-header-row h2,.section-header-row h3{margin:0}.btn-delete-spread{background:#0000;border:1px solid #ef44444d;color:var(--color-danger);margin-top:var(--space-md);width:100%}.btn-delete-spread:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.section-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-md)}.reading-detail .form-group{margin-bottom:var(--space-lg)}.reading-detail .form-group input[type=date],.reading-detail .form-group input[type=text]{background:var(--color-bg-secondary);border:var(--border-light)}.reading-detail .form-group input[type=date]:focus,.reading-detail .form-group input[type=text]:focus{background:var(--color-bg-elevated)}.reading-detail .form-group textarea{background:var(--color-bg-secondary);border:var(--border-light)}.reading-detail .form-group textarea:focus{background:var(--color-bg-elevated)}.reading-form{padding-bottom:var(--space-xl)}.form-group{margin-bottom:var(--space-xl)}.form-group input[type=date],.form-group input[type=text]{background:var(--color-bg-secondary);border:var(--border-light)}.form-group input[type=date]:focus,.form-group input[type=text]:focus{background:var(--color-bg-elevated)}.spread-section{margin-bottom:var(--space-lg)}.spread-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.spread-number{color:var(--color-bronze);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.remove-spread-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text-muted);display:flex;height:28px;justify-content:center;padding:0;width:28px}.remove-spread-btn:hover{background:#ef44441a;color:var(--color-danger)}.add-spread-btn{background:#0000;border:1px dashed var(--color-bronze);color:var(--color-bronze);margin-bottom:var(--space-lg);width:100%}.add-spread-btn:hover{background:#b48c641a;border-style:solid}.cards-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-md)}.card-entry{background:var(--color-bg-elevated);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md)}.card-entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.card-entry-number{color:var(--color-bronze);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.remove-card-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text-muted);display:flex;height:28px;justify-content:center;padding:0;width:28px}.remove-card-btn:hover{background:#ef44441a;color:var(--color-danger)}.card-entry-row{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.card-autocomplete{flex:1 1;position:relative}.card-autocomplete input{background:var(--color-bg-secondary);border:var(--border-light);margin:0;width:100%}.card-autocomplete input:focus,.card-dropdown{background:var(--color-bg-elevated)}.card-dropdown{border:var(--border-light);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;box-shadow:var(--shadow-md);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.card-dropdown-item{background:#0000;border:none;border-bottom:var(--border-light);color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;padding:var(--space-sm) var(--space-md);text-align:left;width:100%}.card-dropdown-item:last-child{border-bottom:none}.card-dropdown-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.position-field input{background:var(--color-bg-secondary);border:var(--border-light);margin-bottom:var(--space-sm)}.position-field input:focus{background:var(--color-bg-elevated)}.position-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.position-suggestion{background:var(--color-bg-secondary);border:none;border-radius:var(--radius-xl);color:var(--color-text-muted);font-size:.7rem;padding:var(--space-xs) var(--space-sm)}.position-suggestion:hover{background:var(--color-bg-primary);color:var(--color-text-secondary)}.add-card-btn{background:#0000;border:1px dashed var(--color-text-muted);color:var(--color-text-muted);width:100%}.add-card-btn:hover{background:#0000;border-color:var(--color-bronze);border-style:solid;color:var(--color-bronze)}.form-group textarea{background:var(--color-bg-secondary);border:var(--border-light)}.form-group textarea:focus{background:var(--color-bg-elevated)}.form-actions{border-top:var(--border-light);display:flex;gap:var(--space-sm);justify-content:flex-end;padding-top:var(--space-lg)}
/*# sourceMappingURL=main.8900e2be.css.map*/