@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0hiocdn10l05a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0tm8u-h63rec8.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-vietnamese-wght-normal.0da2o5sn3utep.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-ext-wght-normal.0ww4yqxbk72bj.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-wght-normal.092gko6h6levo.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-ink:#f0ebd9;--color-ink-muted:#9badc1;--color-ink-faint:#68798c;--color-paper:#0a121b;--color-panel:#111c26;--color-panel-raised:#192532;--color-line:#233241;--color-line-strong:#32475c;--color-accent:#569df6;--color-accent-soft:#569df624;--color-lime:#9bd25b;--color-orange:#f59e3b;--color-violet:#c796eb;--color-success:#6cd092;--color-focus:#f2cf3b;--font-display:"Space Grotesk", sans-serif;--font-body:"DM Sans", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--rail-width:15.5rem;--content-max:78rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.125rem;--shadow-soft:0 1.5rem 4rem #00020733}@supports (color:lab(0% 0 0)){:root{--color-ink:lab(93.1881% -.652522 9.59871);--color-ink-muted:lab(69.7908% -3.44062 -12.3105);--color-ink-faint:lab(50.063% -3.29036 -12.2495);--color-paper:lab(5.22453% -1.21395 -6.87118);--color-panel:lab(9.45366% -1.97576 -8.94895);--color-panel-raised:lab(14.0849% -2.30718 -10.3331);--color-line:lab(19.8781% -2.67795 -11.7282);--color-line-strong:lab(29.1273% -3.46071 -15.4996);--color-accent:lab(63.1844% -1.83266 -52.0051);--color-accent-soft:lab(63.1844% -1.83266 -52.0051/.14);--color-lime:lab(78.4417% -32.5266 51.682);--color-orange:lab(72.8695% 27.6892 62.467);--color-violet:lab(69.1711% 30.7356 -36.1908);--color-success:lab(76.1836% -41.147 21.1763);--color-focus:lab(84.3203% 2.18803 72.6415);--shadow-soft:0 1.5rem 4rem lab(.430035% .0757501 -2.52296/.2)}}html{background:var(--color-paper);scroll-behavior:smooth}body{background:var(--color-paper);min-width:20rem;color:var(--color-ink);font-family:var(--font-body);margin:0;font-size:.9375rem;line-height:1.55}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:.125rem solid var(--color-focus);outline-offset:.1875rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100svh;display:flex}.sidebar{width:var(--rail-width);border-right:1px solid var(--color-line);background:var(--color-panel);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{padding:var(--space-6) var(--space-5);justify-content:space-between;align-items:center;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.055em;font-size:1.25rem;font-weight:650}.wordmark:after{background:var(--color-accent);content:"";vertical-align:.12em;border-radius:50%;width:.34rem;height:.34rem;margin-left:.25rem;display:inline-block}.workspace-label,.eyebrow{color:var(--color-ink-faint);font-family:var(--font-display);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:650}.workspace-label{padding:0 var(--space-5)}.sidebar-nav{padding:var(--space-3) var(--space-3) var(--space-6);gap:.25rem;display:grid}.nav-link{align-items:center;gap:var(--space-3);padding:.7rem var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink-muted);font-size:.875rem;transition:background-color .16s,color .16s;display:flex}.nav-link:hover,.nav-link[aria-current=page]{background:var(--color-accent-soft);color:var(--color-ink)}.nav-link[aria-current=page] svg{color:var(--color-accent)}.sidebar-bottom{padding:var(--space-5);border-top:1px solid var(--color-line);margin-top:auto}.privacy-note{align-items:flex-start;gap:var(--space-2);color:var(--color-ink-faint);font-size:.75rem;line-height:1.45;display:flex}.privacy-note svg{color:var(--color-success);flex:none;margin-top:.1rem}.workspace{width:calc(100% - var(--rail-width));margin-left:var(--rail-width)}.topbar{border-bottom:1px solid var(--color-line);min-height:4.25rem;padding:0 var(--space-10);justify-content:space-between;align-items:center;display:flex}.breadcrumbs{color:var(--color-ink-faint);font-size:.78rem}.breadcrumbs strong{color:var(--color-ink-muted);font-weight:500}.topbar-actions,.topbar-command{align-items:center;gap:var(--space-3);display:flex}.topbar-command{color:var(--color-ink-faint);font-size:.75rem}.account-actions,.auth-link{align-items:center;gap:var(--space-2);display:inline-flex}.account-name{max-width:10rem;color:var(--color-ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.auth-link,.quiet-button{color:var(--color-accent);font-size:.78rem}.quiet-button{background:0 0;padding:0}.auth-link:hover,.quiet-button:hover{color:var(--color-ink)}kbd{border:1px solid var(--color-line-strong);background:var(--color-panel);color:var(--color-ink-muted);font-family:var(--font-display);border-radius:.35rem;padding:.25rem .4rem;font-size:.7rem}.icon-button,.menu-button{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--color-ink-muted);background:0 0;place-items:center;display:grid}.icon-button:hover,.menu-button:hover{background:var(--color-panel-raised);color:var(--color-ink)}.menu-button{display:none}.workspace-inner{width:min(100%, var(--content-max));padding:var(--space-16) var(--space-10) var(--space-12);margin:0 auto}.hero{gap:var(--space-12);padding-bottom:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(16rem,24rem);align-items:end;display:grid}.hero h1{max-width:40rem;margin:var(--space-3) 0 var(--space-5);font-family:var(--font-display);letter-spacing:-.09em;font-size:clamp(2.7rem,6vw,5.5rem);font-weight:520;line-height:.94}.hero h1 em{color:var(--color-accent);font-style:normal}.hero-copy{max-width:34rem;color:var(--color-ink-muted);margin:0;font-size:1.03rem}.hero-aside{padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-panel)}.signal-line{margin-bottom:var(--space-4);color:var(--color-ink-faint);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.signal-line strong{color:var(--color-success);font-weight:650}.hero-aside p:last-child{color:var(--color-ink-muted);margin:0;font-size:.875rem}.search-row{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-panel);box-shadow:var(--shadow-soft);align-items:center;display:flex}.search-field{align-items:center;gap:var(--space-3);min-width:0;padding:0 var(--space-2);flex:1;display:flex}.search-field svg{color:var(--color-accent);flex:none}.search-field input{width:100%;min-width:0;color:var(--color-ink);background:0 0;border:0;outline:0}.search-field input::placeholder,.brief-form input::placeholder,.snippet-form textarea::placeholder{color:var(--color-ink-faint)}.filter-row{gap:var(--space-2);padding:var(--space-3) 0 var(--space-10);scrollbar-width:none;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-button{border:1px solid var(--color-line);color:var(--color-ink-muted);background:0 0;border-radius:99rem;flex:none;padding:.45rem .75rem;font-size:.75rem}.filter-button:hover,.filter-button[data-active=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink)}.section-heading,.panel-heading{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.section-heading{margin-bottom:var(--space-5)}.section-heading h2,.panel-heading h2{margin:var(--space-2) 0 0;font-family:var(--font-display);letter-spacing:-.06em;font-size:clamp(1.55rem,2.3vw,2rem);font-weight:520;line-height:1}.quiet-link{align-items:center;gap:var(--space-2);color:var(--color-accent);font-size:.78rem;display:inline-flex}.quiet-link:hover{color:var(--color-ink)}.room-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.room-card{min-height:14rem;padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-panel);flex-direction:column;justify-content:space-between;transition:border-color .16s,transform .16s,background-color .16s;display:flex;position:relative;overflow:hidden}.room-card:hover{border-color:var(--color-line-strong);background:var(--color-panel-raised);transform:translateY(-.2rem)}.room-card--feature{background:linear-gradient(145deg, var(--color-panel) 15%, var(--color-accent-soft));grid-row:span 2;min-height:29rem}.room-card:after{border:1px solid color-mix(in oklch, var(--card-accent) 40%, transparent);content:"";opacity:.55;border-radius:50%;width:12rem;height:12rem;position:absolute;top:-4rem;right:-3rem}.room-card--blue{--card-accent:var(--color-accent)}.room-card--lime{--card-accent:var(--color-lime)}.room-card--orange{--card-accent:var(--color-orange)}.room-card--violet{--card-accent:var(--color-violet)}.room-card-top,.room-card-bottom{z-index:1;position:relative}.room-card-top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.room-status{align-items:center;gap:var(--space-2);color:var(--color-ink-faint);font-size:.72rem;display:inline-flex}.status-dot{background:var(--color-success);border-radius:50%;width:.42rem;height:.42rem;display:inline-block;box-shadow:0 0 0 .25rem #6cd0921f;box-shadow:0 0 0 .25rem lab(76.1836% -41.147 21.1763/.12)}.room-card-icon{border:1px solid color-mix(in oklch, var(--card-accent) 35%, var(--color-line));width:2.25rem;height:2.25rem;color:var(--card-accent);border-radius:50%;place-items:center;display:grid}.room-card h3{max-width:22rem;margin:var(--space-8) 0 var(--space-3);font-family:var(--font-display);letter-spacing:-.07em;font-size:clamp(1.45rem,2.8vw,2.25rem);font-weight:520;line-height:1.02}.room-card:not(.room-card--feature) h3{max-width:19rem;margin-top:var(--space-10);font-size:clamp(1.35rem,2.3vw,1.75rem)}.room-card p{max-width:31rem;color:var(--color-ink-muted);margin:0;font-size:.875rem}.room-card-bottom{justify-content:space-between;align-items:end;gap:var(--space-4);margin-top:var(--space-8);display:flex}.tag-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{border:1px solid var(--color-line-strong);color:var(--color-ink-muted);border-radius:99rem;padding:.3rem .55rem;font-size:.68rem}.room-card-arrow{background:var(--card-accent);width:2.2rem;height:2.2rem;color:var(--color-paper);border-radius:50%;flex:none;place-items:center;display:grid}.empty-state{padding:var(--space-10);border:1px dashed var(--color-line-strong);border-radius:var(--radius-lg);color:var(--color-ink-muted);text-align:center;grid-column:1/-1}.brief-section{gap:var(--space-12);margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) minmax(18rem,28rem);align-items:start;display:grid}.brief-section h2{max-width:31rem;margin:var(--space-3) 0 var(--space-4);font-family:var(--font-display);letter-spacing:-.075em;font-size:clamp(1.7rem,3.2vw,2.7rem);font-weight:520;line-height:.98}.brief-section p{max-width:31rem;color:var(--color-ink-muted);margin:0}.brief-form{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-panel);display:grid}.brief-form label{color:var(--color-ink-muted);font-size:.78rem}.brief-form input{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-paper);width:100%;color:var(--color-ink);outline:0;padding:.8rem .9rem}.snippet-section{gap:var(--space-12);margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) minmax(18rem,28rem);align-items:start;display:grid}.snippet-section h2{max-width:31rem;margin:var(--space-3) 0 var(--space-4);font-family:var(--font-display);letter-spacing:-.075em;font-size:clamp(1.7rem,3.2vw,2.7rem);font-weight:520;line-height:.98}.snippet-section>div:first-child>p:last-child{max-width:31rem;color:var(--color-ink-muted);margin:0}.skill-row{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.skill-button{padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-panel);color:var(--color-ink-muted);text-align:left;gap:.2rem;display:grid}.skill-button:hover,.skill-button[data-active=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink)}.skill-button strong{color:inherit;font-family:var(--font-display);font-size:.9rem}.skill-button span{color:var(--color-ink-faint);font-size:.72rem}.snippet-form,.auth-form{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-panel);display:grid}.snippet-form label,.auth-form label{gap:var(--space-2);color:var(--color-ink-muted);font-size:.78rem;display:grid}.snippet-form textarea,.auth-form input{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-paper);width:100%;color:var(--color-ink);outline:0;padding:.8rem .9rem}.snippet-form textarea{resize:vertical;min-height:9rem}.snippet-form textarea:focus,.auth-form input:focus{border-color:var(--color-accent)}.snippet-history{margin-top:var(--space-2);grid-column:1/-1}.snippet-history h3{margin:var(--space-2) 0 0;font-family:var(--font-display);letter-spacing:-.05em;font-size:1.4rem;font-weight:520}.snippet-list{margin-top:var(--space-5);border-top:1px solid var(--color-line);display:grid}.snippet-row{justify-content:space-between;align-items:start;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-line);display:flex}.snippet-row p{max-width:48rem;margin:var(--space-2) 0 0;color:var(--color-ink-muted);white-space:pre-wrap}.snippet-row time{color:var(--color-ink-faint);flex:none;font-size:.72rem}.snippet-meta{color:var(--color-accent);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:650}.auth-page{min-height:100svh;padding:var(--space-8) var(--space-5);place-items:center;display:grid}.auth-card{width:min(100%,32rem);padding:var(--space-8);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-soft)}.auth-card .back-link{margin-bottom:var(--space-12)}.auth-card h1{margin:var(--space-3) 0 var(--space-4);font-family:var(--font-display);letter-spacing:-.08em;font-size:clamp(2rem,6vw,3.4rem);font-weight:520;line-height:.95}.auth-copy,.field-hint{color:var(--color-ink-muted);font-size:.875rem}.auth-tabs{gap:var(--space-2);margin:var(--space-8) 0 var(--space-3);display:flex}.auth-form .field-hint{margin:calc(var(--space-2) * -1) 0 0;font-size:.72rem}.primary-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-paper);padding:.75rem 1rem;font-weight:650;display:inline-flex}.primary-button:hover{background:var(--color-focus)}.primary-button:disabled{cursor:wait;opacity:.65}.form-status{min-height:1.3rem;color:var(--color-ink-faint);margin:0;font-size:.75rem}.form-status[data-kind=error]{color:var(--color-orange)}.form-status[data-kind=success]{color:var(--color-success)}.room-page{min-height:100svh}.room-header{min-height:4.25rem;padding:0 max(var(--space-6), calc((100vw - 66rem) / 2));border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;display:flex}.back-link{align-items:center;gap:var(--space-2);color:var(--color-ink-muted);font-size:.8rem;display:inline-flex}.back-link:hover{color:var(--color-ink)}.room-content{width:min(100%,66rem);padding:var(--space-16) var(--space-6);margin:0 auto}.room-intro{max-width:48rem}.room-icon{width:3.25rem;height:3.25rem;margin-bottom:var(--space-8);border:1px solid var(--color-line-strong);border-radius:50%;place-items:center;display:grid}.room-icon--blue{color:var(--color-accent)}.room-icon--lime{color:var(--color-lime)}.room-icon--orange{color:var(--color-orange)}.room-icon--violet{color:var(--color-violet)}.room-intro h1{margin:var(--space-3) 0 var(--space-5);font-family:var(--font-display);letter-spacing:-.09em;font-size:clamp(2.6rem,7vw,5.4rem);font-weight:520;line-height:.94}.room-lede{max-width:39rem;color:var(--color-ink-muted);margin:0;font-size:1.05rem}.room-intro .tag-row{margin-top:var(--space-6)}.room-panel{margin-top:var(--space-16);padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-panel)}.panel-mark{align-items:center;gap:var(--space-2);color:var(--color-success);font-size:.72rem;display:inline-flex}.source-list{margin-top:var(--space-6);border-top:1px solid var(--color-line);display:grid}.source-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-line);color:var(--color-ink-muted);display:flex}.source-row:hover{color:var(--color-accent)}.source-row span{gap:.15rem;display:grid}.source-row strong{color:inherit;font-weight:600}.source-row small{color:var(--color-ink-faint);font-size:.75rem}.room-note{align-items:center;gap:var(--space-3);margin-top:var(--space-5);color:var(--color-ink-faint);font-size:.78rem;display:flex}@media (max-width:64rem){:root{--rail-width:13.5rem}.workspace-inner,.topbar{padding-right:var(--space-6);padding-left:var(--space-6)}.hero,.brief-section,.snippet-section{gap:var(--space-8)}}@media (max-width:48rem){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--color-line);width:100%;position:static}.sidebar-top{padding:var(--space-4) var(--space-5)}.workspace-label,.sidebar-bottom{display:none}.sidebar-nav{padding:0 var(--space-3) var(--space-3);display:flex;overflow-x:auto}.nav-link{flex:none;padding:.55rem .7rem}.workspace{width:100%;margin-left:0}.topbar{min-height:3.5rem;padding-right:var(--space-5);padding-left:var(--space-5)}.menu-button{display:grid}.topbar-command{display:none}.workspace-inner{padding:var(--space-10) var(--space-5) var(--space-10)}.hero,.brief-section,.snippet-section{grid-template-columns:1fr}.hero{gap:var(--space-8);padding-bottom:var(--space-8)}.hero h1{font-size:clamp(2.8rem,14vw,4.8rem)}.room-grid{grid-template-columns:1fr}.room-card--feature{grid-row:auto;min-height:22rem}.brief-section{gap:var(--space-6);margin-top:var(--space-12)}.snippet-section{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:1fr}.snippet-history{grid-column:auto}.auth-card{padding:var(--space-6)}.room-content{padding-top:var(--space-10)}.room-panel{margin-top:var(--space-10)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}