@import"https://fonts.googleapis.com/css2?family=Instrument+Serif&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--layout-container-max: 1400px;--layout-gutter: 2vw;--layout-gutter-mobile: 6vw;--motion-fast: .2s;--motion-base: .3s;--motion-slow: .5s;--color-bg: #0A0A0B;--color-surface: #101113;--color-surface2: #14161A;--color-border: rgba(255,255,255,.1);--color-border-strong: rgba(255,255,255,.16);--color-text: #F5F7FA;--color-text2: rgba(245,247,250,.72);--color-text3: rgba(245,247,250,.62);--color-red: #FF4B2B;--color-red-hover: #F13A1D;--color-red-solid: #D41010;--color-red-solid-hover: #B80E0E;--color-red2: rgba(255,75,43,.72);--color-red-border: rgba(255,75,43,.42);--color-overlay: rgba(0,0,0,.6);--color-highlight: rgba(255,255,255,.05);--color-focus: rgba(255,75,43,.72);--color-success: #55D39A;--color-success-surface: rgba(85,211,154,.12);--color-success-border: rgba(85,211,154,.32);--color-warning: #F2B84B;--color-warning-surface: rgba(242,184,75,.12);--color-warning-border: rgba(242,184,75,.3);--color-info: #6BB9FF;--color-info-surface: rgba(107,185,255,.12);--color-info-border: rgba(107,185,255,.32);--color-error: #FF6B6B;--color-error-surface: rgba(255,107,107,.12);--color-error-border: rgba(255,107,107,.32);--hero-overlay-default: rgba(0,0,0,.6);--hero-overlay-strong: rgba(0,0,0,.8);--hero-overlay-soft: rgba(10,10,11,.6);--hero-text-primary: #FFFFFF;--hero-text-muted: rgba(255,255,255,.8);--hero-text-dim: rgba(255,255,255,.6);--hero-image-light-opacity: 0;--hero-image-dark-opacity: 1;--font-display: "Instrument Serif", Georgia, serif;--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-3xl: 1.875rem;--fs-5xl: 3rem;--fs-7xl: 4.5rem;--tracking-tightest: -.03em;--tracking-tighter: -.02em;--tracking-tight: -.01em;--tracking-normal: 0em;--tracking-wide: .01em;--tracking-wider: .05em;--tracking-widest: .15em}html.light{--color-bg: #F2EDE6;--color-surface: #F7F3EC;--color-surface2: #EAE4DB;--color-border: rgba(0,0,0,.1);--color-border-strong: rgba(0,0,0,.18);--color-text: #1D1D1F;--color-text2: rgba(29,29,31,.72);--color-text3: rgba(29,29,31,.68);--color-red: #DE3A1F;--color-red-hover: #C92C18;--color-red-solid: #D41010;--color-red-solid-hover: #B80E0E;--color-red2: rgba(222,58,31,.76);--color-red-border: rgba(222,58,31,.35);--color-overlay: rgba(0,0,0,.45);--color-highlight: rgba(0,0,0,.04);--color-focus: rgba(222,58,31,.64);--color-success: #0F9F6E;--color-success-surface: rgba(15,159,110,.08);--color-success-border: rgba(15,159,110,.22);--color-warning: #A86800;--color-warning-surface: rgba(168,104,0,.08);--color-warning-border: rgba(168,104,0,.22);--color-info: #1F6FEB;--color-info-surface: rgba(31,111,235,.08);--color-info-border: rgba(31,111,235,.22);--color-error: #C81E1E;--color-error-surface: rgba(200,30,30,.08);--color-error-border: rgba(200,30,30,.2);--hero-overlay-default: rgba(242,237,230,.8);--hero-overlay-strong: rgba(242,237,230,.7);--hero-overlay-soft: rgba(242,237,230,.5);--hero-text-primary: #1D1D1F;--hero-text-muted: rgba(29,29,31,.72);--hero-text-dim: rgba(29,29,31,.56);--hero-image-light-opacity: 1;--hero-image-dark-opacity: 0}html{font-size:125%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);letter-spacing:-.011em;color:var(--color-text);background:var(--color-bg)}::selection{background:#ff4b2b38;color:var(--color-text)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.t-display-hero{font-family:var(--font-display);font-size:clamp(2.5rem,5vw + 1rem,var(--fs-7xl));line-height:1.05;letter-spacing:var(--tracking-wide);font-weight:400;color:var(--color-text)}.t-display-section{font-family:var(--font-display);font-size:clamp(1.875rem,3vw + 1rem,var(--fs-5xl));line-height:1.08;letter-spacing:var(--tracking-wide);font-weight:400;color:var(--color-text)}.t-h1{font-family:var(--font-heading);font-size:var(--fs-5xl);font-weight:500;line-height:1.15;letter-spacing:var(--tracking-tight);color:var(--color-text)}.t-h2{font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:500;line-height:1.2;letter-spacing:var(--tracking-tight);color:var(--color-text)}.t-h3{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:500;line-height:1.3;letter-spacing:var(--tracking-tight);color:var(--color-text)}.t-h4{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:500;line-height:1.35;letter-spacing:var(--tracking-tight);color:var(--color-text)}.t-body-lead{font-family:var(--font-body);font-size:var(--fs-lg);line-height:1.55;color:var(--color-text2)}.t-body{font-family:var(--font-body);font-size:var(--fs-base);line-height:1.6;color:var(--color-text2)}.t-body-sm{font-family:var(--font-body);font-size:var(--fs-sm);line-height:1.55;color:var(--color-text2)}.t-meta{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text3)}.t-meta-label{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-text3)}.t-code{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-text3);background:var(--color-highlight);padding:.1em .35em;border-radius:var(--radius-sm)}.t-accent-rule{display:block;width:5rem;height:1px;background:var(--color-red);margin:0 0 1rem}html,body{margin:0;padding:0;background:#e8e2d8;min-height:100vh;font-family:Space Grotesk,sans-serif}html:not(.light) body{background:#1a1a1c}*{box-sizing:border-box}.stage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.device-wrap{width:402px;height:874px;border-radius:54px;background:var(--color-bg);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 11px #111,0 0 0 12px #ffffff0a,0 60px 120px #00000080,0 20px 40px #0000004d}html.light .device-wrap{box-shadow:0 0 0 11px #1a1a1c,0 0 0 12px #00000014,0 60px 120px #00000038,0 20px 40px #0000001f}.device-wrap ::-webkit-scrollbar{width:0;height:0}@media (max-width: 520px),(display-mode: standalone),(display-mode: fullscreen){html{height:100%;overflow:hidden}body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body input,body textarea,body [contenteditable=true]{-webkit-user-select:text;user-select:text}.stage{padding:0;min-height:100dvh;height:100dvh;width:100vw}.device-wrap{width:100vw;height:100dvh;max-width:none;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top)}html.light .device-wrap{box-shadow:none}.device-wrap .device-island,.device-wrap .device-statusbar,.device-wrap .device-home-indicator{display:none}.device-wrap .device-tabbar{--device-tabbar-pad-bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) }.device-wrap *{overscroll-behavior:contain}.tweaks{display:none}}.tweaks{position:fixed;bottom:20px;right:20px;z-index:9999;width:280px;border-radius:12px;background:var(--color-surface);border:1px solid var(--color-border-strong);padding:16px 18px;font-family:Space Grotesk,sans-serif;color:var(--color-text)}.tweaks-title{font-family:ui-monospace,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text3);margin-bottom:12px}.tweak-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border);font-size:13px}.tweak-row:last-child{border-bottom:none}.tweak-row button{background:transparent;border:1px solid var(--color-border);color:var(--color-text2);padding:4px 10px;border-radius:6px;font-size:11px;cursor:pointer;font-family:Space Grotesk,sans-serif}.tweak-row button.on{background:var(--color-red-solid);color:#fff;border-color:var(--color-red-solid)}.tweak-group{display:flex;gap:4px}
