#login-form{text-align:left;margin-top:28px}#login-form label{display:block;color:var(--muted);font-size:12px;margin:14px 0 8px}#login-form input{display:block;width:100%;border:1px solid var(--border);border-radius:7px;background:#f6f7f0;padding:12px 14px}#login-form .primary{width:100%;margin-top:24px}.password-field{position:relative}.password-field input{padding-right:65px!important}.password-field button{position:absolute;right:8px;top:9px;background:transparent;color:var(--muted);padding:5px;font-size:12px}
*{box-sizing:border-box} [hidden]{display:none!important} :root{--ink:#293c35;--green:#365b47;--muted:#7d8178;--border:#e5e6dc;--paper:#fdfdf8;--bg:#f3f4ed}body{margin:0;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button{border:0}input,textarea{color:var(--ink)}.primary{background:var(--green);color:white;border-radius:8px;padding:13px 18px;font-weight:600}.primary:hover{background:#274b38}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--muted)}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 30% 20%,#e4e9d9,transparent 55%),var(--bg);padding:28px}.login-card{width:min(530px,100%);background:var(--paper);border:1px solid var(--border);border-radius:20px;padding:52px;box-shadow:0 20px 90px #3348350b;text-align:center}.mark{font-family:Georgia,serif;font-size:48px;background:#e9edde;color:var(--green);width:76px;height:76px;border-radius:22px;display:grid;place-items:center;margin:0 auto 30px}h1{font:normal clamp(30px,4vw,40px)/1.18 Georgia,serif;letter-spacing:-1px;margin:18px 0}.intro{line-height:1.8;color:var(--muted);margin:22px 0 32px}#google-button{display:flex;justify-content:center;min-height:42px}#login-status{font-size:13px;line-height:1.6;color:var(--muted);max-width:360px;margin:14px auto}.private-label{border-top:1px solid var(--border);margin-top:28px;padding-top:24px;font-size:12px;color:var(--muted)}.private-label span{color:var(--green);margin-right:6px}.login-footer{font:16px Georgia,serif;color:var(--muted);margin-top:24px}.app{display:grid;grid-template-columns:230px 300px minmax(0,1fr);min-height:100dvh}.sidebar{padding:30px 20px;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#eef0e5;position:sticky;top:0;height:100dvh}.brand{text-decoration:none;color:var(--green);font:32px Georgia,serif;display:flex;align-items:center;gap:10px;white-space:nowrap;margin-bottom:32px}.brand span{font:600 14px system-ui}.search-label{font-size:11px;color:var(--muted);margin:28px 0 8px}.sidebar input{width:100%;border:1px solid #dce0d1;background:#f8f9f2;border-radius:7px;padding:10px;font-size:12px}nav{margin-top:24px}.nav{display:flex;align-items:center;gap:10px;background:transparent;width:100%;padding:11px 12px;border-radius:7px;color:#687469;text-align:left;margin:3px 0}.nav span:first-of-type{flex:1}.nav.active{background:#dee6d4;color:#2e513b;font-weight:600}.nav:hover{background:#e5eadd}.notebook-heading{margin:34px 12px 12px}#notebooks{overflow:auto}.notebook{font-size:12px}.sidebar-bottom{margin-top:auto;padding-top:32px}.sidebar-bottom .quiet{display:block;padding:9px 0}.sidebar-bottom p{font-size:10px;color:var(--muted);margin-top:18px}.quiet{background:transparent;color:var(--muted);padding:7px 10px;border-radius:6px;font-size:12px}.quiet:hover{background:#e9eddf;color:var(--green)}.note-list{border-right:1px solid var(--border);background:#f8f9f2;max-height:100dvh;overflow:auto}.note-list header{padding:32px 24px 22px;display:flex;justify-content:space-between;align-items:center}.note-list h2{font:26px Georgia,serif;margin:10px 0 0}.count{background:#e9eddf;border-radius:99px;padding:4px 8px;font-size:11px}#list{padding:0 12px}.note-card{display:block;width:100%;padding:20px 16px;background:transparent;border:1px solid transparent;border-bottom-color:var(--border);text-align:left;border-radius:8px}.note-card.selected{border-color:#d7dfca;background:#eaf0e1}.note-card h3{margin:0 0 9px;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card p{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.note-card small{color:#919689;font-size:10px}.list-empty{padding:20px 12px;color:var(--muted);line-height:1.7}.workspace{background:var(--paper);min-width:0}.empty{height:100dvh;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:32px}.empty-icon{font:44px Georgia,serif;color:#98ad83;margin-bottom:20px}.empty h2{font:34px Georgia,serif;margin:15px 0}.empty p:not(.eyebrow){color:var(--muted);line-height:1.9;margin-bottom:30px}.editor-bar{min-height:78px;padding:20px 30px;border-bottom:1px solid var(--border);display:flex;gap:15px;align-items:center;justify-content:space-between}.editor-bar div{display:flex}.editor-bar #save-status{font-size:11px;color:var(--muted);max-width:360px}.paper{max-width:900px;margin:auto;padding:42px clamp(24px,5vw,80px)}input.title{display:block;width:100%;font:38px Georgia,serif;background:transparent;border:0;margin-bottom:24px;padding:0}.note-meta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;font-size:11px;color:var(--muted);margin-bottom:22px}.note-meta input{border:1px solid var(--border);background:#f5f7ee;border-radius:5px;width:140px;padding:6px 8px;margin-left:6px;font-size:11px}.tags-label{font-size:11px;color:var(--muted)}#tags{border:0;background:transparent;width:100%;padding:10px 0;font-size:12px}.format-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;gap:8px;margin:18px 0 28px;padding:10px 0}.format-bar button{background:transparent;color:var(--muted);font-size:11px;border-radius:4px;padding:5px 8px}.format-bar button:hover,.format-bar button[aria-pressed=true]{background:#e9eddf;color:var(--green)}#preview-toggle{margin-left:auto}#body{width:100%;min-height:55dvh;resize:vertical;background:transparent;border:0;font-size:15px;line-height:1.9;padding:0}#preview{min-height:55dvh;font-size:15px;line-height:1.9;overflow-wrap:anywhere}#preview h2,#preview h3,#preview h4{font-family:Georgia,serif}#preview p{white-space:pre-wrap}#preview .check{padding:4px 0}#preview .check input{margin-right:8px}.paper-footer{display:flex;justify-content:space-between;color:#9da395;font-size:10px;border-top:1px solid var(--border);padding-top:16px;margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#293c35;color:#fff;padding:16px 24px;border-radius:10px;max-width:90%;box-shadow:0 6px 22px #0002;z-index:10}@media(max-width:1100px){.app{grid-template-columns:190px 240px minmax(0,1fr)}.sidebar{padding:24px 14px}.brand span{font-size:12px}.editor-bar{padding:16px;flex-wrap:wrap}.paper{padding:30px 24px}input.title{font-size:30px}}@media(max-width:780px){.app{grid-template-columns:170px minmax(0,1fr)}.note-list{max-height:380px}.workspace{grid-column:1/-1;border-top:1px solid var(--border)}.sidebar{height:auto;position:static;min-height:360px;padding:20px 12px}.sidebar-bottom{padding-top:15px}.sidebar-bottom p{display:none}.brand{font-size:26px;gap:5px;margin-bottom:20px}.brand span{font-size:11px}.search-label{margin-top:18px}.notebook-heading{margin-top:15px}.empty{height:auto;min-height:420px}.paper{padding:28px 22px}#body,#preview{min-height:45dvh}.login-card{padding:38px 24px}.editor-bar div{flex-wrap:wrap}}
.site-shell:has(#app:not([hidden])){padding-right:0}.workspace{display:block}.paper #preview{min-height:55dvh;outline:none;font-size:15px;line-height:1.9;padding-bottom:56px}.paper #preview:focus-visible{outline:1px solid var(--border);outline-offset:10px}.format-bar #preview-toggle{margin-left:0;margin-right:8px;border:1px solid var(--border);padding:6px 12px}.format-bar #preview-toggle[aria-pressed=true]{background:var(--soft);color:var(--ink)}#preview .markdown-subtext{font-size:11px}#preview pre{white-space:pre-wrap}

.music-mute{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 44px);z-index:21;display:grid;place-items:center;width:36px;height:36px;padding:8px;border:0;border-radius:50%;background:transparent;color:var(--muted);opacity:.65;cursor:pointer}.music-mute:hover,.music-mute:focus-visible{opacity:1}.music-mute:focus-visible{outline:2px solid currentColor;outline-offset:2px}.music-mute svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.music-credit-panel{bottom:88px}

.music-credit{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:20;color:var(--muted,#806575);font:12px system-ui,sans-serif}.music-credit>summary{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;list-style:none;cursor:pointer;font-size:19px;opacity:.65;transition:opacity .15s}.music-credit>summary::-webkit-details-marker{display:none}.music-credit>summary:hover,.music-credit[open]>summary{opacity:1}.music-credit>summary:focus-visible{outline:2px solid currentColor;outline-offset:2px}.music-credit-panel{position:absolute;bottom:44px;right:0;width:min(280px,calc(100vw - 32px));padding:16px 18px;border:1px solid var(--border,#dac0cf);border-radius:12px;background:var(--paper,#fff6fa);color:var(--ink,#49313f);box-shadow:0 8px 32px #21102215;text-align:left}.music-credit-panel p{font-size:11px;line-height:1.65;margin:0 0 10px;min-height:0}.music-credit-panel p:last-child{margin:0}.music-credit-panel a{color:inherit;text-decoration:underline;text-underline-offset:3px}

:root{color-scheme:dark;--ink:#f4e5ee;--green:#e8a9c8;--muted:#bba4b3;--border:#58414f;--paper:#2c222d;--bg:#201a24;--field:#251d29;--soft:#382a37;--accent-ink:#39202f;--glow:#d386ae24}
:root[data-theme=light]{color-scheme:light;--ink:#503748;--green:#bb628e;--muted:#8c6e80;--border:#e1bccc;--paper:#fff5fa;--bg:#f5d9e5;--field:#fff8fb;--soft:#f1dce7;--accent-ink:#fff7fb;--glow:#d386ae30}
body{background:var(--bg);color:var(--ink)}button,input,textarea{color:var(--ink)}.primary{background:var(--green);color:var(--accent-ink)}.primary:hover{background:var(--green);filter:brightness(1.08)}.theme-toggle{position:fixed;right:24px;top:22px;z-index:20;width:42px;height:42px;border:1px solid var(--border);border-radius:50%;background:var(--paper);color:var(--green);font-size:21px;box-shadow:0 4px 20px #0000000a}.theme-toggle:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.login{background:radial-gradient(ellipse at 18% 16%,var(--glow),transparent 58%),radial-gradient(ellipse at 84% 84%,var(--glow),transparent 55%),var(--bg)}.login{position:relative;padding:24px;isolation:isolate}.login-card{position:relative;z-index:2;width:min(370px,100%);padding:36px 32px 32px;background:var(--paper);border:1px solid var(--border);border-radius:24px;box-shadow:0 24px 90px #13091428;text-align:center}.login-sigil{font:48px Georgia,serif;color:var(--green);height:62px;position:relative;display:inline-block}.login-sigil span{position:absolute;font-size:21px;right:-15px;top:7px}.login h1{font:normal 25px Georgia,serif;letter-spacing:0;margin:15px 0 29px;color:var(--ink)}.login #login-form{margin:0}.floating-field{position:relative;margin-top:16px}.login #login-form input{width:100%;min-height:58px;padding:18px;background:var(--field);border:1px solid var(--border);border-radius:12px;color:var(--ink);text-align:center;font-size:15px}.login #login-form .floating-field label{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);margin:0;pointer-events:none;text-align:center;font-size:13px;color:var(--muted);transition:top .16s,font-size .16s;letter-spacing:.02em}.login #login-form input:focus+label,.login #login-form input:not(:placeholder-shown)+label{opacity:0}.login input:focus-visible{outline:2px solid var(--green);outline-offset:3px}.login input:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 100px var(--field) inset}.login #login-form .primary{margin-top:22px;min-height:49px;border-radius:12px;letter-spacing:.04em;font-size:13px}.login-submit span,#login-submit span{margin-left:9px}.login #login-status{margin:18px 0 0;color:var(--muted);font-size:12px}.login #login-status:empty{display:none}.rune-rain{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1}.rune-drop{position:absolute;top:-12vh;color:var(--green);opacity:0;animation:rune-fall var(--duration) linear infinite;animation-delay:var(--delay);width:var(--size);height:var(--size);filter:drop-shadow(0 0 5px var(--glow))}.rune-drop svg{width:100%;height:100%}@keyframes rune-fall{0%{transform:translate3d(0,0,0) rotate(-10deg);opacity:0}12%{opacity:.55}80%{opacity:.4}100%{transform:translate3d(35px,115vh,0) rotate(30deg);opacity:0}}body:has(#login[hidden]) .rune-rain{display:none}
.sidebar,.note-list,.workspace{background:var(--paper)}.sidebar input,.note-meta input{background:var(--field);border-color:var(--border)}.nav,.quiet{color:var(--muted)}.nav.active,.nav:hover,.quiet:hover,.note-card.selected,.count,.format-bar button:hover,.format-bar button[aria-pressed=true]{background:var(--soft);color:var(--ink)}.note-card.selected{border-color:var(--border)}.brand{color:var(--green)}.back-to-apps{margin:-18px 0 22px;text-align:left}.editor-bar{padding-right:82px}.paper-footer,.note-card small{color:var(--muted)}#toast{background:var(--paper);color:var(--ink);border:1px solid var(--border)}
.rune-drop:nth-child(1){left:0%;--size:12px;--duration:19s;--delay:-0s;--rest:0vh}.rune-drop:nth-child(2){left:37%;--size:17px;--duration:22s;--delay:-3.7s;--rest:23vh}.rune-drop:nth-child(3){left:74%;--size:22px;--duration:25s;--delay:-7.4s;--rest:46vh}.rune-drop:nth-child(4){left:11%;--size:27px;--duration:28s;--delay:-11.100000000000001s;--rest:69vh}.rune-drop:nth-child(5){left:48%;--size:12px;--duration:31s;--delay:-14.8s;--rest:92vh}.rune-drop:nth-child(6){left:85%;--size:17px;--duration:34s;--delay:-18.5s;--rest:15vh}.rune-drop:nth-child(7){left:22%;--size:22px;--duration:37s;--delay:-22.200000000000003s;--rest:38vh}.rune-drop:nth-child(8){left:59%;--size:27px;--duration:19s;--delay:-25.900000000000002s;--rest:61vh}.rune-drop:nth-child(9){left:96%;--size:12px;--duration:22s;--delay:-29.6s;--rest:84vh}.rune-drop:nth-child(10){left:33%;--size:17px;--duration:25s;--delay:-33.300000000000004s;--rest:7vh}.rune-drop:nth-child(11){left:70%;--size:22px;--duration:28s;--delay:-37s;--rest:30vh}.rune-drop:nth-child(12){left:7%;--size:27px;--duration:31s;--delay:-40.7s;--rest:53vh}.rune-drop:nth-child(13){left:44%;--size:12px;--duration:34s;--delay:-44.400000000000006s;--rest:76vh}.rune-drop:nth-child(14){left:81%;--size:17px;--duration:37s;--delay:-48.1s;--rest:99vh}.rune-drop:nth-child(15){left:18%;--size:22px;--duration:19s;--delay:-51.800000000000004s;--rest:22vh}.rune-drop:nth-child(16){left:55%;--size:27px;--duration:22s;--delay:-55.5s;--rest:45vh}.rune-drop:nth-child(17){left:92%;--size:12px;--duration:25s;--delay:-59.2s;--rest:68vh}.rune-drop:nth-child(18){left:29%;--size:17px;--duration:28s;--delay:-62.900000000000006s;--rest:91vh}.rune-drop:nth-child(19){left:66%;--size:22px;--duration:31s;--delay:-66.60000000000001s;--rest:14vh}.rune-drop:nth-child(20){left:3%;--size:27px;--duration:34s;--delay:-70.3s;--rest:37vh}.rune-drop:nth-child(21){left:40%;--size:12px;--duration:37s;--delay:-74s;--rest:60vh}.rune-drop:nth-child(22){left:77%;--size:17px;--duration:19s;--delay:-77.7s;--rest:83vh}.rune-drop:nth-child(23){left:14%;--size:22px;--duration:22s;--delay:-81.4s;--rest:6vh}.rune-drop:nth-child(24){left:51%;--size:27px;--duration:25s;--delay:-85.10000000000001s;--rest:29vh}.rune-drop:nth-child(25){left:88%;--size:12px;--duration:28s;--delay:-88.80000000000001s;--rest:52vh}.rune-drop:nth-child(26){left:25%;--size:17px;--duration:31s;--delay:-92.5s;--rest:75vh}.rune-drop:nth-child(27){left:62%;--size:22px;--duration:34s;--delay:-96.2s;--rest:98vh}.rune-drop:nth-child(28){left:99%;--size:27px;--duration:37s;--delay:-99.9s;--rest:21vh}

.site-shell{padding-left:105px;min-height:100dvh}.application-tabs{position:fixed;top:105px;left:0;width:105px;margin:0;z-index:5;display:flex;flex-direction:column;gap:14px}.bookmark-tab{display:flex;align-items:center;gap:8px;width:96px;min-height:64px;padding:12px 9px;background:var(--soft);color:var(--muted);border:1px solid var(--border);border-left:0;border-radius:0 12px 12px 0;box-shadow:2px 5px 12px #2010200c;transition:width .18s,background .18s,box-shadow .18s;text-align:left;font-size:11px;line-height:1.4}.bookmark-tab>span:first-child{font-size:19px;color:var(--green)}.bookmark-tab:hover,.bookmark-tab.active{width:105px;background:var(--paper);color:var(--ink);box-shadow:3px 5px 18px var(--glow)}.bookmark-tab.active{border-right:3px solid var(--green)}.application-placeholder{display:flex;min-height:100dvh;align-items:center;justify-content:center;flex-direction:column;background:var(--paper)}.application-placeholder h1{font:30px Georgia,serif;margin:0 0 12px}.application-placeholder p{color:var(--muted);margin:0}.application-placeholder:focus{outline:none}
@media(max-width:780px){.site-shell{padding-left:78px}.application-tabs{width:78px}.bookmark-tab{width:70px;flex-direction:column;align-items:flex-start;font-size:10px;min-height:75px}.bookmark-tab:hover,.bookmark-tab.active{width:78px}}
.snake-game{width:min(600px,100%);padding:28px 28px 20px;margin:auto}.snake-header{display:flex;justify-content:space-between;align-items:center;padding-right:40px;gap:20px}.snake-header h1{margin:0;font:32px Georgia,serif}#snake-mode{font-size:12px;color:var(--muted)}.snake-stats{display:flex;justify-content:space-between;align-items:center;margin:24px 0 16px;font-size:12px;color:var(--muted)}.snake-stats strong{color:var(--ink);margin-left:5px}#snake-speed{background:var(--field);color:var(--ink);border:1px solid var(--border);border-radius:8px;padding:7px;margin-left:7px}#snake-board{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:16px;touch-action:none;outline-offset:4px}.snake-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.snake-controls .primary{padding:11px 15px;font-size:12px}.snake-help{font-size:12px!important;color:var(--muted);line-height:1.6;margin-top:18px!important}.snake-directions{text-align:center;margin:16px 0}.snake-directions button{background:var(--soft);border:1px solid var(--border);border-radius:9px;width:42px;height:38px;margin:3px;color:var(--ink)}.application-placeholder:has(.snake-game){display:block}@media(max-width:480px){.snake-game{padding:85px 16px 20px}.snake-header{padding-right:0}.snake-controls{gap:6px}}
#preview{min-height:0;line-height:1.75;font-size:14px}#preview h1,#preview h2,#preview h3,#preview h4,#preview h5,#preview h6{font-family:Georgia,serif;line-height:1.3;margin:1.2em 0 .5em;letter-spacing:0}#preview p{white-space:pre-wrap;margin:.8em 0}#preview a{color:var(--green);text-decoration:underline}#preview pre{background:var(--field);border:1px solid var(--border);padding:16px;border-radius:10px;overflow:auto;white-space:pre}#preview code{font-family:ui-monospace,Consolas,monospace;font-size:.9em;background:var(--soft);border-radius:4px;padding:2px 4px}#preview pre code{background:transparent;padding:0}#preview blockquote{border-left:3px solid var(--green);margin:18px 0;padding:1px 16px;color:var(--muted)}#preview hr{border:0;border-top:1px solid var(--border);margin:24px 0}#preview ul,#preview ol{padding-left:24px}#preview li>p{margin:.3em 0}#preview .markdown-task{list-style:none;position:relative}#preview .markdown-task>input{position:absolute;left:-22px;top:5px;accent-color:var(--green)}.markdown-table{overflow:auto}#preview table{border-collapse:collapse;min-width:100%;font-size:12px}#preview th,#preview td{border:1px solid var(--border);padding:9px 12px;text-align:left}#preview th{background:var(--soft)}@keyframes viewer-enter{from{transform:translateX(25px);opacity:0}to{transform:translateX(0);opacity:1}}
.format-bar{flex-wrap:wrap;align-items:center}#text-color,#markdown-mode{background:var(--field);color:var(--ink);border:1px solid var(--border);border-radius:6px;font-size:11px;padding:5px}.markdown-options{padding:14px 20px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}.markdown-options p{font-size:10px;line-height:1.5;margin:9px 0 0}#preview .markdown-subtext{font-size:11px;color:var(--muted);margin:5px 0}.markdown-spoiler{display:inline;color:var(--muted);background:var(--soft);border-radius:4px;padding:2px 5px}.markdown-spoiler summary{display:inline;cursor:pointer}.markdown-spoiler[open] summary{display:none}

:root{--rail-bg:#211a20;--sidebar-bg:#2b2229;--list-bg:#2f252c;--editor-bg:#261e24;--viewer-bg:#2e222b;--viewer-header:#352731;--list-selection:#46313e;--list-selection-border:#876277;--sidebar-selection:#44303b;--section-edge:#56404d;--viewer-edge:#684959;--gothic-accent:#ddb3c5}
:root[data-theme=light]{--rail-bg:#edd2df;--sidebar-bg:#f4dfe8;--list-bg:#f8e8ee;--editor-bg:#fff5f8;--viewer-bg:#faeaf0;--viewer-header:#f1d9e4;--list-selection:#eed0de;--list-selection-border:#c79bad;--sidebar-selection:#e9c6d6;--section-edge:#d9bac9;--viewer-edge:#cdabba;--gothic-accent:#46303c;--ink:#44313c;--muted:#806572;--green:#a35b7d;--border:#dcc2ce;--soft:#eed4df;--field:#fff8fb}
.site-shell{position:relative;isolation:isolate}.site-shell>.app,.site-shell>.application-placeholder{position:relative;z-index:1}.sidebar{background:var(--sidebar-bg);border-right-color:var(--section-edge);isolation:isolate;overflow:hidden}.sidebar>:not(.sidebar-runes){position:relative;z-index:1}.note-list{background:var(--list-bg);border-right-color:var(--section-edge)}.workspace,.application-placeholder:has(.snake-game){background:var(--editor-bg)}.markdown-viewer{background:var(--viewer-bg)}.markdown-viewer>header{background:var(--viewer-header);border-bottom-color:var(--viewer-edge)}.markdown-divider{background:var(--viewer-header);border-color:var(--viewer-edge)}.markdown-divider:hover,.markdown-divider:focus-visible{background:var(--viewer-edge)}.note-card.selected{background:var(--list-selection);border-color:var(--list-selection-border)}.sidebar .nav.active,.sidebar .nav:hover{background:var(--sidebar-selection)}.note-list>header{border-bottom:1px solid var(--section-edge);margin-bottom:10px}.editor-bar{border-bottom-color:var(--section-edge)}.bookmark-tab{background:var(--list-bg);border-color:var(--section-edge)}.bookmark-tab.active{background:var(--sidebar-bg);border-right-color:var(--green)}.sidebar-runes{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.rail-runes{position:fixed;right:auto;width:105px;height:100dvh;background:var(--rail-bg);border-right:1px solid var(--section-edge)}.sidebar-runes .rune-drop{animation-name:sidebar-rune-fall;color:var(--green)}@keyframes sidebar-rune-fall{0%{transform:translate3d(0,0,0) rotate(-10deg);opacity:0}12%{opacity:.6}80%{opacity:.4}100%{transform:translate3d(8px,115vh,0) rotate(25deg);opacity:0}}@media(max-width:780px){.rail-runes{width:78px}}
.rail-runes::after{content:'';position:absolute;inset:10px 8px;border:1px dashed var(--gothic-accent);opacity:.16;pointer-events:none}.application-tabs::before{content:'';position:absolute;top:-44px;left:calc(50% - 13px);width:26px;height:15px;background:var(--gothic-accent);opacity:.65;clip-path:polygon(0 0,42% 35%,58% 35%,100% 0,100% 100%,58% 65%,42% 65%,0 100%)}.bookmark-tab.active{border-right-color:var(--gothic-accent)}.bookmark-tab{box-shadow:2px 4px 10px #35202b0a}.brand{color:var(--gothic-accent)}


:root{--ornament:#b899ab;--leaf-fill:#b899ab14;--rune-color:#bfa2b8;--ornament-shadow:#90354e25}
:root[data-theme=light]{--ornament:#aa6486;--leaf-fill:#e9bed14d;--rune-color:#b56891;--ornament-shadow:#bf759827}
:root[data-theme=dark]{--ink:#ede1e9;--muted:#b6a2b2;--green:#bba0b6;--bg:#100d14;--paper:#1c1720;--field:#15111b;--soft:#2c2330;--border:#4e3b50;--rail-bg:#130f19;--sidebar-bg:#211924;--list-bg:#251c28;--editor-bg:#19141e;--viewer-bg:#211725;--viewer-header:#2a1c30;--list-selection:#39273f;--list-selection-border:#79557b;--sidebar-selection:#342339;--section-edge:#49314d;--viewer-edge:#604066;--gothic-accent:#cfb7c9;--glow:#792d6420}
.login{overflow:hidden}.login-scene{position:relative;width:min(680px,calc(100vw - 40px));aspect-ratio:1;display:grid;place-items:center;z-index:2}.login-scene .login-card{width:min(370px,calc(100% - 120px));box-shadow:0 14px 50px var(--ornament-shadow);transition:background .25s,border-radius .25s}.login-wreath{position:absolute;inset:0;pointer-events:none;color:var(--ornament);filter:drop-shadow(0 0 9px var(--ornament-shadow));transition:color .3s}.login-wreath::before,.login-wreath::after{content:'';position:absolute;inset:12%;border:1px solid currentColor;border-radius:50%;opacity:.5}.login-wreath::after{inset:10.7%;border-style:dotted;opacity:.3}.wreath-spoke{position:absolute;inset:6%}.wreath-stem{position:absolute;left:calc(50% - 22px);top:0;width:52px;height:105px;border-left:1px solid currentColor;border-radius:90% 0 0 15%;transform:rotate(22deg)}.wreath-leaf{position:absolute;left:calc(50% - 24px);top:24px;width:34px;height:14px;border:1px solid currentColor;border-radius:100% 0 100% 0;background:var(--leaf-fill);transform:rotate(-22deg)}.wreath-leaf::after{content:'';position:absolute;top:50%;left:0;width:100%;border-top:1px solid currentColor;opacity:.6;transform:rotate(-15deg)}.leaf-b{left:calc(50% + 2px);top:40px;transform:rotate(195deg)}.leaf-c{left:calc(50% - 28px);top:61px;width:27px;height:11px;transform:rotate(-38deg)}.leaf-d{left:calc(50% + 1px);top:75px;width:26px;height:11px;transform:rotate(205deg)}.wreath-bud{position:absolute;top:-6px;left:calc(50% + 24px);width:8px;height:12px;background:currentColor;border-radius:70% 70% 70% 0;transform:rotate(35deg)}.wreath-fleur{position:absolute;top:12px;left:calc(50% - 58px);width:18px;height:23px;border:1px solid currentColor;border-radius:70% 70% 70% 0;transform:rotate(-35deg);background:var(--leaf-fill)}
.wreath-spoke:nth-child(1){transform:rotate(0deg)}.wreath-spoke:nth-child(2){transform:rotate(30deg)}.wreath-spoke:nth-child(3){transform:rotate(60deg)}.wreath-spoke:nth-child(4){transform:rotate(90deg)}.wreath-spoke:nth-child(5){transform:rotate(120deg)}.wreath-spoke:nth-child(6){transform:rotate(150deg)}.wreath-spoke:nth-child(7){transform:rotate(180deg)}.wreath-spoke:nth-child(8){transform:rotate(210deg)}.wreath-spoke:nth-child(9){transform:rotate(240deg)}.wreath-spoke:nth-child(10){transform:rotate(270deg)}.wreath-spoke:nth-child(11){transform:rotate(300deg)}.wreath-spoke:nth-child(12){transform:rotate(330deg)}
.rune-drop{color:var(--rune-color)}.rune-drop svg{position:absolute;inset:0}.rune-drop .gothic-rune{display:none}.sidebar-runes .rune-drop{color:var(--rune-color)}:root[data-theme=dark] .cute-rune{display:none}:root[data-theme=dark] .rune-drop .gothic-rune{display:block}:root[data-theme=dark] .wreath-fleur{border-radius:0;clip-path:polygon(50% 0,100% 100%,50% 73%,0 100%);background:currentColor;height:30px;width:23px}:root[data-theme=dark] .wreath-bud{border-radius:0;transform:rotate(45deg);width:7px;height:13px}:root[data-theme=dark] .login-wreath::after{border-style:double;opacity:.55}:root[data-theme=dark] .login-scene .login-card{border-radius:10px;border-color:#634565;box-shadow:0 16px 70px #0006}:root[data-theme=dark] .bookmark-tab{border-radius:0 5px 5px 0}:root[data-theme=dark] .markdown-tabs .bookmark-tab{border-radius:5px 0 0 5px}:root[data-theme=dark] .rail-runes::after{border-style:solid;opacity:.23}:root[data-theme=dark] .application-tabs::before{clip-path:polygon(50% 0,60% 35%,100% 50%,60% 65%,50% 100%,40% 65%,0 50%,40% 35%);height:22px}:root[data-theme=dark] .theme-toggle{border-radius:8px}
@media(max-width:600px){.login-scene{min-height:550px;aspect-ratio:auto}.login-wreath{inset:auto;width:540px;height:540px}.login-scene .login-card{width:min(340px,calc(100vw - 64px))}}@media(max-height:700px) and (min-width:601px){.login-scene{width:580px}.login-scene .login-card{width:350px}}
.theme-toggle{display:grid;place-items:center;padding:0;line-height:1}.theme-toggle svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}body:has(#login[hidden]):has(#app:not([hidden])) .theme-toggle{right:31.5px;top:14px}@media(max-width:780px){body:has(#login[hidden]):has(#app:not([hidden])) .theme-toggle{right:18px;top:14px}}
.secret-desktop .login-card{visibility:hidden;pointer-events:none}.secret-desktop .login-scene{cursor:default}.secret-rejected .login-wreath{filter:drop-shadow(0 0 18px var(--green))}.pin-setup{min-height:100dvh;display:grid;place-items:center;padding:28px;background:var(--bg)}.pin-setup form{width:min(360px,100%);padding:30px;background:var(--paper);border:1px solid var(--border);border-radius:16px}.pin-setup h1{font:26px Georgia,serif;letter-spacing:0;margin:0 0 24px}.pin-setup label{display:block;font-size:12px;margin:18px 0 8px}.pin-setup input{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--field)}.pin-setup button{width:100%;margin-top:24px}.pin-setup p{font-size:12px;line-height:1.5;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.markdown-viewer{animation:none}.rune-drop{animation:none;top:var(--rest);opacity:.4}.bookmark-tab,.floating-field label{transition:none}}@media(max-width:480px){.login-card{padding:30px 24px}.theme-toggle{right:16px;top:16px}}

.format-bar #preview-toggle{margin-left:auto;margin-right:0}
.paper #body,.paper #preview{background:var(--field);border:1px solid var(--border);border-radius:12px;padding:20px 24px;min-height:55dvh;color:var(--ink);box-shadow:inset 0 1px 4px #35202b04}
.paper #body:focus-visible,.paper #preview:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:105px;z-index:5;background:var(--rail-bg)}
.app-sidebar-footer{position:absolute;left:8px;right:8px;bottom:max(24px,env(safe-area-inset-bottom));z-index:2}
.app-sidebar-footer #sign-out{width:100%;padding:10px 5px;border:1px solid var(--border);background:var(--paper);font-size:11px;color:var(--muted)}
.sidebar-toggle{position:fixed;top:22px;left:35px;width:34px;height:34px;z-index:10;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--paper);color:var(--green);font-size:25px;line-height:1}
.sidebar-collapsed{padding-left:48px}.sidebar-collapsed .sidebar-toggle{left:7px}.sidebar-collapsed .app{grid-template-columns:minmax(170px,240px) minmax(0,1fr)}
@media(max-width:780px){.app-sidebar{width:78px}.sidebar-toggle{left:22px}.sidebar-collapsed{padding-left:48px}.sidebar-collapsed .app{grid-template-columns:minmax(0,1fr)}.sidebar-collapsed .note-list{max-height:240px}.paper #body,.paper #preview{padding:16px;min-height:45dvh}}

.app,.sidebar-collapsed .app{display:block;grid-template-columns:none}
.notes-header{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:12px;min-height:78px;padding:18px 82px 18px 24px;border-bottom:1px solid var(--section-edge);background:var(--paper)}
.notes-header #new-note{font-size:12px;padding:9px 13px}.notes-header #save-status{margin-left:auto;font-size:11px;color:var(--muted)}.note-actions{display:flex;gap:2px;align-items:center}.note-actions button:disabled{cursor:default}
.notes-library{position:relative}.notes-library>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;font:20px Georgia,serif;color:var(--ink);padding:7px 5px;border-radius:6px}.notes-library>summary::-webkit-details-marker{display:none}.notes-library>summary span{font:15px system-ui;color:var(--muted)}.notes-library>summary:focus-visible{outline:2px solid var(--green)}
.notes-library-panel{position:absolute;left:0;top:calc(100% + 16px);width:min(360px,calc(100vw - 150px));max-height:calc(100dvh - 120px);overflow:auto;padding:16px;background:var(--paper);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 45px #39222d20}
.notes-library-panel #search,.notes-library-panel #notebooks{width:100%;background:var(--field);color:var(--ink);border:1px solid var(--border);border-radius:8px;padding:9px 11px;font-size:12px}.library-views{display:flex;gap:4px;margin:10px 0}.library-views .nav{width:auto;flex:1;justify-content:center;text-align:center;font-size:11px;padding:8px;margin:0}.library-heading{display:flex;align-items:center;justify-content:space-between;margin:14px 0 8px;font-size:11px;color:var(--muted)}.notes-library-panel #list{padding:0}.notes-library-panel .note-card{padding:12px 10px}.notes-library-panel .note-card h3{font-size:12px;margin-bottom:6px}.notes-library-panel .note-card p{font-size:11px;margin-bottom:7px}.notes-library-panel #export-all{margin-top:12px;font-size:11px}
.notes-header+.workspace{border-top:0}.paper{max-width:1050px}.notes-library-panel .nav span:first-of-type{flex:none}.sidebar-collapsed .notes-library-panel{width:min(360px,calc(100vw - 90px))}
@media(max-width:780px){.notes-header{gap:8px;padding:18px 64px 14px 14px;flex-wrap:wrap}.notes-header #save-status{font-size:10px}.note-actions{margin-left:auto}.notes-library-panel{width:min(340px,calc(100vw - 112px));max-height:calc(100dvh - 150px)}.notes-header+.workspace{grid-column:auto}}

.app{background:var(--editor-bg)}.workspace{min-height:calc(100dvh - 78px)}
.word-count{display:block;margin-top:14px;font-size:10px;color:var(--muted)}
.sign-out-icon{display:none}.app-sidebar-footer #sign-out{display:flex;align-items:center;justify-content:center;gap:7px}
.sidebar-collapsed .app-sidebar,.sidebar-collapsed .rail-runes,.sidebar-collapsed .application-tabs{width:48px}
.sidebar-collapsed .application-tabs::before{display:none}
.sidebar-collapsed .bookmark-tab,.sidebar-collapsed .bookmark-tab:hover,.sidebar-collapsed .bookmark-tab.active{position:relative;width:48px;min-height:48px;padding:10px 0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;border-radius:0 9px 9px 0}
.sidebar-collapsed .app-tab-label,.sidebar-collapsed .sign-out-label{display:none}
.sidebar-collapsed .bookmark-tab::after{content:attr(aria-label);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:7px 11px;border:1px solid var(--border);border-radius:8px;background:var(--paper);color:var(--ink);font:12px system-ui;white-space:nowrap;box-shadow:0 3px 12px #35202b15;pointer-events:none;opacity:0;visibility:hidden}
.sidebar-collapsed .bookmark-tab:hover::after,.sidebar-collapsed .bookmark-tab:focus-visible::after{opacity:1;visibility:visible}
.sidebar-collapsed .app-sidebar-footer{left:5px;right:5px}.sidebar-collapsed .sign-out-icon{display:inline;font-size:18px}.sidebar-collapsed .app-sidebar-footer #sign-out{padding:8px 0}.sidebar-collapsed .rail-runes::after{inset:10px 5px}
@media(max-width:780px){.sidebar-collapsed .app-sidebar,.sidebar-collapsed .rail-runes,.sidebar-collapsed .application-tabs{width:48px}}

.markdown-dialog{width:min(940px,calc(100vw - 40px));height:min(90dvh,1100px);max-height:90dvh;max-width:calc(100vw - 40px);padding:0;border:1px solid var(--border);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 24px 100px #21102135;overflow:hidden}
.markdown-dialog[open]{display:flex;flex-direction:column}.markdown-dialog::backdrop{background:#20152166;backdrop-filter:blur(3px)}
.markdown-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 32px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--paper)}
.markdown-dialog-header h2{font:28px Georgia,serif;margin:0;overflow-wrap:anywhere}.markdown-dialog-header #close-markdown{font:26px system-ui;padding:4px 10px;line-height:1.2;flex-shrink:0}
.markdown-dialog-body{overflow:auto;min-height:0;flex:1;padding:30px clamp(24px,5vw,64px) 50px;overscroll-behavior:contain}
.markdown-dialog #preview{min-height:0;font-size:16px;line-height:1.9;overflow-wrap:anywhere}.markdown-dialog #preview pre{white-space:pre;max-width:100%}.markdown-dialog #preview table{font-size:14px}.markdown-dialog #preview img{max-width:100%}
@media(max-width:600px){.markdown-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);height:92dvh;max-height:92dvh;border-radius:12px}.markdown-dialog-header{padding:18px 20px}.markdown-dialog-header h2{font-size:23px}.markdown-dialog-body{padding:20px 22px 36px}.markdown-dialog #preview{font-size:14px}}

:root{--heading-1:#ae285e;--heading-2:#793f98;--heading-3:#aa4c36;--heading-4:#426775;--heading-5:#86552f;--heading-6:#6c507e;--source-marker:#bd245c;--source-number:#5441bb}
:root[data-theme=dark]{--heading-1:#ff92bd;--heading-2:#cda4ff;--heading-3:#ffb094;--heading-4:#92c8d8;--heading-5:#eac28a;--heading-6:#dba7d6;--source-marker:#ff79b7;--source-number:#b6a1ff}
.markdown-task input[type=checkbox]:not(:disabled){cursor:pointer;accent-color:var(--source-marker)}
.source-list-marker{color:var(--source-marker)}.source-number{color:var(--source-number)}
.source-heading-1{color:var(--heading-1)}.source-heading-2{color:var(--heading-2)}.source-heading-3{color:var(--heading-3)}.source-heading-4{color:var(--heading-4)}.source-heading-5{color:var(--heading-5)}.source-heading-6{color:var(--heading-6)}
.source-editor{position:relative;background:var(--field);border:1px solid var(--border);border-radius:12px;box-shadow:inset 0 1px 4px #35202b04;overflow:hidden}
.source-editor #source-highlight,.paper .source-editor #body{font:400 15px/1.9 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:normal;word-spacing:normal;white-space:pre-wrap;overflow-wrap:break-word;tab-size:4;padding:20px 24px;margin:0;border:0;border-radius:0;scrollbar-gutter:stable;text-align:left}
.source-editor #source-highlight{position:absolute;inset:0;overflow:hidden;color:var(--ink);pointer-events:none;user-select:none;background:transparent}
.paper .source-editor #body{position:relative;display:block;width:100%;min-height:55dvh;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:var(--ink);box-shadow:none;resize:vertical}
.paper .source-editor #body::placeholder{color:var(--muted);-webkit-text-fill-color:var(--muted)}.paper .source-editor #body::selection{background:#d9aac055;color:var(--ink);-webkit-text-fill-color:var(--ink)}
.source-editor:focus-within{outline:2px solid var(--green);outline-offset:3px}.paper .source-editor #body:focus-visible{outline:none}
@media(max-width:780px){.source-editor #source-highlight,.paper .source-editor #body{padding:16px}.paper .source-editor #body{min-height:45dvh}}
@media(forced-colors:active){#source-highlight{display:none}.paper .source-editor #body{color:CanvasText;-webkit-text-fill-color:CanvasText}}