@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#f1f4f5;--card:#fff;--ink:#24343c;--inkSoft:#54656f;--soft:#828f96;--line:#e5e9ec;--lineHard:#cdd5d9;--orange:#fb8d05;--orangeD:#e07f00;--orangeSoft:#fff1dc;--green:#16a875;--greenSoft:#e3f5ee;--red:#e5484d;--redSoft:#fdeaea;--blue:#3b82f6;--blueSoft:#e8f0fe;--purple:#8b5cf6;--purpleSoft:#ede9fe;--petrol:#0e5a6b;--petrolD:#0a4654;--petrolSoft:#e2eef1;--petrolInk:#103e49;--steel:#6a7a84;--concrete:#c4cace;--grid:#24343c0b;--gridHard:#24343c13;--font:"Manrope", sans-serif;--disp:"Space Grotesk", sans-serif;--mono:"IBM Plex Mono", monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--r-3xl:28px;--r-full:9999px;--fs-xs:11px;--fs-sm:12px;--fs-base:14px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:28px;--fs-4xl:34px;--sh:0 1px 2px #24343c0a, 0 4px 12px -3px #24343c17, 0 16px 32px -14px #24343c21;--shSm:0 1px 2px #24343c0d, 0 2px 6px -2px #24343c17;--shHover:0 2px 4px #24343c0d, 0 10px 26px -6px #24343c30, 0 28px 56px -20px #24343c2e;--shLg:0 4px 8px #24343c0d, 0 20px 40px -8px #24343c2b, 0 48px 80px -28px #24343c33;--orangeGlow:0 8px 24px -6px #fb8d058c, 0 2px 8px #fb8d0533;--orangeGlowSm:0 4px 14px -4px #fb8d0573;--ease:cubic-bezier(.22, 1, .36, 1);--easeIn:cubic-bezier(.55, 0, 1, .45)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}*{scrollbar-width:none}::-webkit-scrollbar{display:none}html{width:100%;height:100%;overflow-x:hidden}#root{flex-direction:column;width:min(100%,430px);height:100%;display:flex}body{background:var(--concrete);font-family:var(--font);height:100dvh;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;justify-content:center;display:flex;overflow:hidden}button{font-family:var(--font);cursor:pointer;color:inherit;transition:transform .15s var(--ease), box-shadow .2s var(--ease), background .18s ease, opacity .15s ease;background:0 0;border:none}button:active{transform:scale(.96)}button:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:8px}input,textarea,select{font-family:var(--font);transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #fb8d051f}.mono{font-family:var(--mono)}.disp{font-family:var(--disp)}.card{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--sh);transition:transform .18s var(--ease), box-shadow .22s var(--ease);border:1px solid #24343c11}.card:active{box-shadow:var(--shHover);transform:scale(.985)}@media (hover:hover){.card:hover{box-shadow:var(--shHover);transform:translateY(-1px)}.card:active{transform:scale(.985)translateY(0)}}.screen{animation:screenIn .22s var(--ease);flex-direction:column;flex:1;display:flex}.casc>*{animation:riseIn .42s var(--ease) backwards}.casc>:first-child{animation-delay:20ms}.casc>:nth-child(2){animation-delay:60ms}.casc>:nth-child(3){animation-delay:.1s}.casc>:nth-child(4){animation-delay:.14s}.casc>:nth-child(5){animation-delay:.18s}.casc>:nth-child(6){animation-delay:.22s}.casc>:nth-child(7){animation-delay:.26s}.casc>:nth-child(8){animation-delay:.3s}.casc>:nth-child(9){animation-delay:.34s}.casc>:nth-child(10){animation-delay:.38s}.casc>:nth-child(11){animation-delay:.42s}.casc>:nth-child(12){animation-delay:.46s}.press{transition:transform .14s var(--ease), box-shadow .2s var(--ease)}.press:active{transform:scale(.978)}@media (prefers-reduced-motion:reduce){.casc>*,.press{transition:none;animation:none}}.skel{border-radius:var(--r-sm);background:linear-gradient(90deg,#e8e6e1 20%,#f0ede8 50%,#e8e6e1 80%) 0 0/200% 100%;animation:1.6s ease-in-out infinite shimmer}.blueprint{pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.blueprint-light{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);pointer-events:none;background-size:22px 22px;position:absolute;inset:0}.ia-badge{border-radius:var(--r-full);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--orangeD);background:var(--orangeSoft);box-shadow:var(--orangeGlowSm);border:1px solid #fb8d0547;align-items:center;gap:5px;padding:3px 9px 3px 7px;font-weight:800;display:inline-flex}.ia-badge svg{width:13px;height:13px}.meta{font-family:var(--mono);font-size:var(--fs-sm);letter-spacing:.01em;color:var(--steel);font-weight:500}.chip.petrol{background:var(--petrolSoft);color:var(--petrolInk);border-color:#0e5a6b40}.eng-bar{border-radius:var(--r-full);background:var(--line);height:6px;overflow:hidden}.eng-bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--orange), var(--orangeD));height:100%;transition:width .5s var(--ease);display:block}.eng-bar.petrol>span{background:linear-gradient(90deg, var(--petrol), var(--petrolD))}.card-tech{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shSm);position:relative;overflow:hidden}.card-tech:before{content:"";background:var(--petrol);width:3px;position:absolute;top:0;bottom:0;left:0}.word{font-family:var(--disp);letter-spacing:-.025em;color:var(--ink);font-weight:700}.word span{color:var(--orange)}.section-label{font-size:var(--fs-xs);color:var(--soft);letter-spacing:.07em;text-transform:uppercase;font-weight:800}.field{border:1.5px solid var(--lineHard);border-radius:var(--r-lg);width:100%;font-size:var(--fs-md);color:var(--ink);background:var(--card);padding:14px 16px;font-weight:500;transition:border-color .2s,box-shadow .2s}.field::placeholder{color:var(--soft)}.field:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #fb8d051a}.divider{background:var(--line);height:1px;margin:0}.chip{border-radius:var(--r-full);font-size:var(--fs-sm);border:1.5px solid var(--line);background:var(--card);color:var(--inkSoft);cursor:pointer;align-items:center;gap:5px;padding:6px 12px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chip.on{background:var(--orangeSoft);color:var(--orangeD);border-color:#fb8d0566}.chip:active{transform:scale(.96)}.badge{font-family:var(--mono);letter-spacing:.02em;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:700}@keyframes screenIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rec{0%,to{opacity:1}50%{opacity:.2}}@keyframes wave{0%,to{height:8px}50%{height:var(--h,26px)}}@keyframes glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}65%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes dotPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.frame{background:var(--bg);flex-direction:column;width:100%;max-width:430px;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 0 80px #00000038}.viewport{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-direction:column;flex:1;max-width:100%;display:flex;position:relative;overflow:hidden auto}.viewport::-webkit-scrollbar{width:0}.viewport--tabbed{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.topbar{z-index:10;background:linear-gradient(180deg, var(--bg) 72%, #f1f4f500);-webkit-backdrop-filter:blur(12px)saturate(1.2);align-items:center;gap:12px;padding:18px 20px 12px;display:flex;position:sticky;top:0}.topbar h2{font-family:var(--disp);letter-spacing:-.03em;color:var(--ink);flex:1;font-size:20px;font-weight:700}.back{border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);width:38px;height:38px;box-shadow:var(--shSm);color:var(--inkSoft);transition:background .15s ease, box-shadow .18s var(--ease), opacity .15s ease;flex-shrink:0;place-items:center;display:grid}.back:active{opacity:.6;transform:none}@media (hover:hover){.back:hover{box-shadow:var(--shHover);color:var(--ink);background:#f6f8f9}}.tabs{-webkit-backdrop-filter:blur(20px)saturate(1.6);width:100%;max-width:430px;padding-bottom:env(safe-area-inset-bottom,4px);padding-bottom:max(env(safe-area-inset-bottom,0px), 4px);z-index:20;background:#f4f7f8f0;border-top:1px solid #24343c14;align-items:flex-end;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabs--hidden{display:none}.tab{color:#a0a8af;letter-spacing:.01em;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 0 11px;font-size:11px;font-weight:700;transition:color .2s;display:flex;position:relative;transform:none}.tab:active{opacity:.7;transform:none}.tab.on{color:var(--orange)}.tab.on:after{content:"";background:var(--orange);width:4px;height:4px;animation:dotPop .2s var(--ease);border-radius:50%;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.tab .ti{border-radius:var(--r-sm);width:28px;height:28px;transition:background .18s ease, transform .2s var(--ease);justify-content:center;align-items:center;display:flex}.tab.on .ti{background:#fb8d051f;transform:translateY(-1px)}.tab.fab{color:#0000;flex:none;padding:10px 12px;transform:translateY(-14px)}.tab.fab:active{opacity:1;transform:translateY(-14px)scale(.9)}.tab.fab .ti{background:linear-gradient(145deg, #ffb340, var(--orange), #e07f00);color:#fff;width:54px;height:54px;box-shadow:var(--orangeGlow);transition:box-shadow .2s var(--ease), transform .15s var(--ease);border-radius:50%;place-items:center;display:grid}.tab.fab.on:after{display:none}.tab.fab.on .ti{background:linear-gradient(145deg, #ffb340, var(--orange), #e07f00)}@media (hover:hover){.tab.fab:hover .ti{transform:scale(1.06);box-shadow:0 10px 28px -6px #fb8d05a6,0 2px 10px #fb8d054d}}.sheet-bg{-webkit-backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;background:#141e2480;max-width:430px;margin:0 auto;transition:opacity .28s;position:fixed;inset:0}.sheet-bg.open{opacity:1;pointer-events:all}.sheet{background:var(--bg);border-radius:var(--r-3xl) var(--r-3xl) 0 0;z-index:100;max-width:430px;animation:slideUp .34s var(--ease);max-height:90vh;margin:0 auto;padding:8px 20px 32px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -2px 12px #24343c0f,0 -20px 60px -8px #24343c47}.sheet-grab{background:#24343c21;border-radius:3px;width:36px;height:4px;margin:8px auto 20px}.logo{border-radius:var(--r-md);background:var(--ink);flex-shrink:0;place-items:center;display:grid;position:relative;box-shadow:0 6px 14px -5px #24343c80}.logo .helm{background:var(--orange);position:relative}.logo .helm:before{content:"";background:var(--orange);border-radius:2px;height:3px;position:absolute;bottom:-2px;left:-3px;right:-3px}.btn{border-radius:var(--r-lg);font-family:var(--font);font-size:var(--fs-md);cursor:pointer;transition:transform .15s var(--ease), box-shadow .18s var(--ease), background .15s ease, opacity .15s ease;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-weight:800;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(145deg, #ffaa35, var(--orange), #d97a00);color:#fff;box-shadow:var(--orangeGlow)}.btn-primary:active{box-shadow:none}@media (hover:hover){.btn-primary:hover{box-shadow:0 10px 28px -6px #fb8d05a6,0 2px 10px #fb8d054d}}.btn-secondary{background:var(--card);color:var(--ink);border:1.5px solid var(--lineHard);box-shadow:var(--shSm)}@media (hover:hover){.btn-secondary:hover{box-shadow:var(--sh)}}.btn-ghost{color:var(--inkSoft);background:#24343c0d;border:1px solid #0000}@media (hover:hover){.btn-ghost:hover{color:var(--ink);background:#24343c14}}.btn-danger{background:var(--redSoft);color:var(--red);border:1px solid #e5484d2e}.btn-sm{font-size:var(--fs-sm);border-radius:var(--r-md);padding:9px 14px}.btn-lg{font-size:var(--fs-lg);border-radius:var(--r-xl);padding:18px 28px}.btn-full{width:100%}.btn:disabled{opacity:.42;pointer-events:none}