@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=dark]{--bg: #0a0a0c;--bg-elevated: #14151a;--bg-overlay: rgba(10, 10, 12, .92);--surface: rgba(20, 22, 26, .5);--surface-strong: rgba(20, 22, 26, .7);--surface-input: #1a1c22;--border: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .1);--text-primary: #F4F1EA;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-muted: #6b7280;--text-faint: #4b5563;--accent: #F4F1EA;--invert: #0a0a0c;--accent-hover: #ffffff;--focus-ring: rgba(14, 165, 233, .35)}[data-theme=light]{--bg: #FBFAF7;--bg-elevated: #FFFFFF;--bg-overlay: rgba(251, 250, 247, .92);--surface: rgba(255, 255, 255, .6);--surface-strong: #FFFFFF;--surface-input: #FFFFFF;--border: rgba(26, 31, 46, .08);--border-strong: rgba(26, 31, 46, .15);--text-primary: #1A1F2E;--text-secondary: #374151;--text-tertiary: #6b7280;--text-muted: #9ca3af;--text-faint: #c5cbd3;--accent: #1A1F2E;--invert: #FBFAF7;--accent-hover: #2a3142;--focus-ring: rgba(14, 165, 233, .3)}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s ease,color .25s ease}.font-serif{font-family:Fraunces,Georgia,serif}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.no-drag{-webkit-app-region:no-drag}@keyframes pulse-red{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.log-reminder-pulse{animation:pulse-red 1.5s ease-in-out infinite}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUpFade .4s ease-out both}@keyframes opus-caret-blink{0%,to{opacity:1}50%{opacity:0}}.opus-caret{display:inline-block;margin-left:1px;color:var(--text-muted);animation:opus-caret-blink 1s step-end infinite}.opus-shell{min-height:100vh;display:flex;flex-direction:column}.opus-main{flex:1;width:100%;max-width:480px;margin:0 auto;padding-bottom:72px}.opus-bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;height:64px;background:var(--bg-overlay);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border)}.opus-sidenav{display:none}.opus-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opus-tile{transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out}.opus-tile:active{transform:scale(.985)}@media(min-width:768px){.opus-main{max-width:900px;padding-left:88px;padding-bottom:40px}.opus-bottomnav{display:none}.opus-sidenav{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;width:72px;background:var(--bg-overlay);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border);z-index:40;padding:20px 0;gap:4px;align-items:center}.opus-tiles{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.opus-main{max-width:1040px}}@media(hover:hover){.opus-tile:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}}.opus-portal{min-height:100vh;display:flex}.opus-portal-left{width:420px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:48px 52px;background:#060a12;border-right:1px solid rgba(255,255,255,.04)}.opus-portal-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse 70% 55% at 50% 38%,rgba(55,68,104,.45) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 15% 15%,rgba(30,40,65,.4) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 85% 85%,rgba(20,28,52,.5) 0%,transparent 55%),linear-gradient(160deg,#1a1f2e,#121622 55%,#0b0e18);position:relative;overflow:hidden}.opus-portal-right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(244,241,234,.14) 0%,transparent 100%),radial-gradient(1px 1px at 75% 20%,rgba(244,241,234,.09) 0%,transparent 100%),radial-gradient(1px 1px at 55% 70%,rgba(244,241,234,.11) 0%,transparent 100%),radial-gradient(1px 1px at 35% 80%,rgba(244,241,234,.07) 0%,transparent 100%),radial-gradient(1px 1px at 88% 55%,rgba(244,241,234,.1) 0%,transparent 100%),radial-gradient(1px 1px at 10% 60%,rgba(244,241,234,.08) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 62% 12%,rgba(244,241,234,.12) 0%,transparent 100%),radial-gradient(1px 1px at 45% 45%,rgba(244,241,234,.06) 0%,transparent 100%);pointer-events:none}@media(max-width:720px){.opus-portal{flex-direction:column-reverse}.opus-portal-left{width:100%;padding:44px 28px 52px;border-right:none;border-top:1px solid rgba(255,255,255,.04)}.opus-portal-right{min-height:220px;flex-shrink:0}}.dd-prose{color:var(--text-secondary);font-size:15px;line-height:1.75;word-wrap:break-word}.dd-prose>:first-child{margin-top:0}.dd-prose h1{font-family:Fraunces,Georgia,serif;font-size:30px;font-weight:600;color:var(--text-primary);letter-spacing:-.6px;line-height:1.2;margin:4px 0 14px}.dd-prose h2{font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:600;color:var(--text-primary);letter-spacing:-.3px;margin:30px 0 12px;padding-bottom:7px;border-bottom:1px solid var(--border)}.dd-prose h3{font-size:16.5px;font-weight:700;color:var(--text-primary);margin:22px 0 8px}.dd-prose p{margin:0 0 14px}.dd-prose a{color:#0ea5e9;text-decoration:underline;text-underline-offset:2px}.dd-prose strong{color:var(--text-primary);font-weight:600}.dd-prose em{font-style:italic}.dd-prose ul,.dd-prose ol{margin:0 0 14px;padding-left:22px}.dd-prose li{margin:0 0 6px}.dd-prose li::marker{color:var(--text-muted)}.dd-prose blockquote{margin:16px 0;padding:4px 16px;border-left:3px solid var(--border-strong);color:var(--text-tertiary);font-family:Fraunces,Georgia,serif;font-style:italic;font-size:16px}.dd-prose hr{border:none;border-top:1px solid var(--border);margin:26px 0}.dd-prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px}.dd-prose th,.dd-prose td{border:1px solid var(--border-strong);padding:7px 10px;text-align:left}.dd-prose th{background:var(--surface);color:var(--text-primary);font-weight:600}.dd-outline-rail{display:none}.dd-outline-top{display:block}.opus-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:600;letter-spacing:.2px;line-height:1;font-family:inherit;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .08s ease}.opus-btn:active{transform:scale(.97)}.opus-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.opus-btn-sm{padding:6px 12px;font-size:12.5px;border-radius:9px}.opus-btn-primary{background:var(--text-primary);color:var(--invert)}@media(hover:hover){.opus-btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 14px #00000040}}.opus-btn-primary:disabled{background:var(--surface-input);color:var(--text-faint);box-shadow:none;cursor:default;transform:none}.opus-btn-secondary{background:var(--surface);color:var(--text-secondary);border-color:var(--border-strong)}@media(hover:hover){.opus-btn-secondary:hover{background:var(--surface-strong);border-color:var(--text-faint);color:var(--text-primary)}}.opus-btn-secondary:disabled{color:var(--text-faint);border-color:var(--border);cursor:default;transform:none}.opus-btn-ghost{background:transparent;color:var(--text-secondary)}@media(hover:hover){.opus-btn-ghost:hover{background:var(--surface);color:var(--text-primary)}}.opus-pill{font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:99px;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-muted);transition:background .15s ease,color .15s ease,border-color .15s ease}@media(hover:hover){.opus-pill:hover{color:var(--text-secondary);border-color:var(--border-strong)}}.opus-pill-active{background:var(--surface-input);color:var(--text-primary);border-color:var(--border-strong)}.opus-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:transparent;border:1px solid var(--border);color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .08s ease}@media(hover:hover){.opus-iconbtn:hover{background:var(--surface);border-color:var(--border-strong);color:var(--text-primary)}}.opus-iconbtn:active{transform:scale(.92)}.opus-iconbtn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}@media(hover:hover){.opus-iconbtn-danger:hover{background:#f8717126;border-color:#f8717180;color:#f87171}}.opus-iconbtn-sm{width:26px;height:26px;border-radius:7px}.opus-iconbtn-overlay{background:#0000008c;color:#f4f1ea;border-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(hover:hover){.opus-iconbtn-overlay:hover{background:#000000bd;border-color:transparent;color:#fff}.opus-iconbtn-overlay.opus-iconbtn-danger:hover{background:#dc2626e6;border-color:transparent;color:#fff}}.opus-moodwrap{position:relative;display:inline-flex}.opus-moodbtn{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .12s ease,box-shadow .16s ease}@media(hover:hover){.opus-moodbtn:hover{transform:translateY(-1.5px)}.opus-moodbtn:not(.is-felt):not(.is-strong):hover{color:var(--mood);border-color:var(--mood)}}.opus-moodbtn:active{transform:translateY(0) scale(.93)}.opus-moodbtn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus-ring)}.opus-moodtip{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(3px);background:var(--bg-elevated);color:var(--text-secondary);font-size:10.5px;font-weight:600;letter-spacing:.2px;padding:3px 8px;border-radius:7px;border:1px solid var(--border-strong);white-space:nowrap;pointer-events:none;opacity:0;z-index:6;box-shadow:0 6px 18px #00000052;transition:opacity .14s ease,transform .14s ease}.opus-moodtip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--bg-elevated)}@media(hover:hover){.opus-moodwrap:hover .opus-moodtip{opacity:1;transform:translate(-50%) translateY(0)}}.opus-input{width:100%;background:var(--surface-input);border:1px solid var(--border-strong);border-radius:10px;padding:9px 11px;color:var(--text-primary);font-size:13px;outline:none;font-family:inherit;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.opus-input::placeholder{color:var(--text-faint)}.opus-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px var(--focus-ring)}.opus-book-card{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.book-tools{opacity:0;transition:opacity .18s ease}@media(hover:hover){.opus-book-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000004d;border-color:var(--border-strong)}.opus-book-card:hover .book-tools{opacity:1}}.opus-write-row{transition:border-color .15s ease,background .15s ease}.row-del{opacity:0;transition:opacity .15s ease}@media(hover:hover){.opus-write-row:hover{border-color:var(--border-strong)}.opus-write-row:hover .row-del{opacity:1}}.opus-pick-card{transition:border-color .15s ease,background .15s ease}@media(hover:hover){.opus-pick-card:hover{border-color:var(--border-strong);background:var(--surface)}}.opus-rowbtn{transition:background .15s ease,color .15s ease}@media(hover:hover){.opus-rowbtn:hover{background:var(--surface-strong)}}.opus-rail{position:fixed;top:0;right:0;bottom:0;width:300px;background:var(--bg-overlay);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--border);overflow-y:auto;z-index:45;padding:18px 16px 36px;display:none}@media(min-width:1280px){.opus-rail{display:block}.opus-main{max-width:1352px;padding-right:312px}}.opus-rail.opus-rail-open{display:block;box-shadow:-16px 0 48px #00000073}.opus-rail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:44}.opus-rail-fab{position:fixed;right:16px;bottom:76px;z-index:41;width:48px;height:48px;border-radius:99px;border:none;background:var(--text-primary);color:var(--invert);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #00000059;transition:transform .1s ease,box-shadow .15s ease}.opus-rail-fab:active{transform:scale(.94)}@media(min-width:1280px){.opus-rail-fab,.opus-rail-backdrop,.opus-rail-close{display:none!important}}.opus-rail-item{transition:background .15s ease}@media(hover:hover){.opus-rail-item:hover{background:var(--surface)}}.opus-rail-collapse{position:fixed;right:286px;bottom:24px;z-index:46;width:30px;height:30px;border-radius:99px;background:var(--surface-strong);border:1px solid var(--border-strong);color:var(--text-tertiary);cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 2px 12px #0000004d;transition:color .15s ease,background .15s ease,transform .08s ease}.opus-rail-collapse:hover{color:var(--text-primary);background:var(--surface-input)}.opus-rail-collapse:active{transform:scale(.9)}@media(min-width:1280px){.opus-rail-collapse{display:flex}}.rail-collapsed .opus-rail-collapse{display:none!important}.opus-rail-reopen{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:46;display:none;flex-direction:column;align-items:center;gap:8px;background:var(--surface-strong);border:1px solid var(--border-strong);border-right:none;border-radius:12px 0 0 12px;padding:14px 7px;cursor:pointer;color:var(--text-secondary);transition:color .15s ease,background .15s ease}.opus-rail-reopen:hover{color:var(--text-primary);background:var(--surface-input)}.opus-rail-reopen span{writing-mode:vertical-rl;font-size:10.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase}@media(min-width:1280px){.rail-collapsed .opus-rail-reopen{display:flex}}@media(min-width:1280px){.rail-collapsed .opus-rail{display:none}.rail-collapsed .opus-main{max-width:1040px;padding-right:0}}