@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 50%;--chart-5:340 75% 55%;--radius:0.5rem}}@layer base{*{@apply border-border}body{@apply bg-background text-foreground}}:root{color-scheme:light;--bg:#f7f8fa;--surface:#fff;--surface-muted:#f2f4f7;--surface-strong:#ebedf0;--text:#111;--muted:#667085;--subtle:#98a2b3;--border:#e4e7ec;--border-strong:#d0d5dd;--accent:#111;--accent-muted:#f4f4f5;--success:#027a48;--focus:hsla(0,0%,7%,.12);--shadow:0 12px 30px rgba(16,24,40,.06)}*{box-sizing:border-box}body,html{background:var(--bg)}body{min-height:100vh;margin:0;color:var(--text);font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100vw - 40px));margin:0 auto;padding:24px 0}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:16px;padding:14px 0;background:rgba(247,248,250,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav,.nav strong{align-items:center}.nav strong{display:inline-flex;min-height:36px;color:var(--text);font-size:15px;font-weight:750;letter-spacing:-.01em}.nav-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:0 1px 2px rgba(16,24,40,.04)}.nav-actions a{padding:8px 12px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:600;transition:background .16s ease,color .16s ease}.nav-actions a:hover{background:var(--surface-muted);color:var(--text)}.language-switcher{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--border);border-radius:999px;background:var(--surface-muted)}.language-option{min-width:32px;height:28px;padding:0 9px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;font-weight:700;line-height:1;transition:background .16s ease,box-shadow .16s ease,color .16s ease}.language-option:hover{color:var(--text)}.language-option[aria-current=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(16,24,40,.08)}.language-option:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hero{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;margin:10px 0 14px}.panel,.panel-card{border:1px solid var(--border)!important;border-radius:20px!important;background:var(--surface)!important;box-shadow:var(--shadow)!important}.hero>div:first-child{min-width:0}.hero h1{max-width:780px;margin:0 0 6px;color:var(--text);font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:-.045em}.hero p{max-width:680px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}.eyebrow{margin:0;color:var(--subtle);font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.hero-card{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:36px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:0 1px 2px rgba(16,24,40,.04)}.hero-card strong{margin:0;color:var(--text);font-size:13px;line-height:1.2;letter-spacing:0}.hero-card small{margin:0;color:var(--muted);font-size:12px;font-weight:650}.workspace{display:grid;grid-template-columns:minmax(320px,400px) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:flex-start}.controls{position:-webkit-sticky;position:sticky;top:78px;overflow:hidden}.card-heading,.result-header{gap:8px;padding:22px 22px 16px!important}.card-heading h3,.result-header h3{color:var(--text)}.result-header{display:flex!important;flex-direction:row!important;align-items:flex-start;justify-content:space-between}.result-header h3{font-size:clamp(30px,4vw,44px)!important;line-height:.98!important;letter-spacing:-.055em!important}.stack{display:grid;grid-gap:15px;gap:15px;padding:0 22px 22px!important}.field{display:grid;grid-gap:7px;gap:7px}.field-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.augment-grid h2,.field label,.notes-panel h2,.result-section h2,.threat-block strong{color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.field input,select,textarea{width:100%;min-height:46px;padding:12px 13px;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--surface)!important;color:var(--text)!important;line-height:1.45;outline:none;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field input{height:auto!important}textarea{min-height:104px;resize:vertical}.field input::placeholder,textarea::placeholder{color:var(--subtle)}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px var(--focus)}.helper-text{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.text-button{border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;font-weight:700;padding:4px 0}.text-button:hover{color:var(--text)}.augment-picker-list{display:grid;grid-gap:12px;gap:12px;max-height:284px;overflow:auto;padding:4px;border:1px solid var(--border);border-radius:14px;background:var(--surface-muted)}.augment-picker-group{display:grid;grid-gap:7px;gap:7px}.augment-picker-group+.augment-picker-group{padding-top:10px;border-top:1px solid var(--border)}.augment-picker-group-title{position:-webkit-sticky;position:sticky;top:-4px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 5px;background:var(--surface-muted);color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.augment-picker-group-title span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:11px;letter-spacing:0}.augment-picker-option{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;width:100%;min-height:48px;padding:9px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer;font:inherit;text-align:left;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.augment-picker-option:hover{border-color:var(--border-strong);background:#fff;transform:translateY(-1px)}.augment-picker-option.is-selected{border-color:var(--accent);background:var(--accent-muted);box-shadow:inset 0 0 0 1px var(--accent),0 1px 2px rgba(16,24,40,.04)}.augment-picker-option span{min-width:0;overflow:hidden;font-size:13px;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.augment-picker-option small{color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.augment-picker-icon,.augment-picker-rarity{width:32px;height:32px;border-radius:10px;border:1px solid var(--border);background:#eef1f5}.augment-picker-icon{object-fit:cover}.augment-picker-rarity{display:grid;place-items:center;color:var(--text);font-size:12px;font-weight:800}.augment-picker-option:focus-visible,.text-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.actions,.role-options,.suggestions{display:flex;flex-wrap:wrap;gap:8px}.action-button,.chip-button,.selectable-option{height:auto!important;min-height:40px;padding:9px 14px!important;border:1px solid var(--border)!important;border-radius:999px!important;background:var(--surface)!important;color:var(--text)!important;line-height:1.35;white-space:normal!important;text-align:center;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:transform .16s ease,border-color .16s ease,background .16s ease}.action-button:hover,.chip-button:hover,.selectable-option:hover{transform:translateY(-1px);border-color:var(--border-strong)!important;background:var(--surface-muted)!important}.selectable-option{position:relative;cursor:pointer;font:inherit;font-size:13px;font-weight:650}.selectable-option.is-selected{border-color:var(--accent)!important;background:var(--accent-muted)!important;color:var(--text)!important;box-shadow:inset 0 0 0 1px var(--accent),0 1px 2px rgba(16,24,40,.04)}.selectable-option.is-selected:after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-radius:999px;background:var(--accent);vertical-align:middle}.selectable-option:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.action-button-primary{min-width:180px;border-color:var(--accent)!important;background:var(--accent)!important;color:#fff!important;font-weight:750!important;box-shadow:0 8px 20px hsla(0,0%,7%,.16)}.action-button-primary:hover{background:#27272a!important;border-color:#27272a!important}.subtle-button{min-height:38px;padding:8px 13px!important;color:var(--muted)!important;background:var(--surface-muted)!important}.cloud-actions{padding-top:13px;border-top:1px solid var(--border)}.status{margin:0;padding:11px 13px;border:1px solid #abefc6;border-radius:12px;background:#ecfdf3;color:var(--success);line-height:1.55}.threat-block{display:grid;grid-gap:10px;gap:10px}.threats{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.threats label{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 11px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted);font-size:13px;line-height:1.35;transition:border-color .16s ease,background .16s ease,color .16s ease}.threat-option{justify-content:flex-start;width:100%;min-height:42px!important;border-radius:12px!important;text-align:left}.result-content{display:grid;grid-gap:16px;gap:16px;padding:0 22px 22px!important}.augment-grid{display:grid;grid-gap:12px;gap:12px}.augment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.augment-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;min-height:68px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 1px 2px rgba(16,24,40,.04)}.augment-card strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.rank{display:inline-grid;width:38px;height:38px;place-items:center;color:var(--text);font-weight:750}.augment-icon,.rank{border:1px solid var(--border);border-radius:10px;background:var(--surface-muted)}.augment-icon{width:38px;height:38px;object-fit:cover}.archetype-badge,.score{display:inline-flex;align-items:center;justify-content:center;border-radius:999px!important;line-height:1.25;text-align:center}.score{padding:6px 9px;border:1px solid var(--border);color:var(--muted);font-size:12px;white-space:nowrap;background:var(--surface-muted)}.archetype-badge{min-height:30px;padding:6px 11px!important;border:1px solid var(--border)!important;background:var(--surface-muted)!important;color:var(--muted)!important;white-space:normal}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.notes-panel,.result-section{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface-muted)}.augment-grid h2,.notes-panel h2,.result-section h2{margin:0 0 10px}.result-section .item-list,.text-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.text-list li{padding:10px 11px;color:var(--muted);font-size:13px;line-height:1.55}.item-card,.text-list li{border:1px solid var(--border);border-radius:12px;background:var(--surface)}.item-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:9px}.item-icon{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);object-fit:cover}.item-card span{min-width:0}.item-card strong{color:var(--text);font-size:13px}.item-card small,.item-card strong{display:block;overflow:hidden;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.item-card small{margin-top:2px;color:var(--muted);font-size:12px}.item-card em{color:var(--subtle);font-size:12px;font-style:normal;font-weight:650}.notes-panel p,.result-section p{margin:0;color:var(--muted);line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:22px}.panel{padding:20px}@media (max-width:980px){.feature-grid,.workspace{grid-template-columns:1fr}.controls{position:static}}@media (max-width:680px){.shell{width:min(100% - 24px,1180px);padding:14px 0}.nav,.result-header{align-items:flex-start;flex-direction:column!important}.nav-actions{width:100%;border-radius:16px}.panel,.panel-card{border-radius:16px!important}.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:clamp(28px,10vw,40px)}.augment-list,.result-grid,.threats{grid-template-columns:1fr}.augment-card{grid-template-columns:auto minmax(0,1fr)}.augment-card .score{grid-column:2;width:-moz-fit-content;width:fit-content}}