@import "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Grand+Hotel&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#f4eee3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d1018;font-family:Manrope,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0d1018;min-width:320px;margin:0}body,button,input{font:inherit}a{color:inherit}img{max-width:100%;display:block}#root{min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes quoteGrow{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulseOrb{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes quoteSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page{flex-direction:column;min-height:100vh;font-family:EB Garamond,Georgia,Times New Roman,serif;transition:background .5s;display:flex;position:relative;overflow:hidden}.grain-overlay{pointer-events:none;z-index:1;mix-blend-mode:multiply;background-repeat:repeat;transition:opacity .5s;position:fixed;inset:0}.header,.main,.footer{z-index:2;position:relative}.header{border-bottom:1px solid;justify-content:space-between;align-items:center;padding:16px 36px;transition:border-color .5s;animation:.6s fadeIn;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.logo{border-radius:8px;width:36px;height:36px}.brand-copy{align-items:baseline;gap:10px;display:flex}.brand-name{color:#5288c7;letter-spacing:.5px;font-family:Grand Hotel,cursive;font-size:32px;position:relative;top:3px}.brand-tagline{letter-spacing:.02em;font-family:system-ui,-apple-system,sans-serif;font-size:14px;transition:color .5s;position:relative;top:3px}.nav-icons{align-items:center;gap:4px;display:flex}.mobile-menu-btn.icon-btn{display:none}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px;transition:color .4s,background .2s;display:flex}.icon-btn:hover{background:#7f7f7f14}.badge{border:1px solid;border-radius:4px;padding:1px 6px;font-family:system-ui,sans-serif;font-size:11px;transition:all .4s}.main{flex:1;justify-content:center;align-items:center;padding:56px 24px;transition:background-image .5s;display:flex}.style-guide-main{z-index:2;width:min(1100px,100% - 48px);margin:0 auto;padding:64px 0 88px;position:relative}.style-guide-hero{text-align:center;max-width:760px;margin:0 auto;animation:.85s cubic-bezier(.22,1,.36,1) both quoteGrow}.style-guide-hero-left{text-align:left;width:100%;max-width:none;margin:0}.style-guide-hero-left .quote-kicker{align-items:flex-start}.style-guide-hero-left .style-guide-body{max-width:none;margin-left:0;margin-right:0}.style-guide-hero-left .ornament{justify-content:flex-start;margin-left:0;margin-right:0}.style-guide-title{text-rendering:optimizelegibility;margin:0;font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:clamp(3.4rem,6vw,5.5rem);font-style:italic;font-weight:400;line-height:1.08}.style-guide-page-title{letter-spacing:-.03em;font-family:Manrope,system-ui,sans-serif;font-size:clamp(2.3rem,4vw,3.4rem);font-style:normal;font-weight:700;line-height:1.02}.style-guide-body{max-width:640px;margin:24px auto 0;font-family:system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.8}.style-guide-grid,.style-guide-showcase{gap:22px;margin-top:52px;display:grid}.guide-section+.guide-section{margin-top:52px}.guide-section-header{max-width:720px}.guide-section-title{margin:0;font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:clamp(2.2rem,4vw,3.2rem);font-style:italic;font-weight:400;line-height:1.08}.style-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.style-guide-showcase{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.guide-block,.guide-panel{border-top:1px solid;border-top-color:var(--guide-line);padding-top:18px}.guide-label,.type-note,.token-label{letter-spacing:.16em;text-transform:uppercase;color:#5288c7;margin:0 0 12px;font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:700}.admin-breadcrumb{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-family:system-ui,-apple-system,sans-serif;font-size:.9rem;display:flex}.admin-breadcrumb-item{align-items:center;gap:8px;display:inline-flex}.admin-breadcrumb-link{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.admin-breadcrumb-link:hover{color:#5288c7!important}.admin-breadcrumb-text.is-current{font-weight:600}.guide-heading{margin:0;font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:2rem;font-style:italic;font-weight:400;line-height:1.15}.guide-copy{margin:12px 0 0;font-family:system-ui,-apple-system,sans-serif;font-size:.98rem;line-height:1.8}.guide-panel-quote{text-align:center}.style-guide-quote{margin:18px 0 24px;font-size:clamp(2.4rem,4vw,3.75rem)}.token-grid,.type-specimens{gap:18px;display:grid}.token-card{align-items:center;gap:14px;display:flex}.token-swatch{border:1px solid;border-radius:50%;flex:none;width:52px;height:52px}.token-value{margin:4px 0 0;font-family:system-ui,-apple-system,sans-serif;font-size:14px}.type-display,.type-ui{margin:0}.type-display{letter-spacing:-.03em;font-family:Manrope,system-ui,sans-serif;font-size:clamp(1.9rem,3vw,2.8rem);font-style:normal;font-weight:700;line-height:1.08}.type-ui{font-family:system-ui,-apple-system,sans-serif;font-size:.98rem;line-height:1.8}.guide-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.guide-form{gap:14px;max-width:32rem;margin-bottom:18px;display:grid}.guide-form-field{gap:8px;display:grid}.guide-form-label{letter-spacing:.16em;text-transform:uppercase;color:#5288c7;margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:700}.guide-form-field input{border:1px solid var(--guide-form-border);background:var(--guide-form-bg);width:100%;color:var(--guide-form-text);border-radius:999px;padding:.9rem 1rem}.guide-form-field input:focus{background:var(--guide-form-focus);border-color:#5288c7;outline:none}.guide-form-button{color:var(--guide-form-button-text);cursor:pointer;background:#5288c7;border:1px solid #5288c7;border-radius:999px;justify-self:start;padding:.85rem 1.2rem;font-family:system-ui,-apple-system,sans-serif;font-size:.95rem;font-weight:600}.icon-sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.icon-sample-card{border:1px solid;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.icon-sample-mark{background:#5288c714;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-sample-label{font-family:system-ui,-apple-system,sans-serif;font-size:.95rem}.style-guide-rules{margin-top:52px}.admin-main{padding-top:40px;padding-bottom:72px}.admin-hero{width:100%;max-width:none}.admin-index-hero{margin-bottom:16px}.admin-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.admin-dashboard-panel{background:#ffffff05;border:1px solid;border-radius:18px;align-content:start;gap:10px;padding:16px 18px 14px;display:grid}.admin-dashboard-list{gap:0;display:grid}.admin-dashboard-item{appearance:none;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid;align-items:center;gap:10px;width:100%;padding:10px 0;transition:transform .2s,color .2s;display:flex}.admin-dashboard-item:first-child{border-top:0}.admin-dashboard-item:hover{transform:translate(2px)}.admin-dashboard-icon{border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.admin-dashboard-title{letter-spacing:-.02em;font-family:Manrope,system-ui,sans-serif;font-size:.92rem;font-weight:700;line-height:1.1}.users-admin-grid{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:start;gap:22px;margin-top:52px;display:grid}.users-admin-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.users-admin-primary{min-height:100%}.users-admin-stack{gap:12px;display:grid}.users-admin-row{border-top:1px solid;align-items:flex-start;gap:12px;padding-top:14px;display:flex}.users-admin-icon{background:#5288c714;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.users-admin-title{margin:0;font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:1.5rem;font-style:italic;line-height:1.05}.users-admin-copy{margin:6px 0 0;font-family:system-ui,-apple-system,sans-serif;font-size:.95rem;line-height:1.7}.users-admin-link{border-left:0;border-right:0;border-radius:0;padding:0}.users-admin-link-copy{gap:4px;display:grid}.slow-request-grid{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);align-items:start;gap:22px;margin-top:52px;display:grid}.slow-request-status{margin:0 0 10px;font-family:Instrument Serif,Times New Roman,serif;font-size:clamp(1.7rem,2vw,2.1rem);line-height:1.05}.slow-request-button{margin-top:1rem}.slow-request-preview{place-items:center;min-height:28rem;display:grid}.slow-request-card{width:100%;min-height:20rem}.admin-link-card{appearance:none;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid;gap:10px;width:100%;padding:20px 0 0;transition:transform .2s,border-color .2s;display:grid}.admin-link-card:hover{transform:translateY(-2px)}.admin-link-card.is-active .admin-link-title{color:#5288c7}.admin-link-title{font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:2rem;font-style:italic;line-height:1.1}.admin-link-copy{font-family:system-ui,-apple-system,sans-serif;font-size:.98rem;line-height:1.8}.login-main{padding-bottom:72px}.login-hero{max-width:540px}.login-surface-centered{max-width:420px;margin:0 auto;padding-top:0}.login-surface-centered .auth-panel,.login-surface-centered .workspace{gap:20px;display:grid}.login-surface-centered .auth-panel-copy{max-width:28rem}.login-surface-centered .auth-title,.login-surface-centered .workspace-title{color:var(--login-text);margin:0;font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,2.8rem);font-style:italic;font-weight:400;line-height:1.08}.login-surface-centered .auth-body,.login-surface-centered .field-label,.login-surface-centered .metric-label,.login-surface-centered .account-meta dd{color:inherit;font-family:system-ui,-apple-system,sans-serif}.login-surface-centered .auth-body,.login-surface-centered .metric-label,.login-surface-centered .account-meta dd{color:var(--login-muted)}.login-surface-centered .field{gap:8px;display:grid}.login-surface-centered .field-label,.login-surface-centered .account-meta dt{letter-spacing:.16em;text-transform:uppercase;color:#5288c7;font-size:11px;font-weight:700}.login-surface-centered .field input{border:1px solid var(--login-field-border);background:var(--login-field-bg);width:100%;color:var(--login-text);border-radius:999px;padding:.9rem 1rem}.login-surface-centered .field input:focus{background:var(--login-field-focus);border-color:#5288c7;outline:none}.login-surface-centered .login-form{gap:16px;display:grid}.login-surface-centered .primary-button,.login-surface-centered .ghost-button{border-radius:999px;width:fit-content;padding:.8rem 1.2rem;font-family:system-ui,-apple-system,sans-serif;font-weight:700}.login-surface-centered .primary-button{color:var(--login-button-text);background:#5288c7;border:1px solid #0000}.login-surface-centered .ghost-button{border:1px solid var(--login-field-border);color:var(--login-ghost-text);background:0 0}.login-surface-centered .workspace-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.login-surface-centered .workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.login-surface-centered .metric-block{border-top:1px solid var(--guide-line);padding-top:16px}.login-surface-centered .metric-value{font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:2.4rem;font-style:italic;line-height:1;display:block}.login-surface-centered .account-meta{gap:14px;margin:0;display:grid}.login-surface-centered .account-meta dd{margin:4px 0 0}.form-error{color:var(--login-error,#b54542);border-left:2px solid #d8534f;padding-left:.9rem}.guide-rule-list{gap:14px;margin:0;padding-left:18px;font-family:system-ui,-apple-system,sans-serif;line-height:1.75;display:grid}.quote-card{text-align:center;max-width:960px;padding:0 28px;transition:transform .35s cubic-bezier(.22,1,.36,1);animation:.9s cubic-bezier(.22,1,.36,1) .15s both quoteGrow;position:relative}.quote-kicker{flex-direction:column;align-items:center;gap:4px;margin-bottom:18px;padding:0 2px;font-family:system-ui,-apple-system,sans-serif;animation:.6s .3s both fadeIn;display:inline-flex}.quote-kicker-label,.quote-kicker-date{letter-spacing:.015em;font-size:12px}.quote-kicker-label{color:#5288c7;word-spacing:-.08em;font-weight:400}.quote-kicker-date{color:#aaa5a0;letter-spacing:0;font-family:system-ui,-apple-system,sans-serif;font-size:15px;font-style:italic}.quote-text{--quote-min-size:3.5rem;--quote-fluid-size:5vw;--quote-max-size:4.75rem;--quote-mobile-min-size:2.8rem;--quote-mobile-fluid-size:12vw;--quote-mobile-max-size:4rem;--quote-line-height:1.36;font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:clamp(var(--quote-min-size), var(--quote-fluid-size), var(--quote-max-size));line-height:var(--quote-line-height);font-kerning:normal;font-variant-ligatures:common-ligatures discretionary-ligatures;font-feature-settings:"kern" 1, "liga" 1, "clig" 1, "dlig" 1;letter-spacing:0;text-rendering:optimizelegibility;text-wrap:balance;margin:28px 0 24px;font-style:italic;font-weight:400;transition:color .5s}.quote-loader{justify-content:center;margin:4px 0 18px;display:flex}.quote-loader-icon{animation:.9s linear infinite quoteSpin}.ornament{justify-content:center;align-items:center;gap:10px;width:120px;margin:0 auto 22px;animation:.6s .45s both fadeIn;display:flex}.orn-line{flex:1;height:1px;transition:background .5s}.orn-diamond{border:1px solid;border-radius:1px;width:6px;height:6px;transition:border-color .5s;transform:rotate(45deg)}.attribution{flex-direction:column;gap:4px;animation:.7s .55s both fadeInUp;display:flex}.author-name{color:#5288c7;letter-spacing:1.6px;font-family:system-ui,-apple-system,sans-serif;font-size:16px;font-weight:600}.source{font-family:system-ui,-apple-system,sans-serif;font-size:15px;font-style:italic;transition:color .5s}.category-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;animation:.6s .7s both fadeIn;display:flex}.category-pill{appearance:none;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:7px 14px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;line-height:1;transition:border-color .25s,color .25s,background .25s,transform .25s}.category-pill:hover{background:#5288c714;transform:translateY(-1px);color:#5288c7!important;border-color:#5288c7!important}.quote-actions{justify-content:center;gap:14px;margin-top:24px;animation:.6s .85s both fadeIn;display:flex}.action-btn{cursor:pointer;background:0 0;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:border-color .3s,background .3s,transform .25s cubic-bezier(.22,1,.36,1);display:flex}.action-link{text-decoration:none}.action-btn:not(:disabled):hover{background:#5288c714;transform:translateY(-1px);color:#5288c7!important;border-color:#5288c7!important}.action-btn:disabled{cursor:default;opacity:.55}.footer{text-align:center;border-top:1px solid;padding:24px 16px;transition:border-color .5s;animation:.6s .4s both fadeIn}.footer-text{letter-spacing:.4px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;transition:color .5s}.overlay{z-index:20;justify-content:center;align-items:flex-start;padding:96px 16px 32px;display:flex;position:fixed;inset:0}.modal{border:1px solid #ffffff14;border-radius:18px;width:min(640px,100%);overflow:hidden}.search-input-row,.search-shortcuts{border-bottom:1px solid;align-items:center;gap:12px;padding:16px 18px;display:flex}.search-input{background:0 0;border:0;outline:0;flex:1}.search-shortcuts{justify-content:space-between}.search-shortcut-label,.search-hint-text{font-family:system-ui,-apple-system,sans-serif}.search-hints{padding:18px}.shell{--page-text:#f4eee3;--muted-text:#f4eee3b8;--line:#f4eee31f;--accent:#d16f46;min-height:100vh;color:var(--page-text);background:radial-gradient(circle at 0 0,#d16f462e,#0000 28%),radial-gradient(circle at 85% 20%,#4b74d629,#0000 24%),linear-gradient(160deg,#0b0e15 0%,#111826 46%,#0f1420 100%);position:relative;overflow:hidden}.ambient{filter:blur(110px);opacity:.22;pointer-events:none;border-radius:999px;width:34rem;height:34rem;position:absolute;inset:auto}.ambient-left{background:#cf6b44;top:-10rem;left:-8rem}.ambient-right{background:#5d7ce0;bottom:-12rem;right:-8rem}.topbar,.frame{z-index:1;position:relative}.topbar{justify-content:space-between;align-items:center;gap:1.5rem;padding:1.4rem 1.6rem;display:flex}.brand-logo{border-radius:.9rem;width:2.75rem;height:2.75rem;box-shadow:0 16px 28px #0000004d}.brand-wordmark{letter-spacing:.02em;font-family:Instrument Serif,Times New Roman,serif;font-size:2rem}.topbar-status{align-items:center;gap:.8rem;display:flex}.status-pill,.docs-link,.primary-button,.ghost-button{border-radius:999px;padding:.85rem 1.25rem;font-weight:700;text-decoration:none}.status-pill,.docs-link{border:1px solid var(--line);color:var(--muted-text);letter-spacing:.03em;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff08;padding:.55rem .95rem;font-size:.88rem}.frame{grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);min-height:calc(100vh - 5.9rem);display:grid}.poster{grid-template-rows:auto 1fr auto;gap:2rem;padding:2rem 1.6rem 2.3rem;display:grid}.poster-copy,.poster-visual,.surface-notes,.protocol,.auth-panel,.workspace{animation:.7s both fadeInUp}.poster-title,.auth-title,.workspace-title{letter-spacing:.01em;margin:0;font-family:Instrument Serif,Times New Roman,serif;font-weight:400}.poster-title{max-width:10ch;font-size:clamp(3.8rem,7vw,6.8rem);line-height:.95}.poster-body,.auth-body{max-width:34rem;color:var(--muted-text);font-size:1.05rem}.eyebrow{color:#e39c79;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .75rem;font-size:.76rem;font-weight:700}.poster-visual{place-items:center;min-height:19rem;display:grid;position:relative}.hero-orb{aspect-ratio:1;place-items:center;width:min(26rem,62vw);display:grid;position:relative}.hero-orb-ring,.hero-orb-core{border-radius:999px;position:absolute}.hero-orb-ring-large{border:1px solid #f4eee329;inset:0}.hero-orb-ring-small{border:1px solid #f4eee338;inset:15%}.hero-orb-core{background:radial-gradient(circle at 30% 30%,#f6c39a 0%,#f6c39ae0 22%,#d16f46a3 58%,#2b19161a 100%);animation:7s ease-in-out infinite pulseOrb;inset:28%;box-shadow:0 0 90px #d16f4647,inset 0 0 28px #ffffff29}.identity-mark{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0d158f;border:1px solid #f4eee338;border-radius:1.4rem;place-items:center;width:6.5rem;height:6.5rem;display:grid;position:absolute;box-shadow:0 24px 48px #00000038}.identity-mark span{font-family:Instrument Serif,Times New Roman,serif;font-size:3.2rem;line-height:1}.surface-notes{border-top:1px solid var(--line);flex-wrap:wrap;gap:1rem;padding-top:1.2rem;display:flex}.surface-notes div{min-width:8rem}.surface-notes dt,.account-meta dt{color:#f4eee38a;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem;font-weight:700}.surface-notes dd,.account-meta dd{color:var(--page-text);margin:0}.content-strip{border-left:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#ffffff0a,#ffffff05);grid-template-rows:auto 1fr;display:grid}.protocol,.auth-panel,.workspace{padding:2rem 1.6rem}.protocol{border-bottom:1px solid var(--line)}.step-list{color:var(--muted-text);gap:.75rem;margin:0;padding-left:1.2rem;display:grid}.auth-panel,.workspace{flex-direction:column;justify-content:center;gap:1.5rem;display:flex}.auth-title,.workspace-title{font-size:clamp(2.2rem,4.8vw,3.4rem);line-height:.98}.auth-panel-copy{max-width:30rem}.form-error{border-left:2px solid var(--accent);color:#ffd9ca;padding-left:.9rem}.login-form{gap:1rem;max-width:28rem;display:grid}.field{gap:.5rem;display:grid}.field-label{color:#f4eee3b8;font-size:.92rem}.field input{width:100%;color:var(--page-text);background:#080b1275;border:1px solid #f4eee324;border-radius:1rem;padding:.95rem 1rem}.field input:focus{background:#080b12b8;border-color:#d16f46b8;outline:none}.primary-button{background:var(--accent);color:#140f0e;cursor:pointer;border:1px solid #0000}.ghost-button{border:1px solid var(--line);color:var(--page-text);cursor:pointer;background:0 0}.loading-panel{align-items:flex-start}.workspace-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.metric-block{border-top:1px solid var(--line);padding:1rem 0}.metric-value{font-family:Instrument Serif,Times New Roman,serif;font-size:2.3rem;line-height:1;display:block}.metric-label{color:var(--muted-text);margin-top:.45rem;display:block}.account-meta{gap:1rem;margin:0;display:grid}@media (width<=920px){.frame,.style-guide-grid,.style-guide-showcase,.admin-dashboard-grid,.slow-request-grid,.users-admin-grid,.users-admin-grid-secondary{grid-template-columns:1fr}.content-strip{border-left:0;border-top:1px solid var(--line)}.icon-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start}.topbar-status,.surface-notes{width:100%}.topbar-status{justify-content:space-between}.header{flex-direction:row;align-items:center;padding:16px 18px;position:relative}.brand-tagline{display:none}.mobile-menu-btn.icon-btn{display:flex}.nav-icons{z-index:5;border:1px solid;border-radius:14px;flex-direction:column;align-items:stretch;gap:6px;min-width:168px;padding:8px;display:none;position:absolute;top:calc(100% + 10px);right:18px}.nav-icons-open{display:flex}.nav-icons .icon-btn{justify-content:flex-start;width:100%;padding:10px 12px}.main{padding:var(--quote-mobile-top-space,40px) 8px 40px}.quote-card{padding:0 8px}.style-guide-main{width:min(100% - 32px,1100px);padding:40px 0 64px}.quote-text{font-size:clamp(var(--quote-mobile-min-size), var(--quote-mobile-fluid-size), var(--quote-mobile-max-size))}.poster,.protocol,.auth-panel,.workspace{padding-inline:1.1rem}.poster-title{max-width:12ch;font-size:clamp(3rem,16vw,4.7rem)}.hero-orb{width:min(19rem,82vw)}.identity-mark{width:5rem;height:5rem}.identity-mark span{font-size:2.5rem}.workspace-header{flex-direction:column}.workspace-grid,.login-surface-centered .workspace-grid{grid-template-columns:1fr}}