:root{--bg-primary:#ffffff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--bg-card:#ffffff;--bg-card-hover:#fafafa;--bg-input:#fafafa;--bg-elevated:#ffffff;--border:#e5e5e5;--border-subtle:#f0f0f0;--border-focus:#000000;--text-primary:#0a0a0a;--text-secondary:#525252;--text-muted:#a3a3a3;--text-inverse:#ffffff;--accent:#FF7722;--accent-hover:#e86010;--accent-light:rgba(255,119,34,0.08);--accent-glow:rgba(255,119,34,0.15);--success:#22c55e;--success-light:rgba(34,197,94,0.08);--warning:#eab308;--warning-light:rgba(234,179,8,0.08);--danger:#ef4444;--danger-light:rgba(239,68,68,0.06);--purple:#7c3aed;--purple-light:rgba(124,58,237,0.06);--teal:#0d9488;--teal-light:rgba(13,148,136,0.06);--blue:#2563eb;--blue-light:rgba(37,99,235,0.06);--profit:#22c55e;--profit-light:rgba(34,197,94,0.08);--loss:#ef4444;--loss-light:rgba(239,68,68,0.06);--gradient-primary:linear-gradient(135deg,#0a0a0a,#262626);--gradient-accent:linear-gradient(135deg,#FF7722,#e86010);--gradient-hero:linear-gradient(180deg,#fafafa,#ffffff);--gradient-card:none;--gradient-card-border:none;--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.06);--shadow-lg:0 8px 30px rgba(0,0,0,0.08);--shadow-xl:0 20px 60px rgba(0,0,0,0.1);--shadow-glow:none;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:all 0.12s ease;--transition:all 0.2s ease;--transition-slow:all 0.3s ease;--transition-spring:all 0.4s cubic-bezier(0.34,1.56,0.64,1);--btn-primary-bg:#0a0a0a;--btn-primary-text:#ffffff;--btn-primary-hover:#262626;--overlay-bg:rgba(0,0,0,0.5);--header-bg:rgba(255,255,255,0.92);--header-border:#e5e5e5;--mobile-menu-bg:rgba(255,255,255,0.98);--card-hover-border:#d4d4d4;--focus-ring:0 0 0 2px rgba(255,119,34,0.25);--input-shadow:none;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}html.dark-mode{--bg-primary:#161618;--bg-secondary:#1c1c1f;--bg-tertiary:#232326;--bg-card:#1c1c1f;--bg-card-hover:#28282c;--bg-input:#1c1c1f;--bg-elevated:#232326;--border:#2e2e32;--border-subtle:#252528;--border-focus:#ffffff;--text-primary:#fafafa;--text-secondary:#b0b0b4;--text-muted:#8b8b8f;--text-inverse:#0a0a0a;--accent:#FF7722;--accent-hover:#ff8c3f;--accent-light:rgba(255,119,34,0.1);--accent-glow:rgba(255,119,34,0.2);--success:#4ade80;--success-light:rgba(74,222,128,0.1);--warning:#facc15;--warning-light:rgba(250,204,21,0.1);--danger:#f87171;--danger-light:rgba(248,113,113,0.1);--purple:#a78bfa;--purple-light:rgba(167,139,250,0.1);--teal:#2dd4bf;--teal-light:rgba(45,212,191,0.1);--blue:#60a5fa;--blue-light:rgba(96,165,250,0.1);--profit:#4ade80;--profit-light:rgba(74,222,128,0.1);--loss:#f87171;--loss-light:rgba(248,113,113,0.1);--gradient-primary:linear-gradient(135deg,#fafafa,#d4d4d4);--gradient-accent:linear-gradient(135deg,#FF7722,#ff8c3f);--gradient-hero:linear-gradient(180deg,#0a0a0a,#141414);--gradient-card:none;--gradient-card-border:none;--shadow-xs:0 1px 2px rgba(0,0,0,0.3);--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 30px rgba(0,0,0,0.5);--shadow-xl:0 20px 60px rgba(0,0,0,0.6);--shadow-glow:none;--btn-primary-bg:#FF7722;--btn-primary-text:#0a0a0a;--btn-primary-hover:#ff8c3f;--overlay-bg:rgba(0,0,0,0.7);--header-bg:rgba(10,10,10,0.92);--header-border:#262626;--mobile-menu-bg:rgba(10,10,10,0.98);--card-hover-border:#404040;--focus-ring:0 0 0 2px rgba(255,119,34,0.3);--input-shadow:none;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23525252' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body),var(--font-kr),var(--font-jp),var(--font-sc),var(--font-he),var(--font-ar),var(--font-hi),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1{font-family:var(--font-display),var(--font-display-kr),var(--font-kr),Georgia,serif;font-weight:700}h2,h3,h4,h5,h6{font-family:var(--font-heading),var(--font-kr),var(--font-jp),var(--font-sc),var(--font-he),var(--font-ar),var(--font-hi),sans-serif;font-weight:800}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent);color:var(--text-inverse)}a{color:var(--text-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--text-secondary)}button{cursor:pointer;font-family:inherit;border:none;background:none}.container{margin:0 auto;padding:0 3rem}@media (max-width:768px){.container{padding:0 1rem}}.display-font{font-family:var(--font-display),var(--font-display-kr),var(--font-kr),Georgia,serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}input,select,textarea{font-family:inherit;font-size:.875rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;outline:none;transition:var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:var(--text-primary);box-shadow:var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:var(--transition)}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:transparent;color:var(--text-primary);font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:var(--transition)}.btn-secondary:hover{border-color:var(--text-primary);background:var(--bg-secondary)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:transparent;color:var(--danger);font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--danger);cursor:pointer;transition:var(--transition)}.btn-danger:hover{background:var(--danger);color:white}.toast-container{position:fixed;top:80px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 20px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:slideDown .2s ease;max-width:360px;background:var(--bg-elevated)}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--radius-sm)}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--text-primary);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.spinner-lg{width:28px;height:28px;border-width:2.5px}.main-content{min-height:calc(100vh - 64px)}@media (max-width:768px){.main-content{padding-bottom:72px}}