:root{--bg: #f0ece4;--ink: #1a1a1a;--ink-50: rgba(26, 26, 26, .5);--ink-30: rgba(26, 26, 26, .3);--ink-15: rgba(26, 26, 26, .15);--ink-08: rgba(26, 26, 26, .08);--font-serif: "Playfair Display", "GFS Didot", "Didot", "Georgia", serif;--font-sans: "Inter", "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--border: 1px solid var(--ink);--border-heavy: 2px solid var(--ink);--radius: 0;--spacing-xs: 6px;--spacing-sm: 12px;--spacing-md: 20px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-xxl: 64px}body.candlelight{--bg: #1a1714;--ink: #c4a86b;--ink-50: rgba(196, 168, 107, .5);--ink-30: rgba(196, 168, 107, .3);--ink-15: rgba(196, 168, 107, .15);--ink-08: rgba(196, 168, 107, .08)}body.candlelight img{filter:invert(1) sepia(.3) saturate(.6) brightness(.85)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--ink);transition:background-color .3s ease,color .3s ease;line-height:1.5;min-height:100vh;overflow-x:hidden}#app{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.serif{font-family:var(--font-serif)}.masthead{display:inline;font-family:var(--font-serif);font-size:2.4rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;text-align:center;padding:var(--spacing-lg) 0;-webkit-user-select:none;user-select:none}.section-header{font-family:var(--font-serif);font-size:.9rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--spacing-sm)}.section-header .microcopy{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:.02em;text-transform:none;font-size:.8rem;opacity:.5;transition:opacity .5s ease}.body-text{font-family:var(--font-sans);font-size:.95rem;line-height:1.6}.btn{font-family:var(--font-serif);font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;background:transparent;border:var(--border);color:var(--ink);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:border-width .2s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn:hover{border-width:2px;padding:calc(var(--spacing-sm) - 1px) calc(var(--spacing-lg) - 1px)}.btn:active{opacity:.7}.spread-list{display:flex;flex-direction:column}.spread-list.staggered-fan .rite-item{animation:fanOut .3s ease-out both}@keyframes fanOut{0%{opacity:0;transform:translateY(-8px) rotate(-2deg)}to{opacity:1;transform:none}}.onboarding{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:var(--spacing-xl);transition:opacity .4s ease}.onboarding.fade-out{opacity:0}.onboarding-title{font-family:var(--font-serif);font-size:3.5rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.onboarding-subtitle{font-family:var(--font-serif);font-style:italic;font-size:1.1rem;margin-bottom:var(--spacing-xxl)}.onboarding-header{font-family:var(--font-serif);font-size:1.8rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--spacing-sm)}.onboarding-helper{font-family:var(--font-sans);font-size:.9rem;opacity:.6;margin-bottom:var(--spacing-lg);max-width:480px}.onboarding-helper em{font-style:italic}.card-selection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);max-width:720px;margin:0 auto var(--spacing-md)}.card-select-item{cursor:pointer;border:var(--border);transition:all .2s ease;position:relative;overflow:hidden;opacity:.6}.card-select-item:hover{opacity:.8}.card-select-item.selected{border:var(--border-heavy);opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-select-item.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--bg);border:1px solid var(--ink);color:var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:14px;font-weight:700;z-index:10}.card-select-item img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.card-select-item .card-label{font-family:var(--font-sans);font-size:.75rem;text-align:center;text-transform:uppercase;letter-spacing:.1em;padding:var(--spacing-xs);border-top:var(--border)}.ob-counter{font-family:var(--font-serif);font-size:.8rem;opacity:.5;margin-bottom:var(--spacing-sm);letter-spacing:.05em}.card-naming-row{display:flex;gap:var(--spacing-md);max-width:720px;margin:0 auto var(--spacing-xl);flex-wrap:wrap;justify-content:center}.card-naming-item{display:flex;flex-direction:column;align-items:center;width:140px}.card-naming-item img{width:100%;aspect-ratio:2/3;object-fit:cover;border:var(--border);margin-bottom:var(--spacing-xs)}.card-naming-item input{font-family:var(--font-sans);font-size:.85rem;text-align:center;width:100%;padding:var(--spacing-xs) 0;border:none;border-bottom:var(--border);background:transparent;color:var(--ink);outline:none}.card-naming-item input:focus{border-bottom:var(--border-heavy)}.main-layout{display:grid;grid-template-columns:45% 1fr;grid-template-rows:auto auto;gap:var(--spacing-lg);margin-top:var(--spacing-md);align-items:start}.main-masthead{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;position:relative}.masthead-moon{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.masthead-moon img{width:40px;height:40px;object-fit:contain;border:var(--border);padding:3px;transition:border-width .15s ease;animation:breathingPulse 4s ease-in-out infinite}@keyframes breathingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.97);opacity:.85}}.masthead-moon.spread-active img{border:var(--border-heavy)}.masthead-moon-name{font-family:var(--font-serif);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.main-cards{grid-column:1;grid-row:2}.main-right{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:var(--spacing-lg)}.main-task-row{display:flex;gap:0;align-items:flex-start}.main-taskbox{flex:1;min-width:0}.main-notes-panel{width:0;overflow:hidden;transition:width .2s ease,opacity .2s ease;opacity:0}.main-notes-panel.visible{width:40%;flex-shrink:0;opacity:1;border-left:1px solid var(--ink-15);padding-left:var(--spacing-md);margin-left:var(--spacing-md)}.rite-notes-panel{position:relative;animation:notesPanelIn .2s ease forwards}@keyframes notesPanelIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.rite-notes-panel .rite-notes-close{position:absolute;top:0;right:0;background:none;border:none;font-size:1rem;cursor:pointer;color:var(--ink-30);padding:0 4px;line-height:1}.rite-notes-panel .rite-notes-close:hover{color:var(--ink)}.rite-notes-panel .rite-notes-title{font-family:var(--font-serif);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--spacing-sm);padding-right:var(--spacing-md);opacity:.7}.rite-notes-panel .rite-notes-textarea{font-family:var(--font-sans);font-size:.9rem;width:100%;min-height:120px;border:none;background:transparent;color:var(--ink);resize:vertical;outline:none;line-height:1.5}.main-bento{display:block}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);max-height:calc(100vh - 200px);overflow-y:auto;padding-right:4px}.card-grid::-webkit-scrollbar{width:4px}.card-grid::-webkit-scrollbar-track{background:transparent}.card-grid::-webkit-scrollbar-thumb{background:var(--ink-15)}.card-grid::-webkit-scrollbar-thumb:hover{background:var(--ink-30)}.card-grid-item{cursor:pointer;border:var(--border);transition:border-width .15s ease,transform .2s ease,box-shadow .2s ease;overflow:hidden;height:fit-content}.card-grid-item.active{border:var(--border-heavy)}.card-grid-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border:var(--border-heavy)}.card-grid-item img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.card-grid-item .card-name{font-family:var(--font-sans);font-size:.7rem;text-align:center;text-transform:uppercase;letter-spacing:.1em;padding:var(--spacing-xs);border-top:var(--border)}.taskbox{border:var(--border);padding:var(--spacing-md);display:flex;flex-direction:column}.taskbox-header{font-family:var(--font-serif);font-size:1rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.rite-list{flex:1;list-style:none}.rite-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--ink-08);position:relative;transition:background .15s}.rite-item.selected{background:var(--ink-08)}.rite-notes-area{border-top:var(--border);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);animation:notesSlideIn .2s ease forwards}@keyframes notesSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rite-notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.rite-notes-title{font-family:var(--font-serif);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.rite-notes-close{background:none;border:none;font-size:1rem;cursor:pointer;color:var(--ink-30);padding:0 4px;line-height:1}.rite-notes-close:hover{color:var(--ink)}.rite-notes-textarea{font-family:var(--font-sans);font-size:.9rem;width:100%;min-height:60px;border:none;background:transparent;color:var(--ink);resize:vertical;outline:none;line-height:1.5}.rite-top-input{font-family:var(--font-sans);font-size:.9rem;width:100%;border:none;border-bottom:1px solid var(--ink-15);background:transparent;color:var(--ink);padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-sm);outline:none}.rite-top-input::placeholder{color:var(--ink-30);font-style:italic}.rite-counter{font-family:var(--font-serif);font-size:.7rem;opacity:.5;margin-top:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--ink-08)}.rite-checkbox{width:16px;height:16px;border:var(--border);border-radius:50%;background:transparent;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.rite-checkbox.checked{background:var(--ink);border-color:var(--ink);box-shadow:inset 0 1px 2px #0000004d,inset 0 -1px 1px #ffffff1a}.rite-checkbox.checked:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--bg);opacity:.4}.rite-checkbox.sealing{animation:sealStamp .3s ease forwards}@keyframes sealStamp{0%{transform:scale(1)}40%{transform:scale(1.4)}70%{transform:scale(.9)}to{transform:scale(1)}}.rite-name{font-family:var(--font-sans);font-size:.95rem;cursor:pointer;flex:1;position:relative;transition:opacity .4s ease}.rite-due-date{display:block;font-family:var(--font-serif);font-size:.7rem;font-style:italic;opacity:.45;margin-top:1px}.rite-name.quill-reveal{display:inline-block;white-space:nowrap;overflow:hidden;max-width:0;animation:quillWrite .5s steps(30,end) forwards}@keyframes quillWrite{0%{max-width:0;opacity:.5}to{max-width:100%;opacity:1}}.spread-sigil{width:16px;height:16px;object-fit:contain;opacity:.5;flex-shrink:0}.spread-domain-label{font-family:var(--font-serif);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;opacity:.35;flex-shrink:0;margin-left:auto;padding-left:var(--spacing-sm)}.rite-name.completed{opacity:.5}.rite-name .strikethrough{position:absolute;top:50%;left:0;height:1.5px;background:var(--ink);width:0;transition:none}.rite-name .strikethrough.animate{animation:inkStrike .3s ease forwards}@keyframes inkStrike{0%{width:0}to{width:100%}}.rite-item.sealing-out{animation:sealOut .4s ease forwards}@keyframes sealOut{to{opacity:0;max-height:0;padding:0;margin:0;overflow:hidden}}.rite-recurring-icon{width:14px;height:14px;opacity:.5;margin-left:4px}.rite-add-btn{font-family:var(--font-serif);font-size:1.2rem;background:none;border:none;color:var(--ink-50);cursor:pointer;padding:var(--spacing-xs) 0;text-align:left;transition:color .2s}.rite-add-btn:hover{color:var(--ink)}.rite-add-form{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0}.rite-add-form input{flex:1;font-family:var(--font-sans);font-size:.95rem;padding:var(--spacing-xs);border:none;border-bottom:var(--border);background:transparent;color:var(--ink);outline:none}.rite-add-form button{background:none;border:none;font-size:1rem;cursor:pointer;color:var(--ink);padding:2px 6px}.completed-section{margin-top:var(--spacing-sm);border-top:var(--border);padding-top:var(--spacing-sm)}.completed-toggle{font-family:var(--font-serif);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:none;border:none;color:var(--ink-50);display:flex;align-items:center;gap:var(--spacing-xs);-webkit-user-select:none;user-select:none}.completed-toggle .chevron{font-size:.6rem;transition:transform .2s}.completed-toggle .chevron.open{transform:rotate(90deg)}.completed-list{list-style:none;margin-top:var(--spacing-xs)}.completed-list .rite-item{opacity:.5}.completed-list .rite-name{text-decoration:line-through}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:var(--spacing-xl) var(--spacing-md)}.empty-state img{width:120px;opacity:.4;margin-bottom:var(--spacing-md)}.empty-state p{font-family:var(--font-serif);font-style:italic;font-size:.95rem;opacity:.6;max-width:260px}.bento-box{border:var(--border);padding:var(--spacing-md);min-height:200px}.bento-box .section-header{margin-bottom:var(--spacing-sm)}.notes-textarea{font-family:var(--font-sans);font-size:.9rem;width:100%;min-height:120px;border:none;background:transparent;color:var(--ink);resize:vertical;outline:none;line-height:1.6}.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.calendar-nav button{background:none;border:none;font-family:var(--font-serif);font-size:1.1rem;cursor:pointer;color:var(--ink);padding:2px 8px}.calendar-nav .month-label{font-family:var(--font-serif);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;text-align:center}.calendar-grid .day-header{font-family:var(--font-serif);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:var(--spacing-xs) 0;opacity:.5}.calendar-grid .day-cell{font-family:var(--font-sans);font-size:.8rem;padding:6px 2px;position:relative;cursor:default;min-height:32px;display:flex;flex-direction:column;align-items:center}.calendar-grid .day-cell.today .day-num{border:var(--border);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.calendar-grid .day-cell.other-month{opacity:.25}.calendar-grid .day-cell.has-rites{font-weight:600;cursor:pointer}.calendar-grid .day-cell .rite-dot{width:4px;height:4px;background:var(--ink);border-radius:50%;margin-top:2px}.card-context-menu{position:fixed;background:var(--bg);border:var(--border);padding:var(--spacing-xs) var(--spacing-sm);z-index:200;animation:popoverFadeIn .12s ease-out}.card-context-btn{background:none;border:none;font-family:var(--font-sans);font-size:.8rem;cursor:pointer;color:var(--ink);padding:4px 8px;white-space:nowrap}.card-context-btn:hover{opacity:.6}.cal-popover{position:absolute;background:var(--bg);border:var(--border);padding:var(--spacing-sm) var(--spacing-md);z-index:100;min-width:160px;animation:popoverFadeIn .15s ease-out}.cal-popover-header{font-family:var(--font-serif);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--ink-15);padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-xs);opacity:.7}.cal-popover-list{list-style:none;padding:0;margin:0}.cal-popover-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:4px 0;cursor:pointer}.cal-popover-item:hover .cal-popover-rite-name{opacity:.7}.cal-popover-sigil{width:16px;height:16px;object-fit:contain;opacity:.5}.cal-popover-rite-name{font-family:var(--font-sans);font-size:.85rem;transition:opacity .1s}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.notes-due-section{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--ink-08)}.notes-due-label{font-family:var(--font-serif);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:4px;opacity:.5}.notes-due-display{display:flex;align-items:center;gap:var(--spacing-xs)}.notes-due-text{font-family:var(--font-serif);font-size:.85rem;font-style:italic;cursor:pointer;opacity:.5;transition:opacity .15s}.notes-due-text.has-date{opacity:1;font-style:normal;font-weight:600}.notes-due-text:hover{opacity:.8}.notes-due-clear{background:none;border:none;font-size:.85rem;cursor:pointer;color:var(--ink-30);padding:0 2px;line-height:1}.notes-due-clear:hover{color:var(--ink)}.notes-mini-cal{margin-top:var(--spacing-sm);border:var(--border);padding:var(--spacing-xs);background:var(--bg)}.mc-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.mc-nav button{background:none;border:none;font-family:var(--font-serif);font-size:.9rem;cursor:pointer;color:var(--ink);padding:0 4px}.mc-month{font-family:var(--font-serif);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.mc-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.mc-header{font-family:var(--font-serif);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;padding:2px 0;opacity:.5}.mc-cell{font-family:var(--font-sans);font-size:.75rem;padding:4px 0;cursor:pointer;transition:background .1s}.mc-cell:hover:not(.mc-empty){background:var(--ink-08)}.mc-cell.mc-empty{cursor:default}.mc-cell.mc-today{font-weight:700}.mc-cell.mc-selected{background:var(--ink);color:var(--bg)}.rite-detail{border:var(--border);padding:var(--spacing-md);position:relative}.rite-detail-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--ink-50)}.rite-detail-close:hover{color:var(--ink)}.rite-detail-header{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--spacing-md);padding-right:var(--spacing-lg)}.rite-detail-field{margin-bottom:var(--spacing-md)}.rite-detail-field label{font-family:var(--font-serif);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:var(--spacing-xs);opacity:.6}.rite-detail-field textarea{font-family:var(--font-sans);font-size:.9rem;width:100%;min-height:80px;border:none;border-bottom:var(--border);background:transparent;color:var(--ink);resize:vertical;outline:none;line-height:1.6}.rite-detail-field input[type=date]{font-family:var(--font-sans);font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);border:var(--border);background:transparent;color:var(--ink);outline:none}.priority-selector{display:flex;gap:0}.priority-option{font-family:var(--font-sans);font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm);border:var(--border);background:transparent;color:var(--ink-50);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;margin-left:-1px}.priority-option:first-child{margin-left:0}.priority-option.active{background:var(--ink);color:var(--bg)}.recurring-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.recurring-selector select{font-family:var(--font-sans);font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm);border:var(--border);background:transparent;color:var(--ink);outline:none;cursor:pointer}.spread-list{list-style:none}.spread-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--ink-08)}.spread-item .sigil{width:24px;height:24px;object-fit:contain;opacity:.7}.spread-item .spread-rite-name{font-family:var(--font-sans);font-size:.95rem;flex:1}.spread-item .spread-domain-name{font-family:var(--font-sans);font-size:.8rem;opacity:.4;text-transform:uppercase;letter-spacing:.05em}.settings-link{font-family:var(--font-serif);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-30);cursor:pointer;background:none;border:none;text-align:center;display:block;margin:var(--spacing-xl) auto var(--spacing-md);transition:color .2s}.settings-link:hover{color:var(--ink)}.settings-panel{border:var(--border);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.settings-panel .section-header{margin-bottom:var(--spacing-md)}.settings-card-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.settings-card{border:var(--border);text-align:center;overflow:hidden}.settings-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.settings-card .card-info{padding:var(--spacing-xs);border-top:var(--border)}.settings-card .card-info .card-label{font-family:var(--font-sans);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.settings-card .card-status-btn{font-family:var(--font-sans);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;background:none;border:none;cursor:pointer;color:var(--ink-50);padding:2px 0}.settings-card .card-status-btn:hover{color:var(--ink)}.settings-card .card-active-label{font-family:var(--font-sans);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);font-weight:600}.settings-card .card-remove-btn{background:none;border:none;font-size:.85rem;cursor:pointer;color:var(--ink-30);padding:0 2px;line-height:1;margin-left:4px}.settings-card .card-remove-btn:hover{color:var(--ink)}.settings-card .card-info{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px}.settings-card.is-active{border:var(--border-heavy)}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--ink-08)}.settings-toggle-row label{font-family:var(--font-sans);font-size:.9rem}.toggle-switch{width:36px;height:20px;border:var(--border);cursor:pointer;position:relative;background:transparent}.toggle-switch.on{background:var(--ink)}.toggle-switch .toggle-knob{width:14px;height:14px;background:var(--bg);border:1px solid var(--ink);position:absolute;top:2px;left:2px;transition:left .2s}.toggle-switch.on .toggle-knob{left:18px}.fade-in{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .3s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){#app{padding:var(--spacing-md)}.masthead{font-size:1.6rem;padding:var(--spacing-md) 0}.main-layout{display:flex;flex-direction:column;gap:16px}.main-cards,.main-right,.main-task-row,.main-taskbox,.main-bento,#calendar-area,.taskbox{width:100%!important;max-width:100%!important}.main-right{gap:16px;width:100%}.main-masthead{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-right:var(--spacing-sm)}.main-masthead .masthead{padding:var(--spacing-sm) 0;font-size:1.4rem;text-align:left;flex:1}.main-masthead .masthead-moon{position:static;transform:none;margin-bottom:0;margin-left:var(--spacing-sm)}.main-moon{display:none}.main-cards{width:100%;margin:0;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;position:relative}.main-cards:after{content:"";position:fixed;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--bg));pointer-events:none;z-index:10}.main-cards::-webkit-scrollbar{display:none}.card-grid{display:flex;gap:var(--spacing-sm);width:max-content;padding-bottom:var(--spacing-md)}.card-grid-item{width:120px;flex-shrink:0}.card-grid-item img{width:100%;aspect-ratio:2/3}.main-task-row{flex-direction:column}.main-notes-panel{width:100%;transition:opacity .2s ease}.main-notes-panel.visible{width:100%!important;border-left:none;padding-left:0;margin-left:0;border-top:1px solid var(--ink-15);padding-top:16px;margin-top:16px}.main-bento{grid-template-columns:1fr}.card-selection-grid,.settings-card-list{grid-template-columns:repeat(2,1fr)}.onboarding-title{font-size:2.2rem}.onboarding-header{font-size:1.3rem}}.rite-item.swiping-right{transform:translate(var(--swipe-x, 0));transition:transform .1s}.rite-item .swipe-actions{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;gap:4px;padding-right:var(--spacing-sm);opacity:0;transition:opacity .2s}.rite-item.show-actions .swipe-actions{opacity:1}.swipe-actions button{font-family:var(--font-sans);font-size:.7rem;text-transform:uppercase;background:none;border:var(--border);padding:2px 8px;cursor:pointer;color:var(--ink)}.ink-trail-dot{position:fixed;width:4px;height:4px;border-radius:50%;background:var(--ink);pointer-events:none;z-index:100;animation:inkFade .5s ease-out forwards}@keyframes inkFade{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.dust-motes-container{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity 2s ease-out;overflow:hidden}.dust-motes-container.active{opacity:1;transition:opacity 4s ease-in}.dust-mote{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--ink);opacity:0;animation:floatUp 10s ease-in-out infinite}@keyframes floatUp{0%{transform:translateY(10vh) translate(0);opacity:0}30%{opacity:.15}70%{opacity:.15}to{transform:translateY(-80vh) translate(40px);opacity:0}}.mobile-moon{display:none}.mobile-moon img{width:36px;height:36px;object-fit:contain;border:var(--border);padding:3px;cursor:pointer;animation:breathingPulse 4s ease-in-out infinite}.mobile-moon.spread-active img{border:var(--border-heavy)}.auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;animation:fadeIn .6s ease}.auth-sigil{font-size:3rem;opacity:.3;margin-bottom:var(--spacing-md);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.5}}.auth-title{font-family:var(--font-serif);font-size:2.8rem;font-weight:400;letter-spacing:.4em;text-transform:uppercase;margin-bottom:var(--spacing-xs)}.auth-subtitle{font-family:var(--font-serif);font-style:italic;font-size:1rem;opacity:.6;margin-bottom:var(--spacing-lg)}.auth-divider{font-size:.8rem;opacity:.3;letter-spacing:.3em;margin-bottom:var(--spacing-lg)}.auth-google-btn{display:flex;align-items:center;gap:10px;padding:12px 28px;border:var(--border);background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:.95rem;cursor:pointer;transition:background .2s,opacity .2s;letter-spacing:.05em}.auth-google-btn:hover{background:var(--ink-08)}.auth-google-icon{flex-shrink:0}.auth-footer{margin-top:var(--spacing-xl);font-family:var(--font-serif);font-style:italic;font-size:.8rem;opacity:.3}.settings-account{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--ink-15)}.settings-user{font-size:.8rem;opacity:.5}.settings-logout-btn{font-family:var(--font-serif);font-size:.8rem;font-style:italic;background:none;border:none;color:var(--ink);opacity:.5;cursor:pointer;transition:opacity .2s}.settings-logout-btn:hover{opacity:1}