:root{--ink: #0c0d11;--panel: #14151b;--panel-2: #1a1c24;--panel-3: #212430;--line: #2a2d38;--line-soft: #202330;--parch: #e9e4d6;--text: #e4e2da;--dim: #a49f92;--muted: #8c8578;--gold: #caa14e;--gold-bright: #e3c072;--gold-dim: #9a7d3c;--crimson: #c9433f;--crimson-dim: #a3332f;--aether: #46b3a4;--aether-dim: #368b7f;--silver: #a6adb6;--copper: #bb7644;--win: #4db38f;--loss: #d05450;--radius: 12px;--radius-sm: 8px;--display: "Cinzel", Georgia, "Times New Roman", serif;--body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", "Roboto Mono", monospace;--shadow: 0 12px 30px -18px rgba(0, 0, 0, .8)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1100px 460px at 50% -220px,rgba(202,161,78,.09),transparent 70%),radial-gradient(900px 500px at 100% 0,rgba(201,67,63,.06),transparent 60%),var(--ink);font-family:var(--body);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}a{color:var(--gold)}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.num,.coins,.stat-value,.bigstat-num,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.brand-name,.card-title,.onboarding-title,.auth-title{font-family:var(--display)}.btn{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-3),#191b22);color:var(--text);padding:9px 15px;min-height:40px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:border-color .15s,background .15s,transform .05s,opacity .15s}.btn:hover:not(:disabled){border-color:#414656}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--crimson),var(--crimson-dim));border-color:var(--crimson-dim);color:#fff}.btn-primary:hover:not(:disabled){border-color:var(--crimson)}.btn-outline{background:transparent}.btn-ghost{background:#caa14e14;border-color:#caa14e59;color:var(--gold-bright)}.btn-ghost:hover:not(:disabled){border-color:var(--gold);background:#caa14e24}.btn-block{width:100%}.auth-screen,.fullscreen-center{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:410px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px;box-shadow:var(--shadow);position:relative}.auth-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:var(--radius) var(--radius) 0 0;opacity:.7}.brand-mark{display:flex;align-items:center;gap:11px}.brand-dot{width:15px;height:15px;transform:rotate(45deg);background:linear-gradient(135deg,var(--crimson),var(--gold));border:1px solid var(--gold);box-shadow:0 0 14px #caa14e80;flex:none}.brand-name{font-size:18px;font-weight:700;letter-spacing:.02em;color:var(--parch)}.auth-tag{color:var(--dim);margin:14px 0 22px;font-size:13px}.auth-toggle{display:flex;gap:4px;background:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:4px;margin-bottom:18px}.auth-toggle button{flex:1;border:none;background:transparent;color:var(--dim);padding:9px;min-height:38px;border-radius:6px;font-size:13px;font-weight:600}.auth-toggle button.active{background:var(--panel-3);color:var(--parch)}.auth-form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:12px;color:var(--dim)}input,.inline-form input{background:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);padding:11px 12px;font-size:14px;font-family:inherit;width:100%}input:focus{outline:none;border-color:var(--gold-dim);box-shadow:0 0 0 3px #caa14e1f}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 22px;background:linear-gradient(180deg,#14151bf5,#0e0f13f5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);box-shadow:0 1px #caa14e1f;position:sticky;top:0;z-index:20}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px;min-width:0}.account-name{padding:4px 11px;border:1px solid rgba(202,161,78,.35);border-radius:20px;font-size:12px;font-weight:600;color:var(--gold-bright);background:#caa14e17;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.refresh-meta{font-size:12px;color:var(--muted);white-space:nowrap}.user-email{font-size:12px;color:var(--dim);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-error{background:#c9433f24;border-bottom:1px solid var(--crimson-dim);color:#f0b5b5;padding:9px 22px;font-size:13px}.app-main{flex:1;padding:22px;max-width:1200px;width:100%;margin:0 auto}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{border:none;background:transparent;color:var(--dim);padding:11px 20px;min-height:44px;font-family:var(--display);font-size:14px;font-weight:600;letter-spacing:.02em;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .15s}.tabs button:hover{color:var(--parch)}.tabs button.active{color:var(--gold-bright);border-bottom-color:var(--gold)}.tab-grid{display:flex;flex-direction:column;gap:16px}.split-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;row-gap:8px;flex-wrap:wrap;margin-bottom:15px;padding-bottom:11px;border-bottom:1px solid var(--line-soft)}.card-title{font-size:14px;font-weight:600;letter-spacing:.03em;color:var(--parch);display:flex;align-items:center;gap:9px}.card-title:before{content:"";width:6px;height:6px;transform:rotate(45deg);background:var(--gold);flex:none}.card-head-btn{flex:1 1 auto;display:flex;align-items:center;gap:9px;min-width:0;margin:0;padding:0;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.card-head-btn .card-title{min-width:0}.card-head-btn:hover .card-title{color:var(--gold-bright)}.card-head-btn:focus-visible{outline:2px solid var(--gold-dim);outline-offset:3px;border-radius:var(--radius-sm)}.collapse-caret{display:inline-block;margin-left:auto;color:var(--muted);font-size:12px;line-height:1;transition:transform .2s ease}.collapse-caret.closed{transform:rotate(-90deg)}.card-collapsed .card-head{margin-bottom:0;padding-bottom:0;border-bottom:none}.mini-head{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:9px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat{background:var(--panel-3);border:1px solid var(--line-soft);border-left:2px solid var(--gold-dim);border-radius:var(--radius-sm);padding:13px 15px}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.stat-value{font-size:24px;font-weight:600;margin-top:5px;color:var(--parch)}.stat-sub{font-size:12px;color:var(--dim);margin-top:2px}.stat-gold{border-left-color:var(--gold)}.stat-gold .stat-value{color:var(--gold-bright)}.stat-red{border-left-color:var(--crimson)}.stat-red .stat-value{color:var(--loss)}.bigstat{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.bigstat-num{font-size:38px;font-weight:700;letter-spacing:-.02em;color:var(--parch);line-height:1.05}.bigstat-wl{font-size:15px;color:var(--dim)}.win{color:var(--win)}.loss{color:var(--loss)}.coin-gold-text{color:var(--gold-bright)}.coins{white-space:nowrap}.coin-g{color:var(--gold-bright)}.coin-s{color:var(--silver)}.coin-c{color:var(--copper)}.coin-l{font-size:.8em;opacity:.75}.coins.muted{color:var(--muted)}.tilt-alert{background:#c9433f21;border:1px solid var(--crimson-dim);border-left:3px solid var(--crimson);border-radius:var(--radius-sm);padding:14px 17px}.tilt-title{font-family:var(--display);font-weight:700;color:var(--loss);margin-bottom:3px;letter-spacing:.02em}.tilt-alert p{margin:0;color:#f1cccb;font-size:13px}.coach-card,.highlight-card{position:relative}.coach-card{border-color:#caa14e66;background:linear-gradient(180deg,rgba(202,161,78,.06),var(--panel))}.coach-card:before,.highlight-card:before,.coach-card:after,.highlight-card:after{content:"";position:absolute;width:13px;height:13px;border:1.5px solid var(--gold);opacity:.55;pointer-events:none}.coach-card:before,.highlight-card:before{top:8px;left:8px;border-right:none;border-bottom:none}.coach-card:after,.highlight-card:after{bottom:8px;right:8px;border-left:none;border-top:none}.coach-text{white-space:pre-wrap;color:var(--text);font-size:14px;line-height:1.6}.coach-src{margin-top:12px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.holdings,.table-wrap+.table-wrap{margin-top:12px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:9px 11px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:9px 11px;border-bottom:1px solid var(--line-soft);white-space:nowrap}.data-table tbody tr:hover td,.data-table tr:hover td{background:#ffffff04}.data-table tr:last-child td{border-bottom:none}.data-table .num{text-align:right}.pill{display:inline-block;padding:2px 9px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.02em}.pill-win{background:#4db38f29;color:var(--win)}.pill-loss{background:#d0545029;color:var(--loss)}.spark{display:block}.chart-empty{color:var(--muted);font-size:13px;padding:16px 0;text-align:center}.chart-foot{font-size:11px;color:var(--muted);margin-top:8px}.top-flips-meta{font-size:12px;margin-bottom:10px}.barchart{display:flex;align-items:flex-end;gap:4px}.barchart-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;min-width:8px}.barchart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.barchart-bar{width:72%;min-height:2px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--gold-bright),var(--gold-dim))}.barchart-xlabel{font-size:11px;color:var(--dim);margin-top:4px;font-family:var(--mono)}.barlist{display:flex;flex-direction:column;gap:9px}.barlist-row{display:grid;grid-template-columns:116px 1fr auto;align-items:center;gap:10px}.barlist-label{font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.barlist-track{height:8px;background:var(--ink);border-radius:4px;overflow:hidden}.barlist-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--gold-dim),var(--gold-bright))}.barlist-value{font-family:var(--mono);font-size:12px;min-width:44px;text-align:right;color:var(--parch)}.barlist-count{color:var(--muted);font-size:11px}.pbar-row{margin:7px 0}.pbar-label{font-size:12px;color:var(--dim);margin-bottom:5px}.pbar-track{height:9px;background:var(--ink);border-radius:5px;overflow:hidden}.pbar-fill{height:100%;border-radius:5px}.pbar-gold{background:linear-gradient(90deg,var(--gold-dim),var(--gold-bright))}.pbar-red{background:var(--crimson)}.pbar-green{background:linear-gradient(90deg,var(--aether-dim),var(--aether))}.onboarding{display:flex;justify-content:center}.onboarding-inner{width:100%;max-width:640px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);position:relative}.onboarding-inner:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7}.onboarding-title{font-size:27px;font-weight:700;letter-spacing:.01em;color:var(--parch)}.onboarding-lead{color:var(--dim);margin:11px 0 24px}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}.step{display:flex;gap:14px;align-items:flex-start}.step-num{flex:none;width:30px;height:30px;border-radius:8px;background:var(--panel-3);border:1px solid var(--gold-dim);display:flex;align-items:center;justify-content:center;color:var(--gold-bright);font-family:var(--mono);font-weight:700;font-size:13px;box-shadow:inset 0 0 0 1px #caa14e1f}.step-body{padding-top:4px;font-size:14px}.link-out{display:inline-block;margin-top:4px;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(202,161,78,.4)}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:16px;border:1px solid var(--line);background:var(--panel-3);font-size:12px;font-family:var(--mono)}.chip-checked{border-color:var(--gold-dim);color:var(--gold-bright);background:#caa14e17}.chip-checked:before{content:"✓";font-size:11px}.key-form{margin-top:24px;display:flex;flex-direction:column;gap:12px;padding-top:22px;border-top:1px solid var(--line)}.reassure{font-size:12px;color:var(--muted);margin:0}.error-note{background:#c9433f1a;border:1px solid var(--crimson-dim);color:#f0b5b5;padding:9px 13px;border-radius:var(--radius-sm);font-size:13px}.skipped-note{background:var(--panel-3);border:1px dashed var(--line);color:var(--dim);padding:9px 13px;border-radius:var(--radius-sm);font-size:13px}.spinner-wrap{display:flex;align-items:center;gap:10px;padding:16px 0;color:var(--dim);font-size:13px}.spinner{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--gold);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}.spinner-sm{width:13px;height:13px}@keyframes spin{to{transform:rotate(360deg)}}.toggle-group,.inline-input{display:inline-flex;align-items:center}.toggle-group{background:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:3px;gap:3px}.toggle-group button{border:none;background:transparent;color:var(--dim);padding:6px 13px;min-height:32px;border-radius:6px;font-size:12px;font-weight:600}.toggle-group button.active{background:var(--panel-3);color:var(--gold-bright)}.inline-input{gap:8px;font-size:12px;color:var(--dim)}.inline-input input{width:100px;padding:7px 9px}.inline-form{display:flex;gap:8px;margin-bottom:12px}.inline-form input{max-width:220px}.exchange{display:flex;flex-direction:column;gap:10px}.exchange-row{display:flex;flex-direction:column;gap:2px;font-size:13px;padding:9px 0;border-bottom:1px solid var(--line-soft)}.exchange-row:last-child{border-bottom:none}.wallet-list{display:flex;flex-direction:column;gap:2px;margin-top:14px}.wallet-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;padding:8px 0;border-bottom:1px solid var(--line-soft)}.wallet-row:last-child{border-bottom:none}.wallet-name{display:flex;align-items:center;gap:8px;color:var(--dim)}.wallet-icon{width:16px;height:16px;border-radius:3px;flex-shrink:0}.wallet-val{color:var(--text)}.craft-result{margin-top:14px}.craft-name{font-weight:600;margin-bottom:11px;color:var(--parch)}.craft-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;flex-wrap:wrap}.highlight-card{border-color:#caa14e66}.nearly-list{display:flex;flex-direction:column;gap:15px}.nearly-item{padding-bottom:13px;border-bottom:1px solid var(--line-soft)}.nearly-item:last-child{border-bottom:none;padding-bottom:0}.nearly-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.nearly-name{font-weight:600;font-size:14px;color:var(--parch)}.nearly-pct{font-family:var(--mono);color:var(--gold-bright);font-weight:600}.nearly-foot{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:12px;flex-wrap:wrap}.nearly-meta{font-family:var(--mono);color:var(--dim)}.acclaim{color:var(--gold-bright);font-size:11px;font-family:var(--mono)}.mastery-list,.obj-block{display:flex;flex-direction:column;gap:11px}.mastery-row{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:10px}.mastery-region{font-size:12px;color:var(--dim)}.mastery-num{font-family:var(--mono);font-size:12px;color:var(--dim)}.obj-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.checklist{list-style:none;margin:9px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.check-item{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;padding:7px 0;border-bottom:1px solid var(--line-soft)}.check-item:last-child{border-bottom:none}.check-item.done .check-title{color:var(--muted);text-decoration:line-through}.check-box{flex:none;width:17px;height:17px;border-radius:4px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--aether)}.check-box.checked{border-color:var(--aether);background:#46b3a424}.check-title{flex:1;min-width:120px}.check-prog{font-family:var(--mono);font-size:11px;color:var(--dim)}.track-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.04em}.track-pve{background:#46b3a429;color:var(--aether)}.track-pvp{background:#c9433f29;color:var(--loss)}.track-wvw{background:#caa14e29;color:var(--gold-bright)}.acct-menu{position:relative}.acct-trigger{cursor:pointer;display:inline-flex;align-items:center;gap:6px}.acct-caret{font-size:10px;opacity:.8}.acct-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:6px;z-index:40}.acct-row{display:flex;align-items:center;gap:4px}.acct-item{flex:1;display:flex;align-items:center;gap:8px;border:none;background:transparent;color:var(--text);padding:8px 10px;border-radius:6px;font-size:13px;text-align:left}.acct-item:hover:not(:disabled){background:var(--panel-3)}.acct-item.active{color:var(--gold-bright)}.acct-check{width:12px;color:var(--gold)}.acct-del{border:none;background:transparent;color:var(--muted);padding:6px 8px;border-radius:6px;font-size:12px}.acct-del:hover:not(:disabled){color:var(--loss);background:#d054501f}.acct-add{width:100%;border:none;background:transparent;color:var(--gold-bright);padding:9px 10px;border-radius:6px;font-size:13px;font-weight:600;text-align:left;margin-top:4px;border-top:1px solid var(--line-soft)}.acct-add:hover:not(:disabled){background:#caa14e1a}.acct-error{color:var(--loss);font-size:12px;padding:6px 10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:100}.modal-body{position:relative;width:100%;max-width:660px}.modal-close{position:absolute;top:-6px;right:-6px;z-index:2;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--panel-3);color:var(--text);font-size:13px}.modal-close:hover{border-color:var(--loss);color:var(--loss)}@media (max-width: 960px){.split-2{grid-template-columns:1fr}.app-main{padding:18px}}@media (max-width: 640px){body{font-size:13.5px}.topbar{flex-direction:column;align-items:stretch;gap:10px;padding:11px 14px}.topbar-left{justify-content:space-between}.topbar-right{justify-content:space-between;flex-wrap:wrap;gap:8px}.user-email{display:none}.app-main{padding:14px}.tabs{margin-bottom:18px}.tabs button{padding:11px 16px}.card{padding:15px}.stat-row{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px}.stat-value{font-size:21px}.bigstat-num{font-size:31px}.barlist-row{grid-template-columns:84px 1fr auto}.mastery-row{grid-template-columns:78px 1fr auto}.onboarding-inner{padding:22px 18px}.onboarding-title{font-size:22px}.inline-form input{max-width:none;flex:1}}@media (max-width: 400px){.account-name{max-width:120px}.bigstat-num{font-size:27px}.stat-row{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}