@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap");:root{--ink:#0d0e15;--bg:#12131a;--s1:#1a1b22;--s2:#1e1f26;--s3:#292931;--s4:#33343c;--line:#3f4852;--line2:#262932;--text:#e3e1ec;--muted:#bec7d4;--dim:#7c828c;--ember1:#ff8c00;--ember2:#ff2d00;--blue:#99cbff;--green:#34d399;--yellow:#fbbf24;--red:#fb7185}body,html{margin:0;padding:0;height:100%;color:var(--text);font-family:Hanken Grotesk,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;outline:none;color:var(--text)}svg{display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--dim)}.serif{font-family:"Instrument Serif",serif;font-style:italic}.mono{font-family:JetBrains Mono,monospace}.etext{background:linear-gradient(135deg,var(--ember1),var(--ember2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ember{background:linear-gradient(135deg,var(--ember1),var(--ember2))}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-g{background:var(--green);box-shadow:0 0 7px var(--green)}.dot-o{background:var(--ember1);box-shadow:0 0 7px var(--ember1)}.dot-y{background:var(--yellow);box-shadow:0 0 7px var(--yellow)}.dot-r{background:var(--red);box-shadow:0 0 7px var(--red)}.dot-x{background:#4b5563}.btn{position:relative;font-weight:600;font-size:13px;padding:10px 16px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;transition:transform .12s,filter .12s,background .15s,border-color .15s;cursor:pointer;white-space:nowrap}.btn-primary{color:#fff;background:linear-gradient(180deg,#ff9d22,#ff2d00);border-color:rgba(255,120,0,.5);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.28),0 7px 20px -8px rgba(255,80,0,.6)}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-ghost{color:#e6e9ef;background:linear-gradient(180deg,#20222c,#191b22);border-color:var(--line);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05)}.btn-ghost:hover{background:linear-gradient(180deg,#272a35,#1c1e26)}.btn-danger{color:var(--red);border-color:rgba(251,113,133,.5);background:rgba(251,113,133,.06)}.btn-danger:hover{background:rgba(251,113,133,.14)}.btn-sm{padding:7px 12px;font-size:12px;border-radius:9px}.card{background:var(--s2);border:1px solid var(--line2);border-radius:14px}.input{background:var(--s1);border:1px solid var(--line2);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--text);width:100%;transition:border-color .15s}.input:focus{border-color:var(--ember1)}.input::placeholder{color:var(--dim)}.badge{font-family:JetBrains Mono,monospace;font-size:10px;border:1px solid var(--line2);border-radius:6px;padding:3px 8px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.sw{width:38px;height:22px;border-radius:999px;background:var(--s4);position:relative;cursor:pointer;transition:.15s;flex-shrink:0}.sw.on{background:linear-gradient(135deg,var(--ember1),var(--ember2))}.sw:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.15s}.sw.on:after{left:18px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.05em;color:var(--dim);font-weight:600;padding:8px 12px}.tbl td,.tbl th{border-bottom:1px solid var(--line2)}.tbl td{padding:10px 12px}.tbl tr:hover td{background:var(--s1)}.toast-container{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:200;pointer-events:none}.toast{background:var(--s2);border:1px solid var(--green);color:var(--green);font-size:13px;padding:10px 16px;border-radius:10px;max-width:320px;pointer-events:all;animation:slideIn .2s ease}.toast.err{border-color:var(--red);color:var(--red)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{background-position:200%}to{background-position:-200%}}.shine{background:linear-gradient(90deg,var(--dim) 0,var(--dim) 38%,#ffe2c0 50%,var(--dim) 62%,var(--dim) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 2.1s linear infinite}.grid-bg{background-image:linear-gradient(var(--line2) 1px,transparent 1px),linear-gradient(90deg,var(--line2) 1px,transparent 1px);background-size:30px 30px}.code-block{background:var(--ink);border:1px solid var(--line2);border-radius:10px;overflow:hidden}.code-block-header{padding:8px 12px;border-bottom:1px solid var(--line2);font-size:11px;color:var(--muted)}.code-block-body,.code-block-header{font-family:JetBrains Mono,monospace}.code-block-body{padding:14px;font-size:12.5px;line-height:1.7;color:#aeb6c4;overflow-x:auto;white-space:pre}@media (max-width:767px){.desktop-only{display:none!important}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}img{max-width:100%;height:auto}@media (max-width:767px){.footgrid{grid-template-columns:1fr 1fr!important;gap:24px!important}}@media (max-width:460px){.footgrid{grid-template-columns:1fr!important}}@media (max-width:900px){.twocol{grid-template-columns:1fr!important;gap:20px!important}}@media (max-width:767px){.desktop-only,.mobile-hide{display:none!important}}.mobile-only{display:none!important}@media (max-width:767px){.mobile-only{display:block!important}}.rocord-gate{display:none}@media (max-width:767px){.rocord-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:70vh;padding:40px 24px;gap:16px}.rocord-gate-hide{display:none!important}}.mobile-topbar{display:none;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid var(--line2);background:var(--ink);position:-webkit-sticky;position:sticky;top:0;z-index:30}@media (max-width:767px){.mobile-topbar{display:flex!important}.app-main{padding-top:0}.app-sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-100%);transition:transform .25s ease;z-index:50;width:264px!important;box-shadow:0 0 40px rgba(0,0,0,.5)}.app-sidebar.open{transform:translateX(0)}}@media (min-width:768px){.mobile-topbar,.sidebar-backdrop{display:none!important}.app-sidebar{transform:none!important}}@media (max-width:767px){.app-main{width:100%}}@keyframes flipword-in{0%{opacity:0;transform:translateY(14px) rotateX(-40deg);filter:blur(4px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}.flipword{animation:flipword-in .5s cubic-bezier(.2,.7,.2,1) both;transform-origin:bottom center}body{background-color:var(--bg);background-image:radial-gradient(circle at center,hsla(0,0%,100%,.09) 1px,transparent 1.4px);background-size:24px 24px;background-attachment:fixed}#__next,[data-nextjs-scroll-focus-boundary]{position:relative;z-index:1;background:transparent;isolation:isolate}.pill-nav nav a{transition:color .15s}.pill-nav nav a:hover{color:var(--text)}@media (max-width:767px){.pill-nav{gap:12px!important;padding:7px 7px 7px 13px!important}}.hero-chatbox:focus-within{border-color:rgba(255,140,0,.4)!important}.hero-chatbox textarea::placeholder{color:var(--dim)}.ambient-bg{position:relative}.ambient-bg:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 1400px 800px at 15% -30%,rgba(255,101,26,.1),transparent 60%),radial-gradient(ellipse 900px 800px at 95% 10%,rgba(180,60,200,.08),transparent 60%),radial-gradient(ellipse 800px 700px at 60% 110%,rgba(90,80,220,.08),transparent 60%),radial-gradient(ellipse 700px 600px at 100% 95%,rgba(255,45,0,.06),transparent 60%);animation:ambientDrift 22s ease-in-out infinite alternate}.ambient-bg>*{position:relative;z-index:1}@keyframes ambientDrift{0%{transform:scale(1) translate(0)}50%{transform:scale(1.08) translate(-2%,1%)}to{transform:scale(1.03) translate(1%,-1%)}}@media (prefers-reduced-motion:reduce){.ambient-bg:before{animation:none}}.ambient-bg:after{content:"";position:fixed;inset:-10%;pointer-events:none;z-index:0;background:radial-gradient(circle 240px at 15% 30%,rgba(255,140,0,.14),transparent 60%),radial-gradient(circle 200px at 80% 25%,rgba(180,70,210,.11),transparent 60%),radial-gradient(circle 260px at 65% 80%,rgba(90,90,230,.1),transparent 60%);filter:blur(40px);will-change:transform;animation:orbFloat 34s ease-in-out infinite alternate}@keyframes orbFloat{0%{transform:translate(0) scale(1)}33%{transform:translate(3%,-2.5%) scale(1.06)}66%{transform:translate(-2.5%,2%) scale(.97)}to{transform:translate(1.5%,-1.5%) scale(1.03)}}@media (prefers-reduced-motion:reduce){.ambient-bg:after{animation:none}}.gallery-viewport{position:relative;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.gallery-track{display:flex;gap:16px;width:max-content;animation:galleryScroll 46s linear infinite}.gallery-viewport:hover .gallery-track{animation-play-state:paused}@keyframes galleryScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.gallery-card{width:260px;aspect-ratio:16/10;border-radius:16px;overflow:hidden;border:1px solid var(--line2);flex-shrink:0;background:var(--s2)}.gallery-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.72);transition:filter .4s ease}.gallery-card:hover img{filter:saturate(1) brightness(1)}@media (prefers-reduced-motion:reduce){.gallery-track{animation:none}}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media (max-width:900px){.login-right{display:none!important}.login-left{flex:1 1!important;max-width:none!important}}@media (prefers-reduced-motion:reduce){.login-right [style*=scrollDown],.login-right [style*=scrollUp]{animation:none!important}}.fill-btn{position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:14px;border:none;font-family:inherit;font-weight:700;font-size:15.5px;color:#fff;background:linear-gradient(135deg,#ff9d22,#ff2d00);box-shadow:0 10px 34px rgba(255,60,0,.32);transition:box-shadow .25s ease,transform .12s ease;--fx:50%;--fy:50%}.fill-btn:before{content:"";position:absolute;left:var(--fx);top:var(--fy);width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);background:#fff;transition:width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1);pointer-events:none}.fill-btn:hover:before{width:620px;height:620px}.fill-btn:hover{box-shadow:0 14px 40px rgba(255,60,0,.42)}.fill-btn:active{transform:scale(.985)}.fill-btn-label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:11px;transition:color .3s ease}.fill-btn:hover .fill-btn-label{color:#ff2d00}@media (prefers-reduced-motion:reduce){.fill-btn:before{transition:none}}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}@keyframes scrollRight{0%{transform:translateX(-33.333%)}to{transform:translateX(0)}}.hero-mascot{animation:mascotFloat 4s ease-in-out infinite}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.hero-mascot{animation:none}}.settings-mascot{animation:settingsMascotIn 1s ease-out .3s forwards,mascotFloat 5s ease-in-out 1.3s infinite}@keyframes settingsMascotIn{0%{opacity:0;transform:translateY(24px)}to{opacity:.92;transform:translateY(0)}}@media (max-width:1100px){.settings-mascot{display:none}}@media (prefers-reduced-motion:reduce){.settings-mascot{animation:none;opacity:.92}}.settings-mascot{filter:drop-shadow(0 20px 40px rgba(255,90,0,.3)) drop-shadow(0 0 60px rgba(255,90,0,.15))}@media (max-width:767px){#hero-section{padding-top:210px!important}.hero-h1{font-size:40px!important}.hero-mascot{margin-top:8px!important}.hero-mascot>span{left:50%!important;top:6px!important;margin-left:0!important;transform:translateX(-50%)!important;font-size:13px!important;padding:6px 12px!important;max-width:90vw}.hero-mascot>span>span{display:none!important}}@media (max-width:460px){.hero-h1{font-size:34px!important}}html{scroll-behavior:smooth}section[id]{scroll-margin-top:90px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}