@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=DM+Mono:wght@400;500&family=Outfit:wght@300;400;500;600;700&family=Instrument+Serif:ital@0;1&family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&display=swap";:root{--bg-deep: #15130f;--bg-surface: #1c1a16;--bg-card: rgba(28,25,20, .5);--bg-card-hover: rgba(36,32,26, .7);--border-subtle: rgba(220, 205, 178, .06);--border-accent: rgba(220, 205, 178, .25);--text-primary: #ECE3D0;--text-secondary: #b8b0a0;--text-muted: #9a9080;--text-ghost: #5e5849;--accent: #E3B341;--accent-strong: #d8d0c0;--accent-2: #d4a017;--accent-3: #5e5849;--accent-warm: #8b3a3a;--accent-mark: #d4b855;--paper: #e6dec8;--ink: #1a1814;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--accent-soft: rgba(227,179,65,.12);--accent-tech: #8FB7C9;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--font-display: "Sora", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "DM Mono", monospace;--font-serif: "Instrument Serif", "Fraunces", Georgia, serif;--font-fraunces: "Fraunces", "Instrument Serif", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-deep);color:var(--text-secondary);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body>#root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.95  0 0 0 0 0.92  0 0 0 0 0.84  0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(220,205,178,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(220,205,178,.014) 1px,transparent 1px);background-size:48px 48px;background-position:center top;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse at 50% 10%,rgba(0,0,0,1) 5%,rgba(0,0,0,0) 70%);mask-image:radial-gradient(ellipse at 50% 10%,#000 5%,#0000 70%);animation:gridDrift 60s linear infinite}body:after{content:"";position:fixed;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(ellipse 700px 500px at 20% 30%,rgba(220,205,178,.012),transparent),radial-gradient(ellipse 600px 600px at 80% 60%,rgba(139,58,58,.008),transparent),radial-gradient(ellipse 800px 400px at 50% 90%,rgba(220,205,178,.006),transparent);pointer-events:none;z-index:-1;animation:ambientDrift 20s ease-in-out infinite alternate}@keyframes gridDrift{0%{background-position:0 0}to{background-position:0 400px}}@keyframes ambientDrift{0%{transform:scale(1) translateY(0)}to{transform:scale(1.05) translateY(-20px)}}#root{position:relative;z-index:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}::selection{background:#ffffff4d;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse2{0%,to{opacity:1;box-shadow:0 0 0 transparent}50%{opacity:.6;box-shadow:0 0 15px #fff6}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes langGlobeIn{0%{opacity:0;transform:rotate(-90deg) scale(.4)}60%{opacity:1;transform:rotate(8deg) scale(1.08)}to{opacity:.85;transform:rotate(0) scale(1)}}@keyframes borderGlow{0%,to{border-color:#fff3;box-shadow:0 0 10px #ffffff0d}50%{border-color:#fff9;box-shadow:0 0 25px #ffffff4d}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes walkthroughFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.inp{background:#ffffff04;border:1px solid var(--border-subtle);border-bottom:2px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:14px 18px;color:var(--text-primary);font-size:14px;font-family:var(--font-body);width:100%;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);resize:none;box-shadow:inset 0 2px 10px #0003}.inp:focus{border-color:#fff6;border-bottom:2px solid var(--accent);box-shadow:0 8px 30px #ffffff1a,inset 0 2px 15px #00000080;background:#ffffff0a}.inp::placeholder{color:var(--text-ghost);font-weight:300}.inp:hover:not(:focus){background:#ffffff08;border-color:#ffffff26}.inp:focus-visible,.btn-primary:focus-visible,.btn-ghost:focus-visible,.btn-paper:focus-visible,.chip:focus-visible,.nav-link:focus-visible,button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-tech);outline-offset:2px;box-shadow:0 0 0 4px #8fb7c940}select.inp{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23aba8c4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}select.inp option{background:#0a0a0a;color:var(--text-secondary)}textarea.inp{line-height:1.6}.btn-primary{background:linear-gradient(180deg,#d8cfb6,#c8bfa6);background-size:180% 180%;color:#1a1814;border:1px solid rgba(0,0,0,.25);padding:14px 32px;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font-body);letter-spacing:-.1px;transition:all .35s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;text-shadow:none;box-shadow:0 4px 14px #00000080,inset 0 1px #fff9}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent,rgba(0,0,0,.2));opacity:0;transition:opacity .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000008c,0 4px 12px #00000059,inset 0 1px #ffffffb3;background-position:100% 50%;border-color:#00000040}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.5)}.btn-ghost{background:#ffffff05;color:var(--text-secondary);border:1px solid var(--border-subtle);padding:12px 24px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-body);transition:all .3s ease}.btn-ghost:hover{background:#ffffff14;color:var(--text-primary);border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #0003,0 0 15px #ffffff0d}.btn-ghost:active{transform:translateY(0)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;transition:all .4s cubic-bezier(.175,.885,.32,1.1);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff0f;position:relative}.card:hover{border-color:#ffffff40;background:var(--bg-card-hover);box-shadow:0 20px 50px #0006,0 0 40px #ffffff14,inset 0 1px #ffffff1a;transform:translateY(-2px)}.chip{padding:8px 18px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid;font-family:var(--font-body);-webkit-user-select:none;user-select:none;font-weight:600;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chip:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 5px 15px #0003}.section-label{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;font-family:var(--font-display)}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.mode-card{position:relative;padding:22px 16px 18px;border-radius:18px;cursor:pointer;text-align:center;overflow:hidden;background:linear-gradient(180deg,#e8dec806,#e8dec802);border:1px solid rgba(232,222,200,.07);box-shadow:0 1px #ffffff06 inset,0 6px 18px #00000038;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);transition:transform .42s cubic-bezier(.2,.7,.2,1),background .42s ease,border-color .42s ease,box-shadow .42s ease}.mode-card:hover{transform:translateY(-3px);border-color:#e8dec833;background:linear-gradient(180deg,#e8dec80d,#e8dec805);box-shadow:0 1px #e8dec80f inset,0 12px 28px #00000052}.mode-card.is-selected{background:linear-gradient(180deg,#e8dec821,#e8dec80d 60%,#e8dec805);border-color:#e8dec86b;box-shadow:0 1px #e8dec829 inset,0 0 0 1px #e8dec81f inset,0 16px 36px #00000073,0 0 36px #e8dec81a}.mode-card__accent{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(232,222,200,.65) 50%,transparent 100%);opacity:0;transition:opacity .42s ease;pointer-events:none}.mode-card.is-selected .mode-card__accent{opacity:1;box-shadow:0 0 14px #e8dec84d}.mode-card__glow{position:absolute;top:-34px;left:50%;width:140px;height:80px;border-radius:50%;background:radial-gradient(ellipse,rgba(232,222,200,.18) 0%,transparent 70%);filter:blur(18px);transform:translate(-50%);opacity:0;transition:opacity .42s ease;pointer-events:none}.mode-card.is-selected .mode-card__glow{opacity:1}.mode-card__corner{position:absolute;width:12px;height:12px;border:1px solid rgba(232,222,200,0);pointer-events:none;transition:border-color .42s ease}.mode-card__corner--tl{top:10px;left:10px;border-right:0;border-bottom:0}.mode-card__corner--br{bottom:10px;right:10px;border-left:0;border-top:0}.mode-card.is-selected .mode-card__corner{border-color:#e8dec88c}.mode-card__icon{position:relative;width:50px;height:50px;border-radius:14px;margin:0 auto 14px;display:grid;place-items:center;background:#e8dec80a;border:1px solid rgba(232,222,200,.08);color:#9a9080;transition:background .42s ease,border-color .42s ease,color .42s ease,box-shadow .42s ease}.mode-card.is-selected .mode-card__icon{background:linear-gradient(135deg,#e8dec847,#e8dec81a);border-color:#e8dec873;color:#e8dec8;box-shadow:0 6px 18px #00000059,inset 0 1px #e8dec852}.mode-card:hover .mode-card__icon{color:#b8b0a0;border-color:#e8dec82e}.mode-card.is-selected:hover .mode-card__icon{color:#e8dec8}.mode-card__label{position:relative;font-size:14px;font-weight:700;font-family:var(--font-display);letter-spacing:-.3px;color:#b8b0a0;transition:color .42s ease}.mode-card.is-selected .mode-card__label{color:#e8dec8}.mode-card__desc{position:relative;font-size:11.5px;margin-top:6px;line-height:1.5;letter-spacing:-.05px;color:#9a9080;transition:color .42s ease}.mode-card.is-selected .mode-card__desc{color:#c4baa8}@media (max-width: 640px){.mode-grid{grid-template-columns:repeat(2,1fr);gap:10px}.mode-card{padding:18px 12px 14px;border-radius:14px}.mode-card__icon{width:42px;height:42px;border-radius:11px;margin-bottom:10px}.mode-card__label{font-size:12.5px}.mode-card__desc{font-size:10.5px;margin-top:4px}.mode-card__corner{width:9px;height:9px}}.app-header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.app-header-mobile-btn{display:none;width:36px;height:36px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#c4baa8;cursor:pointer;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.app-header-mobile-btn:hover{background:#e8dec814;border-color:#e8dec83d;color:#e8dec8}@media (max-width: 768px){.app-header-mobile-btn{display:inline-flex}.desktop-only{display:none!important}}@media (min-width: 769px){.mobile-only{display:none!important}}.app-mobile-drawer{position:fixed;top:0;left:0;right:0;z-index:90;background:linear-gradient(180deg,#1a1814,#15130f);border-bottom:1px solid rgba(232,222,200,.1);box-shadow:0 16px 40px #0000008c;padding:18px 18px 22px;display:flex;flex-direction:column;gap:10px;animation:slideDown .3s cubic-bezier(.2,.7,.2,1);max-height:100dvh;overflow-y:auto}@keyframes slideDown{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.app-mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(232,222,200,.08);margin-bottom:6px}.app-mobile-drawer__row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;background:#e8dec806;border:1px solid rgba(232,222,200,.06);font-size:13px;color:#c4baa8;cursor:pointer;transition:all .2s ease;font-family:var(--font-body);width:100%;text-align:left}.app-mobile-drawer__row:hover{background:#e8dec80d;border-color:#e8dec829;color:#e8dec8}.app-mobile-drawer__row span:first-child{display:inline-flex;align-items:center;gap:10px;font-weight:500}@media (max-width: 640px){.card{padding:20px 16px;border-radius:16px}.section-label{font-size:10px;letter-spacing:1.5px}}.scene-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:16px;margin-top:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scene-card:hover{background:#ffffff14;border-color:#ffffff4d;transform:translate(4px);box-shadow:-4px 0 15px #ffffff1a}.scene-card:before{content:"";position:absolute;left:24px;top:-10px;width:2px;height:10px;background:#ffffff4d}.scene-card:first-child:before{display:none}.glow-text{background:linear-gradient(110deg,#f5f3ee,#c8c4bd 55%,#f5f3ee);background-size:220% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 8s ease infinite}.glass{background:#000000b3;backdrop-filter:blur(10px) saturate(1.5);-webkit-backdrop-filter:blur(10px) saturate(1.5);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #00000080}.noise:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.8;mix-blend-mode:overlay}.nav-link{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:13.5px;font-weight:500;cursor:pointer;padding:8px 14px;border-radius:8px;position:relative;transition:color .25s ease,background .25s ease;letter-spacing:-.1px}.nav-link:hover{color:var(--text-primary);background:#ffffff0a}.nav-link:active{transform:translateY(.5px)}.hero-bg{position:absolute;inset:-60px -20px auto -20px;height:780px;pointer-events:none;z-index:-1;overflow:hidden;mask-image:linear-gradient(to bottom,#000,#000000d9 70%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.85) 70%,rgba(0,0,0,0) 100%)}.hero-blob{position:absolute;border-radius:50%;filter:blur(48px);opacity:.08;mix-blend-mode:screen;will-change:transform}.hero-blob--1{width:520px;height:520px;background:radial-gradient(circle at 30% 30%,#5a5a5a,#fff0 65%);top:-120px;left:5%;animation:blobMorph1 18s ease-in-out infinite alternate}.hero-blob--2{width:460px;height:460px;background:radial-gradient(circle at 60% 40%,#4a4842,#fff0 65%);top:100px;right:8%;animation:blobMorph2 22s ease-in-out infinite alternate}.hero-blob--3{width:380px;height:380px;background:radial-gradient(circle at 50% 50%,#6a6864,#fff0 65%);bottom:40px;left:40%;opacity:.15;animation:blobMorph3 26s ease-in-out infinite alternate}@keyframes blobMorph1{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,30px) scale(1.08)}to{transform:translate(80px,-20px) scale(1)}}@keyframes blobMorph2{0%{transform:translate(0) scale(1)}50%{transform:translate(-60px,50px) scale(1.1)}to{transform:translate(-100px) scale(.95)}}@keyframes blobMorph3{0%{transform:translate(0) scale(1)}50%{transform:translate(-80px,-40px) scale(1.15)}to{transform:translate(40px,-80px) scale(.9)}}.hero-conic{position:absolute;width:600px;height:600px;top:-150px;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 42%,transparent 70%);pointer-events:none}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.25}@keyframes particleRise{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.6}50%{transform:translateY(-320px) translate(20px);opacity:.5}90%{opacity:.3}to{transform:translateY(-700px) translate(-10px);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto!important}.hero-blob,.hero-conic,.hero-beam,.hero-particles,.hero-particles circle,.marquee-track,.glow-text,body:before,body:after{animation:none!important}.hero-blob,.hero-particles circle,body:after{transform:none!important}}.hero-paused .hero-blob,.hero-paused .hero-conic,.hero-paused .hero-beam,.hero-paused .hero-particles circle{animation-play-state:paused!important}@media (max-width: 860px){.hero-blob--1{width:300px;height:300px}.hero-blob--2{width:260px;height:260px}.hero-blob--3,.hero-conic,.hero-particles{display:none}.hero-blob{filter:blur(50px)}}@media (max-width: 860px){.nav-links{display:none!important}}.landing-nav{padding:12px 24px}@media (max-width: 768px){.landing-nav{padding:10px 16px;gap:8px!important}}@media (max-width: 420px){.landing-nav{padding:9px 12px}.landing-nav .nav-signin{display:none!important}.landing-nav .nav-cta{padding:8px 14px!important;font-size:12.5px!important}}.hero-paste{display:flex;gap:8px;align-items:stretch;padding:6px;border-radius:20px;border:1px solid transparent;background:linear-gradient(180deg,#1a1814e0,#15130feb) padding-box,linear-gradient(135deg,#e8dec861,#e8dec812 35%,#e8dec812 65%,#e8dec83d) border-box;box-shadow:0 18px 44px #00000061,inset 0 1px #e8dec80f}@media (max-width: 640px){.hero-paste{flex-direction:column}.hero-paste .hero-paste__btn{width:100%}}.hero-paste .inp:focus{border-color:#e8dec866;border-bottom-color:#e8dec88c;background:#e8dec808;box-shadow:0 0 0 3px #e8dec81a,0 0 26px #e8dec814,inset 0 2px 12px #00000059}@media (hover: hover){.hero-paste__btn:after{content:"";position:absolute;top:-2px;bottom:-2px;left:0;width:36%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transform:translate(-170%) skew(-16deg);transition:transform .5s ease;pointer-events:none}.hero-paste__btn:hover:after{transform:translate(340%) skew(-16deg)}}.kicker-deco{display:inline-flex;align-items:center;gap:10px}.kicker-deco:before,.kicker-deco:after{content:"";width:14px;height:7px;opacity:.4;flex-shrink:0}.kicker-deco:before{border-left:1px solid var(--text-primary);border-top:1px solid var(--text-primary)}.kicker-deco:after{border-right:1px solid var(--text-primary);border-bottom:1px solid var(--text-primary)}.card-tech{position:relative;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}@media (hover: hover){.card-tech:hover{border-color:#e8dec859!important;transform:translateY(-2px);box-shadow:0 14px 30px #00000059,inset 0 1px #e8dec812}}@media (prefers-reduced-motion: reduce){.card-tech{transition:none}.card-tech:hover{transform:none}.hero-paste__btn:after{display:none}}@media (max-width: 860px){.how-steps{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 560px){.how-steps{grid-template-columns:1fr!important}}@media (max-width: 860px){.walkthrough-grid{grid-template-columns:1fr!important;gap:20px!important}}@media (max-width: 640px){.compare-table{min-width:480px!important;font-size:12px}.compare-table th,.compare-table td{padding:12px 10px!important}.compare-table th:first-child,.compare-table td:first-child{padding-left:14px!important}}@media (max-width: 640px){.card{padding:20px;border-radius:var(--radius-md)}.btn-primary{padding:12px 24px;font-size:14px}body:before{background-size:20px 20px}}.marquee-track{display:inline-flex;animation:marquee 38s linear infinite;will-change:transform}.marquee-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-beam{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:55%;background:linear-gradient(to bottom,rgba(232,220,195,.55) 0%,rgba(232,220,195,.12) 60%,transparent 100%);filter:blur(6px);pointer-events:none;animation:beamPulse 4s ease-in-out infinite}.hero-beam:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:140px;height:300px;background:radial-gradient(ellipse at 50% 0%,rgba(232,220,195,.07) 0%,transparent 70%);filter:blur(20px)}@keyframes beamPulse{0%,to{opacity:.6}50%{opacity:1}}.serif-italic{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.5px}.serif{font-family:var(--font-serif);font-style:normal;font-weight:400;letter-spacing:-.5px}.highlight-mark{background-image:linear-gradient(180deg,transparent 55%,rgba(245,215,110,.35) 55%,rgba(245,215,110,.45) 92%,transparent 92%);background-repeat:no-repeat;background-size:100% 100%;padding:0 2px;transform:rotate(-.4deg);display:inline-block}.hand-underline{position:relative;display:inline-block;white-space:nowrap}.hand-underline:after{content:"";position:absolute;left:-4px;right:-4px;bottom:-8px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9 C 60 4, 120 12, 180 6 S 290 8, 297 5' stroke='%238b3a3a' stroke-width='2.4' fill='none' stroke-linecap='round' opacity='0.85'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}.squiggle-underline:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 8' preserveAspectRatio='none'%3E%3Cpath d='M0 4 Q 10 0, 20 4 T 40 4 T 60 4 T 80 4 T 100 4 T 120 4 T 140 4 T 160 4 T 180 4 T 200 4' stroke='%23e8dcc0' stroke-width='1.6' fill='none' opacity='0.7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}.hand-circle{position:relative;display:inline-block;padding:4px 10px}.hand-circle:before{content:"";position:absolute;top:-4px;right:-8px;bottom:-4px;left:-8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80' preserveAspectRatio='none'%3E%3Cpath d='M30 12 C 80 4, 170 8, 188 30 C 196 56, 140 72, 80 70 C 22 66, 8 48, 14 30 C 18 18, 22 14, 30 12 Z' stroke='%238b3a3a' stroke-width='2' fill='none' stroke-linecap='round' opacity='0.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}.sticker{background:var(--paper);color:var(--ink);padding:14px 18px 12px;border-radius:2px;box-shadow:0 1px #fff6 inset,0 12px 28px #00000073,0 2px 6px #00000059;position:relative;font-family:var(--font-body);display:inline-block;transform:rotate(-1.6deg);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.sticker:hover{transform:rotate(.4deg) translateY(-3px)}.sticker--right{transform:rotate(2deg)}.sticker--right:hover{transform:rotate(-.6deg) translateY(-3px)}.tape{position:absolute;width:84px;height:22px;background:#f5d76e8c;border-left:1px dashed rgba(0,0,0,.12);border-right:1px dashed rgba(0,0,0,.12);box-shadow:0 2px 6px #00000040;mix-blend-mode:lighten}.tape--tl{top:-10px;left:18px;transform:rotate(-8deg)}.tape--tr{top:-10px;right:18px;transform:rotate(7deg)}.stamp{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1.5px solid var(--accent-warm);color:var(--accent-warm);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;border-radius:4px;transform:rotate(-3deg);opacity:.88;position:relative;background:transparent}.stamp:before,.stamp:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--accent-warm);border-radius:4px;opacity:.4;pointer-events:none}.stamp:before{transform:translate(2px,1px)}.stamp:after{transform:translate(-1px,-2px);opacity:.25}.marginalia{font-family:var(--font-serif);font-style:italic;font-size:14px;color:var(--accent-warm);letter-spacing:.2px;line-height:1.4;display:inline-block;position:relative}.paper-grain:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.95  0 0 0 0 0.92  0 0 0 0 0.84  0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}.arrow-hand{display:inline-block;width:56px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 24'%3E%3Cpath d='M2 14 C 14 6, 28 18, 42 8 M 36 4 L 44 7 L 40 14' stroke='%238b3a3a' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;vertical-align:middle}.footnote{font-family:var(--font-serif);font-style:italic;font-size:13px;color:var(--text-muted);border-left:2px solid var(--accent-warm);padding-left:10px;display:inline-block}.btn-paper{background:linear-gradient(180deg,#e6dec8,#d8cfb6);color:var(--ink);border:1px solid rgba(0,0,0,.22);padding:16px 32px;border-radius:4px;font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;letter-spacing:-.1px;display:inline-flex;align-items:center;gap:10px;position:relative;box-shadow:0 1px #ffffff80 inset,0 -1px #0000000f inset,0 8px 22px #00000073,0 2px 4px #0000004d;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;transform:rotate(-.5deg)}.btn-paper:hover{transform:rotate(.3deg) translateY(-2px);box-shadow:0 1px #fff9 inset,0 12px 30px #0000008c,0 3px 6px #00000059}.btn-paper:active{transform:rotate(0) translateY(0)}.studio-shell{display:flex;align-items:stretch;min-height:100vh}.studio-sidebar{width:240px;flex-shrink:0;position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;gap:8px;padding:16px 14px 14px;background:linear-gradient(180deg,#1c1914eb,#15130ff5);border-right:1px solid rgba(232,222,200,.08);box-shadow:inset -1px 0 #00000040;overflow-y:auto;overflow-x:hidden;z-index:40}.studio-main{flex:1;min-width:0;display:flex;flex-direction:column}.studio-main>main{flex:1;width:100%}.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;position:sticky;top:0;z-index:50}.studio-topbar .app-header-mobile-btn{display:inline-flex}.side-nav-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:10px 12px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:-.1px;cursor:pointer;text-align:left;transition:background .2s ease,color .2s ease,border-color .2s ease}.side-nav-item:hover{background:#e8dec80d;color:var(--text-primary)}.side-nav-item.is-active{background:linear-gradient(135deg,#e8dec81f,#e8dec80a);border-color:#e8dec829;color:#e8dec8;font-weight:600}.side-nav-item.is-active:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#e8dec8,#c4b896);box-shadow:0 0 10px #e8dec859}@media (max-width: 1023px){.studio-sidebar{display:none}}@media (min-width: 1024px){.studio-topbar{display:none}}