:root{--bg-base: #000000;--bg-surface: #1C1C1E;--bg-card: #1C1C1E;--bg-card-hover: #2C2C2E;--overlay: rgba(0, 0, 0, .6);--border: #38383A;--border-strong: #48484A;--text-primary: #FFFFFF;--text-secondary: rgba(235, 235, 245, .6);--text-muted: rgba(235, 235, 245, .3);--text-disabled: rgba(235, 235, 245, .18);--accent: #8C1D26;--accent-hover: #A32430;--accent-active: #741620;--accent-text: #FF6B75;--select: #0A84FF;--select-soft: rgba(10, 132, 255, .18);--success: #30D158;--warning: #FF9F0A;--error: #FF453A;--info: #64D2FF;--focus-ring: rgba(10, 132, 255, .5);--selection: rgba(10, 132, 255, .26);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px;--shadow-pop: 0 12px 40px rgba(0, 0, 0, .6), 0 2px 10px rgba(0, 0, 0, .4);--shadow-card: 0 1px 3px rgba(0, 0, 0, .35);--font-sys: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif;--font-num: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;--material-bar: rgba(28, 28, 30, .72);--material-blur: saturate(180%) blur(20px);--glow-top: 0 0 12px rgba(255, 255, 255, .4);--ease: cubic-bezier(.2, .7, .2, 1);--dur-fast: .13s;--dur: .18s;--dur-slow: .26s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sys);background:var(--bg-base);color:var(--text-primary);min-height:100vh;font-size:15px;line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--selection);color:var(--text-primary)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:3px}:focus:not(:focus-visible){outline:none}input,select,textarea{font-family:inherit;font-size:15px;line-height:1.5;background:#2c2c2e;color:var(--text-primary);border:1px solid transparent;border-radius:var(--radius-md);padding:11px 13px;width:100%;outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--select);box-shadow:0 0 0 3.5px var(--focus-ring)}input[readonly],input[readonly]:focus{background:var(--bg-surface);color:var(--text-secondary);cursor:default;border-color:transparent;box-shadow:none}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}select option{background:var(--bg-surface)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.02em}.num-hero{font-size:48px;font-weight:700;line-height:1.05}.num-lg{font-size:34px;font-weight:700;line-height:1.1}.num-md{font-size:24px;font-weight:700;line-height:1.15}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-card)}.card--win{border:1px solid rgba(255,107,117,.35);box-shadow:var(--shadow-card)}.meter{height:6px;border-radius:var(--radius-pill);overflow:hidden;background:#7878803d}.meter>i{display:block;height:100%;border-radius:var(--radius-pill);transition:width var(--dur-slow) var(--ease)}.meter>i.fill-on{background:var(--success)}.meter>i.fill-mid{background:#ebebf559}.meter>i.fill-win{background:var(--accent)}.card--interactive{cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.card--interactive:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.card--interactive:active{transform:translateY(1px)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--text-muted);text-transform:uppercase;line-height:1.4}.divider{height:1px;background:var(--border);border:0;margin:var(--space-4) 0}.pop{box-shadow:var(--shadow-pop)}h1,h2,h3{text-wrap:balance;line-height:1.35}.ui-btn:not(:disabled):active{transform:translateY(1px)}.ui-btn--primary:not(:disabled):hover{background:var(--accent-hover)!important}.ui-btn--primary:not(:disabled):active{background:var(--accent-active)!important}.ui-btn--secondary:not(:disabled):hover{background:var(--bg-card-hover)!important;border-color:var(--border-strong)!important}.ui-btn--ghost:not(:disabled):hover{background:#ffffff0f!important;color:var(--text-primary)!important}.ui-btn--danger:not(:disabled):hover{background:#ff453a1f!important}.nav-item{transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav-item:hover{background:#ffffff0d!important;color:var(--text-primary)!important}.ui-spin{animation:ui-spin .9s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ui-spin{animation-duration:2.4s}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,#2C2C2E 50%,var(--bg-card) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.fade-in{animation:fade-in .2s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.fade-in{animation:none}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@media(max-width:640px){body{font-size:13px}input,select,textarea{font-size:16px}.form-container{max-width:100%!important}.main-content{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important;padding-left:calc(12px + env(safe-area-inset-left))!important;padding-right:calc(12px + env(safe-area-inset-right))!important}}