@charset "UTF-8";:root{--green-900: #0A3D26;--green-800: #0F5132;--green-700: #146C3A;--green-600: #198754;--green-500: #2BA76A;--green-400: #5DC48F;--green-100: #D7EFDF;--green-50: #EAF7EE;--gold-500: #F2C94C;--gold-400: #F7D778;--gold-100: #FCF0C7;--red-500: #DC2626;--red-100: #FEE2E2;--red-50: #FEF2F2;--orange-500: #EA580C;--orange-100: #FFEDD5;--blue-500: #2563EB;--blue-100: #DBEAFE;--purple-500: #7C3AED;--purple-100: #EDE9FE;--bg: #F7F7F2;--bg-card: #FFFFFF;--bg-soft: #EFEFE8;--border: #E3E3DC;--border-strong: #CFCFC6;--text: #1A1F1C;--text-muted: #5B6360;--text-subtle: #8A908C;--shadow-sm: 0 1px 2px rgba(15,81,50,.04), 0 1px 3px rgba(15,81,50,.06);--shadow-md: 0 4px 12px rgba(15,81,50,.06), 0 2px 4px rgba(15,81,50,.04);--shadow-lg: 0 12px 28px rgba(15,81,50,.1), 0 4px 10px rgba(15,81,50,.05);--shadow-xl: 0 24px 60px rgba(15,81,50,.14), 0 8px 16px rgba(15,81,50,.06);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--font-scale: 1;--density: 1;--fs-xs: calc(12px * var(--font-scale));--fs-sm: calc(14px * var(--font-scale));--fs-base: calc(16px * var(--font-scale));--fs-lg: calc(18px * var(--font-scale));--fs-xl: calc(22px * var(--font-scale));--fs-2xl: calc(28px * var(--font-scale));--fs-3xl: calc(36px * var(--font-scale));--fs-4xl: calc(48px * var(--font-scale));--sp-1: calc(4px * var(--density));--sp-2: calc(8px * var(--density));--sp-3: calc(12px * var(--density));--sp-4: calc(16px * var(--density));--sp-5: calc(20px * var(--density));--sp-6: calc(24px * var(--density));--sp-8: calc(32px * var(--density));--font-sans: "Geist", "Inter", -apple-system, system-ui, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}html[data-theme=dark]{--bg: #0E1512;--bg-card: #151C18;--bg-soft: #1C2520;--border: #2A332E;--border-strong: #3A453E;--text: #E8EDE9;--text-muted: #9AA39E;--text-subtle: #6C7570;--green-100: #1A3D28;--green-50: #142D1D;--gold-100: #3D3520;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.35);--shadow-lg: 0 12px 28px rgba(0,0,0,.45);--shadow-xl: 0 24px 60px rgba(0,0,0,.55)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5;letter-spacing:-.005em}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.tabular{font-variant-numeric:tabular-nums}.clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:calc(var(--sp-3) + 2px) var(--sp-5);min-height:48px;border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:550;transition:transform .15s var(--ease-out),background .2s,box-shadow .2s,color .2s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--green-800);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--green-700);box-shadow:var(--shadow-md)}.btn-gold{background:var(--gold-500);color:var(--green-900)}.btn-gold:hover:not(:disabled){background:var(--gold-400)}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--bg-soft)}.btn-ghost svg{stroke:currentColor;color:inherit}.btn-outline{border:1.5px solid var(--border-strong);background:var(--bg-card);color:var(--text)}.btn-outline:hover:not(:disabled){background:var(--bg-soft);border-color:var(--green-700);color:var(--green-800)}.btn-danger{background:var(--red-500);color:#fff}.btn-sm{min-height:36px;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);border-radius:var(--radius-sm)}.btn-lg{min-height:60px;padding:var(--sp-4) var(--sp-8);font-size:var(--fs-lg);border-radius:var(--radius-lg)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-md)}.input{width:100%;padding:var(--sp-3) var(--sp-4);min-height:52px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:var(--fs-base);color:var(--text);transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--green-600);box-shadow:0 0 0 4px var(--green-100)}.input::placeholder{color:var(--text-subtle)}.input-label{display:block;font-size:var(--fs-sm);font-weight:550;color:var(--text-muted);margin-bottom:var(--sp-2)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;line-height:1.4;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%}.badge-green{background:var(--green-100);color:var(--green-800)}.badge-green .badge-dot{background:var(--green-600)}.badge-gold{background:var(--gold-100);color:#8b6914}.badge-gold .badge-dot{background:var(--gold-500)}.badge-blue{background:var(--blue-100);color:#1e40af}.badge-blue .badge-dot{background:var(--blue-500)}.badge-red{background:var(--red-100);color:#b91c1c}.badge-red .badge-dot{background:var(--red-500)}.badge-orange{background:var(--orange-100);color:#9a3412}.badge-orange .badge-dot{background:var(--orange-500)}.badge-purple{background:var(--purple-100);color:#5b21b6}.badge-purple .badge-dot{background:var(--purple-500)}.badge-gray{background:var(--bg-soft);color:var(--text-muted)}.badge-gray .badge-dot{background:var(--text-subtle)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlow{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .4s var(--ease-out) both}.fade-in-up{animation:fadeInUp .5s var(--ease-out) both}.scale-in{animation:scaleIn .3s var(--ease-spring) both}.slide-right{animation:slideRight .35s var(--ease-out) both}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}*:focus-visible{outline:3px solid var(--green-500);outline-offset:2px}.tl{position:relative;padding-left:48px}.tl-line{position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--border);border-radius:1px}.tl-item{position:relative;padding:18px 0}.tl-dot{position:absolute;left:-47px;top:22px;width:18px;height:18px;border-radius:50%;background:var(--bg);border:3px solid var(--green-600);box-shadow:0 0 0 4px var(--bg);z-index:1}.tl-dot.tl-dot-gold{border-color:var(--gold-500);background:var(--gold-100)}.tl-dot.tl-dot-blue{border-color:var(--blue-500);background:var(--blue-100)}.tl-dot.tl-dot-red{border-color:var(--red-500);background:var(--red-100)}.tl-dot.tl-dot-system{border-color:var(--green-800);background:var(--green-800)}@media(max-width:768px){.btn{min-height:44px;padding:10px 16px;font-size:var(--fs-sm)}.btn-sm{min-height:36px;padding:6px 12px}.btn-lg{min-height:52px;padding:14px 24px;font-size:var(--fs-base)}.btn-icon{width:40px;height:40px;padding:0}.input{min-height:44px;padding:10px 14px}body{font-size:var(--fs-sm)}}