:root{--bg: #f7f6f3;--surface: #ffffff;--surface-2: #f0eee9;--border: #e4e1da;--text: #1d1c1a;--text-2: #5f5b54;--text-3: #8e897f;--accent: #2f4a8a;--accent-soft: #e6ebf6;--accent-text: #ffffff;--danger: #b3261e;--skeleton: #e9e6e0;--shadow: 0 1px 2px rgb(0 0 0 / .04), 0 8px 24px rgb(0 0 0 / .06);--font-ui: -apple-system, BlinkMacSystemFont, "Avenir Next", "Segoe UI", Roboto, sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--radius: 10px;--topbar-h: 56px;--sidebar-w: 360px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #121315;--surface: #1a1b1e;--surface-2: #232428;--border: #2e3035;--text: #ecebe8;--text-2: #a9a6a0;--text-3: #77746e;--accent: #8fa8ec;--accent-soft: #232c45;--accent-text: #0f1424;--danger: #f2877f;--skeleton: #26282c;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .35);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}#root{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand{font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:-.01em;color:var(--text);background:none;border:0;padding:0;cursor:pointer}.muted{color:var(--text-3)}.small{font-size:.82rem}.error{color:var(--danger);font-size:.9rem}.pad{padding:0 16px}.primary-button,.secondary-button,.icon-button,.back-button,.link-button{display:inline-flex;align-items:center;gap:6px;border-radius:8px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.primary-button{background:var(--accent);color:var(--accent-text);border:1px solid transparent;padding:7px 14px;font-weight:600;font-size:.9rem}.primary-button:hover{filter:brightness(1.08)}.secondary-button{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:7px 12px;font-size:.9rem}.secondary-button:hover{background:var(--surface-2)}.icon-button{background:none;border:1px solid transparent;color:var(--text-2);padding:7px;font-size:.85rem}.icon-button:hover{background:var(--surface-2);color:var(--text)}.icon-button-label{padding-right:2px}.back-button{background:none;border:0;color:var(--text-2);padding:6px 8px 6px 2px;font-size:.92rem}.back-button:hover{color:var(--text)}.link-button{background:none;border:0;padding:0;color:var(--accent);font-size:inherit}button:disabled{opacity:.55;cursor:default}.skeleton{display:block;height:14px;border-radius:6px;background:var(--skeleton);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.skeleton,.spinner{animation:none}}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;border:0;background:var(--accent-soft);color:var(--accent);font-size:.82rem;font-weight:500;cursor:pointer}span.chip{cursor:default}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border)}.topbar-actions{display:flex;align-items:center;gap:10px}.account{position:relative}.avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);padding:0;overflow:hidden;cursor:pointer;font-weight:600;font-size:.85rem;color:var(--text-2)}.avatar img{width:100%;height:100%;object-fit:cover}.menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px}.menu-identity{display:grid;padding:8px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:6px;font-size:.9rem}.menu-identity span{color:var(--text-3);font-size:.82rem}.menu button{width:100%;text-align:left;background:none;border:0;border-radius:6px;padding:8px 10px;cursor:pointer;font-size:.9rem}.menu button:hover{background:var(--surface-2)}.layout{display:block}.is-wide .layout{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);height:calc(100dvh - var(--topbar-h))}.is-wide .sidebar{border-right:1px solid var(--border);overflow-y:auto;overscroll-behavior:contain}.is-wide .main{overflow-y:auto;overscroll-behavior:contain}.is-narrow.reader-open .sidebar,.is-narrow:not(.reader-open) .main{display:none}.sidebar-tools{position:sticky;top:0;z-index:5;background:var(--bg);padding:12px 16px 4px}.is-narrow .sidebar-tools{top:var(--topbar-h)}.search{display:flex;align-items:center;gap:8px;padding:0 12px;height:40px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text-3)}.search:focus-within{border-color:var(--accent)}.search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--text);font-size:.95rem}.filters{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.pill{flex:none;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:.84rem;cursor:pointer}select.pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:26px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 14px) 13px,calc(100% - 10px) 13px;background-size:4px 4px;background-repeat:no-repeat}.pill.is-on{background-color:var(--text);border-color:var(--text);color:var(--bg)}.sidebar-count{margin:10px 0 0;font-size:.8rem;color:var(--text-3);min-height:1.2em}.list{padding:0 8px 32px}.list ul{list-style:none;margin:0;padding:0}.list-month{display:flex;justify-content:space-between;align-items:baseline;margin:18px 8px 6px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.list-month-count{font-weight:500}.row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 8px;border-radius:8px;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.row:hover{background:var(--surface-2)}.row.is-selected{background:var(--accent-soft)}.row-date{display:grid;justify-items:center;line-height:1.1}.row-day{font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums}.row-weekday{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}.row-main{display:grid;gap:2px;min-width:0}.row-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row.is-selected .row-title{color:var(--accent)}.row-meta{font-size:.82rem;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-flags{display:flex;gap:6px;color:var(--text-3)}.row-skeleton .row-main{gap:6px}.reader{max-width:720px;margin:0 auto;padding:8px 20px 64px}.is-wide .reader{padding:20px 40px 80px}.reader.empty{display:grid;justify-items:start;gap:12px;padding-top:64px}.reader-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin-bottom:4px}.reader-actions{display:flex;gap:2px;margin-left:auto}.reader-meta{margin:0;color:var(--text-3);font-size:.88rem}.reader-title{font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.15;letter-spacing:-.015em;font-weight:600;margin:6px 0 16px;overflow-wrap:anywhere}.reader-summary{font-size:1.08rem;color:var(--text-2);border-left:3px solid var(--accent);padding-left:14px;margin:0 0 24px}.reader-video{margin-bottom:24px}.video{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:#000;border:0;padding:0;margin:0 0 16px}.video iframe,.video img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover}.video-poster{cursor:pointer}.video-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#000000a6;color:#fff;transition:transform .15s ease}.video-poster:hover .video-play{transform:scale(1.08)}.video-restricted img{filter:grayscale(1) blur(2px);opacity:.4}.video-restricted-note{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:.9rem}.chapters{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-top:-6px;scrollbar-width:thin}.chapter{flex:none;display:inline-flex;gap:6px;max-width:240px;padding:5px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:.82rem;cursor:pointer}.chapter.is-active{border-color:var(--accent);background:var(--accent-soft)}.chapter-time{font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent)}.chapter-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}.prose{font-size:1.02rem;line-height:1.7}.prose>:first-child{margin-top:0}.prose p{margin:0 0 .9em}.prose h2,.prose h3,.prose h4{font-family:var(--font-display);line-height:1.25;margin:1.6em 0 .5em}.prose h2{font-size:1.45rem}.prose h3{font-size:1.2rem}.prose h4{font-size:1.05rem}.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1em}.prose li{margin:.25em 0}.prose li>ul,.prose li>ol{margin:.25em 0 0}.prose blockquote{margin:0 0 1em;padding-left:14px;border-left:3px solid var(--border);color:var(--text-2)}.prose pre{background:var(--surface-2);border-radius:8px;padding:12px 14px;overflow-x:auto;font-size:.88rem}.prose hr{border:0;border-top:1px solid var(--border);margin:2em 0}.prose a{overflow-wrap:anywhere}.callout{display:flex;gap:10px;padding:12px 14px;border-radius:8px;background:var(--surface-2);margin:0 0 1em}.callout p{margin:0}.toggle{margin:0 0 1em}.toggle summary{cursor:pointer;font-weight:500}.toggle>:not(summary){margin-left:1.2em}.todo{display:flex;gap:8px;align-items:baseline;margin:0 0 .4em}.notes-skeleton{display:grid;gap:12px;padding-top:4px}.related{margin-top:48px;padding-top:20px;border-top:1px solid var(--border)}.related-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.related h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0}.related-groups{display:grid;gap:20px;margin-top:12px}.related-group h3{font-size:.85rem;color:var(--text-2);margin:0 0 6px}.related-item{display:grid;gap:2px;width:100%;text-align:left;padding:10px 12px;margin-bottom:6px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);text-decoration:none;cursor:pointer;font-size:.92rem}.related-item:hover{border-color:var(--accent)}.related-item span{color:var(--text-3);font-size:.84rem}.editor{display:grid;gap:16px}.editor .reader-header{position:sticky;top:0;z-index:4;background:var(--bg);margin:0 -4px;padding:0 4px}.is-narrow .editor .reader-header{top:var(--topbar-h)}.editor-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:600;border:0;border-bottom:1px solid var(--border);background:none;padding:4px 0 10px;outline:0;width:100%}.editor-title:focus{border-bottom-color:var(--accent)}.editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.editor-grid-2{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end}@media (max-width: 560px){.editor-grid,.editor-grid-2{grid-template-columns:1fr}}.field{display:grid;gap:6px}.field>span{font-size:.8rem;font-weight:600;color:var(--text-2)}.field input,.field textarea,.gate-code input{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:9px 11px;font-size:.95rem}.field textarea{resize:vertical;line-height:1.55}.field input:focus,.field textarea:focus,.gate-code input:focus{outline:0;border-color:var(--accent)}.field-check{display:flex;align-items:center;gap:8px;min-height:40px}.field-check input{width:auto}.field-check>span{font-weight:500;font-size:.9rem}.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.tag-input:focus-within{border-color:var(--accent)}.tag-input input{flex:1;min-width:140px;border:0;padding:4px;background:none}.tag-input input:focus{outline:0}.ai-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.ai-panel summary{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;font-weight:500;color:var(--text-2)}.ai-panel-body{display:grid;gap:12px;padding:0 14px 14px}.button-row{display:flex;flex-wrap:wrap;gap:8px}.shared-reader .reader{padding-top:24px}.gate{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.gate-card{width:100%;max-width:380px;display:grid;gap:12px;justify-items:start}.gate-card h1{font-family:var(--font-display);font-size:2rem;line-height:1.15;margin:12px 0 0}.gate-card p{margin:0}.gate-google{width:100%;justify-content:center;padding:11px 14px;margin-top:12px;font-size:.95rem}.gate-code{width:100%;display:grid;gap:8px;margin-top:16px;padding-top:20px;border-top:1px solid var(--border)}.gate-code label{font-size:.85rem;color:var(--text-2)}.gate-code-row{display:flex;gap:8px}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{rotate:360deg}}