@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-1\/2{top:50%}.z-\[100\]{z-index:100}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-\[260px\]{height:260px}.h-full{height:100%}.min-h-\[65px\]{min-height:65px}.min-h-screen{min-height:100vh}.w-auto{width:auto}.w-full{width:100%}.max-w-\[150px\]{max-width:150px}.min-w-\[128px\]{min-width:128px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-3{rotate:3deg}.cursor-crosshair{cursor:crosshair}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:16px}.rounded-3xl,.rounded-\[24px\]{border-radius:24px}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:12px}.rounded-tl-xl{border-top-left-radius:12px}.rounded-tr-xl{border-top-right-radius:12px}.rounded-br-xl{border-bottom-right-radius:12px}.rounded-bl-xl{border-bottom-left-radius:12px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[30px\]{border-style:var(--tw-border-style);border-width:30px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-HoRed{border-color:#ed1b24}.border-HoRed\/10{border-color:#ed1b241a}.border-HoRed\/20{border-color:#ed1b2433}.border-HoRed\/30{border-color:#ed1b244d}.border-HoRed\/50{border-color:#ed1b2480}.border-transparent{border-color:#0000}.border-t-HoRed{border-top-color:#ed1b24}.bg-HoBlack{background-color:#000}.bg-HoLightGray{background-color:#f8f8f8}.bg-HoRed{background-color:#ed1b24}.bg-HoRed\/5{background-color:#ed1b240d}.bg-HoRed\/10{background-color:#ed1b241a}.bg-HoRed\/50{background-color:#ed1b2480}.bg-HoRed\/\[0\.02\]{background-color:#ed1b2405}.bg-current{background-color:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.4em\]{--tw-tracking:.4em;letter-spacing:.4em}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-HoBlack{color:#000}.text-HoGray{color:#5b6474}.text-HoRed{color:#ed1b24}.uppercase{text-transform:uppercase}.opacity-50{opacity:.5}.opacity-\[0\.03\]{opacity:.03}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-premium{--tw-shadow:0 10px 30px -5px var(--tw-shadow-color,#0000001a), 0 4px 12px -5px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur-\[2px\]{--tw-blur:blur(2px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.brightness-50{--tw-brightness:brightness(50%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.contrast-150{--tw-contrast:contrast(150%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}.group-focus-within\:text-HoRed:is(:where(.group):focus-within *){color:#ed1b24}@media(hover:hover){.group-hover\:scale-150:is(:where(.group):hover *){--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:bg-HoRed:is(:where(.group):hover *){background-color:#ed1b24}.hover\:border-HoRed:hover{border-color:#ed1b24}.hover\:bg-HoBlack:hover{background-color:#000}.hover\:bg-HoRed-dark:hover{background-color:#c4141b}.hover\:text-HoRed:hover{color:#ed1b24}.hover\:shadow-premium-hover:hover{--tw-shadow:0 20px 40px -5px var(--tw-shadow-color,#00000026), 0 8px 16px -5px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-HoRed\/20:focus{border-color:#ed1b2433}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-HoRed:focus{--tw-ring-color:#ed1b24}.focus\:ring-HoRed\/20:focus{--tw-ring-color:oklab(60.2611% .209637 .106394/.2)}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}:root{--bg:#f8f8f8;--bg-accent:#fff;--surface:#fff;--text:#000;--muted:#5b6474;--primary:#ed1b24;--primary-strong:#c4141b;--danger:#9f1239;--warning:#fbbf24;--border:#e5e5e5;--radius-sm:8px;--radius-md:12px;--radius-lg:20px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg);color:var(--text);margin:0;font-family:Rubik,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:50;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.topbar h1{color:var(--text);margin:0;font-size:1.1rem;font-weight:700}.topbar p{color:var(--muted);margin:2px 0 0;font-size:.85rem}.main-nav{background:var(--surface);border-bottom:1px solid var(--border);scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.main-nav a{border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.main-nav a.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #ed1b2433}.nav-hint{opacity:.5;margin-inline-start:auto;font-size:.8rem}.content{flex:1;width:100%;max-width:600px;margin:0 auto;padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #0000000a}.card:active{transform:scale(.99)}.stack-large{gap:20px;display:grid}.stack-medium{gap:12px;display:grid}.row-gap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h2{margin:0;font-size:1.25rem;font-weight:700}input:not([class]),select:not([class]),textarea:not([class]){border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#fff;outline:none;width:100%;padding:12px;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:not([class]):focus,select:not([class]):focus{border-color:var(--primary);box-shadow:0 0 0 3px #ed1b241a}label:not([class]){color:#333;margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}button:not([class]){border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}button:not([class]):active{transform:scale(.96)}.primary-button{background:var(--primary);color:#fff}.primary-button:disabled{color:#999;cursor:not-allowed;background:#e5e5e5;transform:none}.danger-button{color:#fff;background:#000}.ghost-button{border:1.5px solid var(--border);color:var(--text);background:0 0}.error-text{color:var(--primary);margin-top:4px;font-size:.85rem}.metric-box{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:4px;padding:16px;display:flex}.metric-box h3{color:var(--muted);margin:0;font-size:.85rem;font-weight:500}.metric-box p{color:#000;margin:0;font-size:1.5rem;font-weight:800}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}@media(max-width:640px){.content{padding:12px}.card{border-radius:var(--radius-sm);padding:16px}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}