:root{color-scheme:light;--ink: #12344c;--ink-deep: #082a43;--muted: #5f7e91;--line: rgba(25, 126, 179, .24);--line-strong: rgba(18, 118, 177, .5);--cyan: #00aeea;--blue: #0879d9;--pale-blue: #dff7ff;--red: #f13d3d;--amber: #ffb21c;--glass: rgba(249, 254, 255, .82);--shadow: rgba(15, 83, 125, .16);--mono: "SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", monospace;--sans: Inter, "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}html{background:#effbff}body{min-height:100vh;overflow:hidden;color:var(--ink);background:radial-gradient(circle at 51% 48%,rgba(255,255,255,.98) 0 17rem,transparent 42rem),radial-gradient(circle at 12% 8%,rgba(33,186,244,.24),transparent 30rem),radial-gradient(circle at 92% 92%,rgba(0,118,224,.18),transparent 34rem),linear-gradient(135deg,#dff6ff,#fbfeff 44%,#eafaff);font-family:var(--sans)}button,a{font:inherit}.aero-field,.aero-grain{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.aero-field{z-index:0}.aero-field-blur,.aero-field-rails,.aero-field-shards,.aero-route{transform-origin:center;animation:settle-field 1.2s cubic-bezier(.22,1,.36,1) both}.aero-field-rails path{fill:none;stroke:#0579c736;stroke-width:2;vector-effect:non-scaling-stroke}.aero-field-rails path:nth-child(2n){stroke:#ffffffeb;stroke-width:8}.aero-field-shards path{fill:#fff3;stroke:#1297da47;stroke-width:1;vector-effect:non-scaling-stroke}.aero-route{fill:none;stroke-width:7;stroke-linecap:square;stroke-linejoin:bevel;vector-effect:non-scaling-stroke}.aero-route-red{stroke:#f13d3dc7}.aero-route-amber{stroke:#ffb21cd6}.aero-grain{z-index:1;opacity:.24;background-image:linear-gradient(rgba(0,127,194,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,127,194,.045) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}.workspace{--workspace-top-gap: clamp(2.5rem, 5vh, 4rem);position:relative;z-index:2;width:min(calc(100% - 3rem),88rem);height:min(calc(100vh - var(--workspace-top-gap) - 1.5rem),56rem);min-height:34rem;margin:var(--workspace-top-gap) auto 1.5rem;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid rgba(255,255,255,.9);border-radius:1rem 1rem .35rem .35rem;background:var(--glass);box-shadow:0 0 0 1px var(--line-strong),inset 0 1px #fff,0 2.5rem 6rem #0e5c8b2e,0 .5rem 1.25rem #0e5c8b1a;-webkit-backdrop-filter:blur(26px) saturate(1.2);backdrop-filter:blur(26px) saturate(1.2);animation:reveal-workspace .7s cubic-bezier(.22,1,.36,1) both}.workspace:before{content:"";position:absolute;inset:0 0 auto;z-index:4;height:1px;background:linear-gradient(90deg,transparent,#fff 26%,#fff 72%,transparent);pointer-events:none}.workspace-header{position:relative;min-height:2.85rem;display:grid;grid-template-columns:2rem minmax(0,1fr) 2rem;align-items:center;gap:.75rem;padding:.38rem .75rem;border-bottom:1px solid var(--line-strong);background:linear-gradient(110deg,#ffffffeb,#daf6ffb8 55%,#ffffffdb),var(--glass)}.workspace-header:after{content:"";position:absolute;left:0;bottom:-1px;width:clamp(6rem,15vw,13rem);height:3px;background:linear-gradient(90deg,var(--red) 0 58%,var(--amber) 58% 100%);clip-path:polygon(0 0,94% 0,100% 100%,0 100%)}.home-link{width:1.9rem;height:1.9rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:.35rem;color:#25647f;background:#ffffff8f;font-family:var(--mono);text-decoration:none;transition:color .16s ease,border-color .16s ease,background-color .16s ease,transform .16s ease}.home-link svg{width:.95rem;height:.95rem;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:bevel;stroke-width:1.5}.home-link:hover{color:var(--red);border-color:#f13d3d80;background:#ffffffeb;transform:translateY(-1px)}.workspace-identity{grid-column:2;text-align:center}.workspace-kicker{margin:0}.workspace-kicker{color:#47788e;font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.workspace-kicker:before{content:"";display:inline-block;width:.38rem;height:.38rem;margin-right:.55rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 .6rem #00aeea94;vertical-align:.02rem}.workspace-body{min-width:0;min-height:0;display:grid;grid-template-columns:clamp(14rem,20vw,18rem) minmax(0,1fr)}.file-browser,.preview-pane{min-width:0;min-height:0}.file-browser{display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-right:1px solid var(--line-strong);background:linear-gradient(150deg,#edfbffe0,#d4f3ff8a),#e0f8ffb8}.pane-header{min-height:4.35rem;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--line)}.pane-eyebrow,.pane-header h2{margin:0}.pane-eyebrow{margin-bottom:.08rem;color:#7197aa;font-family:var(--mono);font-size:.55rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.pane-header h2{color:var(--ink-deep);font-size:.88rem;font-weight:650}.file-count{min-width:2rem;padding:.28rem .38rem;border:1px solid rgba(19,133,190,.24);color:#4f8198;background:#ffffff73;font-family:var(--mono);font-size:.58rem;text-align:center}.file-root{min-height:0;overflow:auto;padding:1rem .75rem}.root-label{display:flex;align-items:center;gap:.5rem;margin:0 .25rem .55rem;color:#2d617c;font-family:var(--mono);font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.root-label svg{width:1rem;height:.8rem;fill:#ffb21c33;stroke:#d17e00;stroke-linejoin:bevel;stroke-width:1.25}.file-list{margin:0;padding:0;list-style:none}.folder-item,.file-item{min-width:0}.folder-row{min-height:2.25rem;display:flex;align-items:center;gap:.5rem;padding:.42rem .55rem .42rem .35rem;color:#315f77;font-family:var(--mono);font-size:.65rem;font-weight:700;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.folder-row::-webkit-details-marker{display:none}.folder-row:before{content:"";width:0;height:0;flex:0 0 auto;border-top:.22rem solid transparent;border-bottom:.22rem solid transparent;border-left:.32rem solid #5d899c;transform-origin:35% 50%;transition:transform .15s ease}details[open]>.folder-row:before{transform:rotate(90deg)}.folder-row:hover{color:var(--ink-deep);background:#ffffff6b}.folder-icon,.file-icon{width:1rem;height:1rem;flex:0 0 auto;fill:none;stroke-linecap:square;stroke-linejoin:bevel;stroke-width:1.25}.folder-icon{fill:#ffb21c2b;stroke:#c97800}.file-icon{stroke:#0785c5}.file-icon path:last-child{opacity:.5}.directory-children{position:relative;margin:0 0 0 .72rem;padding:0 0 0 .72rem;border-left:1px solid rgba(31,130,177,.18);list-style:none}.file-link{--file-color: #416f85;--file-border: transparent;--file-background: transparent;--file-shadow: none;--file-marker: transparent;position:relative;width:100%;min-height:2.55rem;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;margin:0;padding:.55rem .65rem .55rem .8rem;overflow:hidden;border:1px solid var(--file-border);border-radius:.25rem;color:var(--file-color);background:var(--file-background);box-shadow:var(--file-shadow);font-family:var(--mono);font-size:.66rem;text-align:left;text-decoration:none;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.file-link:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--file-marker)}.file-link:hover{color:var(--ink-deep);border-color:#0783c42e;background:#ffffff85}.file-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-footer,.preview-status{min-height:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.35rem .8rem;border-top:1px solid var(--line);color:#7394a4;background:#e9faff9e;font-family:var(--mono);font-size:.52rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.preview-pane{grid-template-rows:auto minmax(0,1fr) auto;background:#ffffffad}.note-view{display:none}.note-view:target,.workspace-body:not(:has(.note-view:target)) .note-view-default{display:grid}.preview-toolbar{min-height:4.35rem;display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:0 1.2rem;border-bottom:1px solid var(--line);background:#f6fdffad}.file-tab{position:relative;min-width:10rem;max-width:70%;height:2.55rem;display:flex;align-items:center;gap:.65rem;padding:0 1rem 0 .8rem;border:1px solid var(--line);border-bottom-color:#ffffffe6;color:#315c72;background:#ffffffe6;font-family:var(--mono);font-size:.66rem;transform:translateY(1px)}.file-tab:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--red),var(--amber) 28%,transparent 76%)}.file-tab-icon{width:.95rem;height:.95rem;flex:0 0 auto;fill:none;stroke:#0785c5;stroke-linecap:square;stroke-linejoin:bevel;stroke-width:1.25}.preview-mode{height:2.55rem;display:flex;align-items:center;gap:.45rem;color:#6a8b9c;font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.preview-mode span{color:var(--amber);font-size:.8rem}.preview-scroll{min-height:0;overflow:auto;scrollbar-color:rgba(26,132,186,.42) transparent;scrollbar-width:thin}.markdown-preview{width:min(100%,48rem);margin:0 auto;padding:clamp(3rem,7vh,5.5rem) clamp(1.5rem,6vw,5rem) 6rem;color:#294c5f;font-size:clamp(.98rem,1.4vw,1.08rem);line-height:1.8;animation:reveal-note .48s ease-out both}.markdown-preview>:first-child{margin-top:0}.markdown-preview>:last-child{margin-bottom:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{color:var(--ink-deep);line-height:1.2;text-wrap:balance}.markdown-preview h1{position:relative;margin:0 0 2.2rem;padding-bottom:1.2rem;font-size:clamp(2.25rem,6vw,4.5rem);font-weight:570;letter-spacing:-.065em}.markdown-preview h1:after{content:"";position:absolute;left:0;bottom:0;width:5.5rem;height:.28rem;background:linear-gradient(90deg,var(--red) 0 65%,var(--amber) 65% 100%);clip-path:polygon(0 0,93% 0,100% 100%,0 100%)}.markdown-preview h2{margin:2.5rem 0 .9rem;font-size:1.55rem}.markdown-preview h3{margin:2rem 0 .75rem;font-size:1.2rem}.markdown-preview p,.markdown-preview ul,.markdown-preview ol,.markdown-preview blockquote,.markdown-preview pre{margin:1.2rem 0}.markdown-preview a{color:#0075bd;text-decoration-color:#0075bd61;text-underline-offset:.18em}.markdown-preview a:hover{color:#e63333;text-decoration-color:currentColor}.markdown-preview code{padding:.12em .35em;border:1px solid rgba(4,132,196,.14);color:#005f91;background:#daf6ffbd;font-family:var(--mono);font-size:.88em}.markdown-preview pre{overflow-x:auto;padding:1rem 1.1rem;border:1px solid var(--line);border-left:3px solid var(--cyan);background:#e8f9ffc2}.markdown-preview pre code{padding:0;border:0;background:transparent}.markdown-preview blockquote{margin-left:0;padding:.15rem 0 .15rem 1.2rem;border-left:3px solid var(--amber);color:#517586}.markdown-preview hr{margin:2.5rem 0;border:0;border-top:1px solid var(--line)}.loading-note,.error-note{color:var(--muted);font-family:var(--mono);font-size:.75rem}.error-note{padding:1rem;border:1px solid rgba(241,61,61,.3);border-left:3px solid var(--red);background:#fff5f5cc}.preview-status{background:#f1fcffc7}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:focus-visible{outline:2px solid var(--red);outline-offset:2px}@keyframes reveal-workspace{0%{opacity:0;transform:translateY(1rem) scale(.985)}}@keyframes settle-field{0%{opacity:0;transform:scale(1.04) translateY(-1rem)}}@keyframes reveal-note{0%{opacity:0;transform:translateY(.5rem)}}@media(max-width:720px){body{overflow:auto}.workspace{width:calc(100% - 1rem);height:auto;min-height:calc(100vh - 1rem);margin:1rem .5rem .5rem;overflow:visible}.workspace-header{min-height:2.85rem;grid-template-columns:2rem minmax(0,1fr) 2rem;gap:.8rem}.workspace-identity{text-align:center}.workspace-body{min-height:calc(100vh - 2.85rem);grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(28rem,1fr)}.file-browser{display:block;border-right:0;border-bottom:1px solid var(--line-strong)}.pane-header,.browser-footer{display:none}.file-root{display:flex;align-items:center;gap:.7rem;overflow-x:auto;padding:.65rem}.root-label{flex:0 0 auto;margin:0;padding:0 .45rem}.file-list{display:block;min-width:12rem}.file-link{width:100%;min-width:0;white-space:nowrap}.preview-pane{min-height:0}.preview-toolbar{min-height:3.5rem;align-items:end;padding-inline:.65rem}.file-tab,.preview-mode{height:2.3rem}.file-tab{max-width:80%}.preview-scroll{overflow:visible}.markdown-preview{min-height:32rem;padding:3.5rem 1.5rem 5rem}.markdown-preview h1{font-size:clamp(2.25rem,15vw,3.75rem)}}@media(max-width:420px){.workspace-header{padding-inline:.75rem}.home-link{padding:0}.preview-mode{font-size:0}.preview-mode span{font-size:.8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}