@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&family=JetBrains+Mono:wght@400;500&display=swap";:root{--flaede-50: #FBF7EE;--flaede-100: #F7F0E2;--flaede-200: #EFE6D2;--flaede-300: #E4D7BD;--flaede-400: #C9B89A;--mose-50: #EEF1E8;--mose-100: #DCE3CF;--mose-200: #B7C4A0;--mose-300: #92A571;--mose-400: #748A57;--mose-500: #5C7148;--mose-600: #485939;--mose-700: #36422B;--mose-800: #232C1C;--tegl-50: #FBEDE5;--tegl-100: #F5D5C3;--tegl-200: #ECB59A;--tegl-300: #DD9670;--tegl-400: #C97D54;--tegl-500: #B26641;--tegl-600: #8E5033;--tegl-700: #6A3B26;--lyng-50: #F4F0E8;--lyng-100: #E7DFCC;--lyng-200: #CFC1A1;--lyng-300: #A89576;--lyng-400: #8B7A5E;--lyng-500: #6F614A;--himmel-100: #DDE7E8;--himmel-300: #8FA9AC;--himmel-500: #4F7074;--sort-50: #F5F2EC;--sort-100: #E8E3D8;--sort-200: #CFC8B8;--sort-300: #A39B89;--sort-400: #75705F;--sort-500: #4A4639;--sort-600: #2F2C24;--sort-700: #221F18;--sort-800: #1F1B16;--success: var(--mose-500);--success-bg: var(--mose-50);--warning: var(--tegl-500);--warning-bg: var(--tegl-50);--danger: #A53D2A;--danger-bg: #F8E4DE;--info: var(--himmel-500);--info-bg: var(--himmel-100);--bg: var(--flaede-100);--bg-elevated: #FFFCF4;--bg-subtle: var(--flaede-50);--bg-inset: var(--flaede-200);--bg-inverse: var(--sort-800);--fg: var(--sort-800);--fg-muted: var(--sort-500);--fg-quiet: var(--sort-400);--fg-on-dark: var(--flaede-50);--fg-on-primary: var(--flaede-50);--border: var(--flaede-300);--border-strong: var(--lyng-200);--border-focus: var(--mose-500);--primary: var(--mose-500);--primary-hover: var(--mose-600);--primary-press: var(--mose-700);--accent: var(--tegl-400);--accent-hover: var(--tegl-500);--font-sans: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-serif: "Newsreader", ui-serif, Georgia, Cambria, "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 30px;--text-3xl: 38px;--text-4xl: 48px;--text-5xl: 64px;--text-6xl: 84px;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.45;--leading-relaxed: 1.6;--tracking-display: -.025em;--tracking-tight: -.012em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-caps: .08em;--weight-regular: 400;--weight-medium: 500;--weight-semi: 600;--weight-bold: 700;--weight-black: 800;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(60, 45, 20, .06);--shadow-sm: 0 1px 3px rgba(60, 45, 20, .08), 0 1px 2px rgba(60, 45, 20, .04);--shadow-md: 0 4px 12px rgba(60, 45, 20, .08), 0 2px 4px rgba(60, 45, 20, .04);--shadow-lg: 0 12px 28px rgba(60, 45, 20, .1), 0 4px 8px rgba(60, 45, 20, .04);--shadow-xl: 0 24px 48px rgba(60, 45, 20, .14), 0 8px 16px rgba(60, 45, 20, .06);--shadow-inset-sm: inset 0 1px 2px rgba(60, 45, 20, .06);--ring-focus: 0 0 0 3px rgba(92, 113, 72, .28);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, .85, .35);--ease-soft: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--dur-page: .48s}html,body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg);background:var(--bg);font-feature-settings:"ss01","ss02","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.t-display,h1.t-display{font-family:var(--font-sans);font-variation-settings:"opsz" 96;font-weight:var(--weight-bold);font-size:var(--text-5xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);color:var(--fg)}h1,.t-h1{font-family:var(--font-sans);font-variation-settings:"opsz" 64;font-weight:var(--weight-bold);font-size:var(--text-3xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);color:var(--fg)}h2,.t-h2{font-family:var(--font-sans);font-variation-settings:"opsz" 48;font-weight:var(--weight-semi);font-size:var(--text-2xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--fg)}h3,.t-h3{font-family:var(--font-sans);font-weight:var(--weight-semi);font-size:var(--text-xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--fg)}h4,.t-h4{font-family:var(--font-sans);font-weight:var(--weight-semi);font-size:var(--text-md);line-height:var(--leading-snug);color:var(--fg)}.t-editorial{font-family:var(--font-serif);font-weight:var(--weight-regular);font-style:italic;font-size:var(--text-2xl);line-height:var(--leading-snug);letter-spacing:0;color:var(--fg)}p,.t-body{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--fg);text-wrap:pretty}.t-body-lg{font-size:var(--text-md);line-height:var(--leading-relaxed)}.t-body-sm{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--fg-muted)}.t-label{font-size:var(--text-xs);font-weight:var(--weight-semi);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-muted)}.t-caption{font-size:var(--text-xs);color:var(--fg-quiet);line-height:var(--leading-normal)}code,.t-code{font-family:var(--font-mono);font-size:.92em;background:var(--bg-inset);padding:2px 6px;border-radius:var(--radius-xs);color:var(--mose-700)}.t-num{font-feature-settings:"tnum","lnum";font-variant-numeric:tabular-nums}.t-squiggle{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 8' preserveAspectRatio='none'><path d='M2 5 Q 12 1 22 5 T 42 5 T 62 5 T 78 5' fill='none' stroke='%23C97D54' stroke-width='1.8' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:0 100%;background-size:100% .4em;padding-bottom:.15em}::selection{background:var(--mose-200);color:var(--mose-800)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#2a2620;min-height:100vh}body{display:flex;align-items:center;justify-content:center;padding:32px 16px;font-family:var(--font-sans)}#root{display:flex;align-items:center;justify-content:center;width:100%}.stage{display:flex;align-items:center;gap:32px;flex-wrap:wrap;justify-content:center}.device-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.caption{color:#f7f0e28c;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.bezel{position:relative;padding:14px;border-radius:64px;background:linear-gradient(180deg,#1a1815,#0d0c0a);box-shadow:0 0 0 2px #2a2520,0 40px 80px #0000008c}.notch{position:absolute;top:22px;left:50%;transform:translate(-50%);width:120px;height:32px;background:#000;border-radius:999px;z-index:100}.frame-host{width:390px;height:844px;border-radius:54px;background:var(--bg);position:relative;overflow:hidden;box-shadow:0 30px 60px #0006}.frame-host .scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.statusbar{position:absolute;top:18px;left:0;right:0;padding:0 36px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:var(--fg);z-index:50}.frame-host .scroll::-webkit-scrollbar{width:0}button,input{font-family:var(--font-sans)}