@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--metrodo-bg-ink: #09131a;--metrodo-bg-deep: #10232d;--metrodo-bg-warm: rgba(249, 168, 37, .14);--metrodo-bg-cool: rgba(45, 212, 191, .16);--metrodo-panel: rgba(11, 23, 32, .74);--metrodo-panel-border: rgba(173, 230, 218, .22);--metrodo-panel-highlight: rgba(255, 251, 235, .14);--metrodo-text: #eff7f6;--metrodo-text-soft: rgba(239, 247, 246, .7);--metrodo-shadow: 0 22px 44px rgba(3, 10, 14, .36);--metrodo-font-ui: "Manrope", "Segoe UI", sans-serif;--metrodo-font-display: "Fraunces", Georgia, serif}html,body,#root{min-height:100%}body{margin:0;font-family:var(--metrodo-font-ui);color:var(--metrodo-text);background:radial-gradient(circle at top left,rgba(251,191,36,.16),transparent 28%),radial-gradient(circle at 82% 18%,rgba(45,212,191,.16),transparent 24%),linear-gradient(180deg,#13303b 0%,var(--metrodo-bg-ink) 38%,#071017 100%)}button,input,textarea,select{font:inherit}.metrodo-shell{position:relative;isolation:isolate;font-family:var(--metrodo-font-ui);background:radial-gradient(circle at top left,rgba(255,244,214,.08),transparent 22%),linear-gradient(180deg,#09131a33,#09131aa3)}.metrodo-shell:before,.metrodo-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.metrodo-shell:before{background:radial-gradient(circle at 15% 14%,var(--metrodo-bg-warm),transparent 22%),radial-gradient(circle at 88% 12%,var(--metrodo-bg-cool),transparent 18%),radial-gradient(circle at 55% 100%,rgba(255,255,255,.06),transparent 22%);opacity:.95}.metrodo-shell:after{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:96px 96px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.58),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.58),transparent 92%);opacity:.32}.metrodo-chip{position:relative;overflow:hidden;border:1px solid var(--metrodo-panel-border);background:linear-gradient(180deg,#0a1922e0,#081118c7);box-shadow:var(--metrodo-shadow);color:var(--metrodo-text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.metrodo-chip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--metrodo-panel-highlight),transparent 45%,transparent 60%,rgba(255,255,255,.03));pointer-events:none}.metrodo-chip:hover{transform:translateY(-1px);border-color:#a7f3d06b;background:linear-gradient(180deg,#0d1f2aeb,#09141cd1);box-shadow:0 24px 48px #030a0e6b}.metrodo-chip__eyebrow{display:block;margin-bottom:.2rem;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--metrodo-text-soft)}.metrodo-chip__title{display:block;font-family:var(--metrodo-font-display);font-size:.95rem;font-weight:700;letter-spacing:.01em}@media(max-width:640px){.metrodo-chip__title{font-size:.82rem}}.metrodo-hud-panel{border:1px solid var(--metrodo-panel-border);background:linear-gradient(180deg,#0c1d27e6,#08141cc7),radial-gradient(circle at top left,rgba(255,255,255,.06),transparent 26%);box-shadow:var(--metrodo-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.metrodo-hud-brand{background:linear-gradient(135deg,#f59e0b,#f97316 42%,#14b8a6);box-shadow:0 12px 24px #0f172a42}.metrodo-stat-tile{border:1px solid rgba(173,230,218,.12);background:linear-gradient(180deg,#ffffff0e,#ffffff05),#08141c85;box-shadow:inset 0 1px #ffffff0f}.metrodo-stat-label{color:#eff7f694;font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.metrodo-stat-value{font-family:var(--metrodo-font-display);font-weight:700;letter-spacing:.01em}.metrodo-action-pill{border:1px solid rgba(173,230,218,.18);background:linear-gradient(180deg,#0e222ceb,#08141cd1);box-shadow:var(--metrodo-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.metrodo-action-pill:hover{transform:translateY(-1px);border-color:#ffffff2e;background:linear-gradient(180deg,#122832f5,#0a1820db)}.metrodo-action-pill--primary{border-color:#67e8f94d;background:linear-gradient(135deg,#0f766e,#0f766e 12%,#155e75 48%,#312e81);color:#fff}.metrodo-action-pill--primary:hover{border-color:#a5f3fc73;background:linear-gradient(135deg,#0d9488,#155e75 46%,#4338ca)}.metrodo-toast{border:1px solid rgba(251,191,36,.42);background:linear-gradient(180deg,#22180cf0,#15100ad6);color:#fffbeb;box-shadow:0 18px 30px #15100a57;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.metrodo-modal{border:1px solid rgba(173,230,218,.18);background:linear-gradient(180deg,#0a1820fa,#071218f5),radial-gradient(circle at top left,rgba(255,255,255,.04),transparent 24%);box-shadow:0 28px 56px #030a0e73}.metrodo-modal-header,.metrodo-modal-footer{background:linear-gradient(180deg,#ffffff0a,#ffffff04)}.metrodo-build-shell{border:2px solid rgba(251,191,36,.42);background:linear-gradient(180deg,#fff8e6fa,#f4e6c7eb);box-shadow:0 18px 34px #15100a3d}.metrodo-tool-button{border-width:1px;border-color:#ade6da29;background:linear-gradient(180deg,#10212af0,#0a151dd6),radial-gradient(circle at top,rgba(255,255,255,.06),transparent 42%);box-shadow:0 12px 20px #040a0e33}.metrodo-tool-button:hover{border-color:#ade6da5c;transform:translateY(-1px)}.metrodo-tool-button--selected{border-color:#67e8f999;background:linear-gradient(180deg,#164e63f0,#0f172aeb),radial-gradient(circle at top,rgba(255,255,255,.08),transparent 44%);box-shadow:0 16px 28px #082f4952}.metrodo-secondary-shell{border:1px solid rgba(173,230,218,.18);background:linear-gradient(180deg,#08141cfa,#071118f5),radial-gradient(circle at top left,rgba(255,255,255,.045),transparent 24%);box-shadow:0 30px 60px #030a0e80;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.metrodo-secondary-header{background:linear-gradient(90deg,#0a161ff5,#0c2e3db8,#141a33e0),radial-gradient(circle at top left,rgba(255,255,255,.05),transparent 24%)}.metrodo-secondary-banner{border:1px solid rgba(94,234,212,.18);background:linear-gradient(135deg,#0a242deb,#121c32e0),radial-gradient(circle at top left,rgba(255,255,255,.05),transparent 28%);box-shadow:0 18px 30px #040a0e47}.metrodo-secondary-card{border:1px solid rgba(173,230,218,.12);background:linear-gradient(180deg,#0e1d27e6,#08141cd1),radial-gradient(circle at top,rgba(255,255,255,.04),transparent 42%);box-shadow:0 14px 28px #040a0e2e}.metrodo-secondary-card--warm{border-color:#fbbf2433;background:linear-gradient(180deg,#2a1c0fd6,#12100ecc),radial-gradient(circle at top,rgba(255,251,235,.04),transparent 36%)}.metrodo-input{border:1px solid rgba(173,230,218,.16);background:linear-gradient(180deg,#060e14f0,#081118e6);color:var(--metrodo-text);box-shadow:inset 0 1px #ffffff0a;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.metrodo-input::placeholder{color:#eff7f657}.metrodo-input:focus{outline:none;border-color:#67e8f980;box-shadow:0 0 0 3px #22d3ee1f}@keyframes cozy-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.03)}}@keyframes cozy-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-cozy-breathe{animation:cozy-breathe 3.5s ease-in-out infinite}.animate-cozy-float{animation:cozy-float 4s ease-in-out infinite}