@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f4f7fb;--bg-soft: #e8eef7;--surface: #ffffff;--surface-2: #edf3fb;--card: rgba(255, 255, 255, .88);--card-hover: rgba(255, 255, 255, .96);--card-hi: rgba(245, 249, 255, .96);--border: rgba(30, 54, 92, .12);--border-md: rgba(30, 54, 92, .2);--border-hi: rgba(30, 54, 92, .32);--primary: #ce7a3f;--primary-2: #e6a35e;--primary-dim: #ac6232;--primary-glow: rgba(206, 122, 63, .22);--primary-bg: rgba(206, 122, 63, .11);--primary-bg2: rgba(206, 122, 63, .18);--primary-grad: linear-gradient(135deg, #ce7a3f 0%, #e6a35e 100%);--teal: #239f8f;--teal-2: #188476;--teal-glow: rgba(35, 159, 143, .2);--teal-bg: rgba(35, 159, 143, .12);--teal-bg2: rgba(35, 159, 143, .18);--green: #249a5b;--green-bg: rgba(36, 154, 91, .12);--red: #d45365;--red-bg: rgba(212, 83, 101, .12);--amber: #c4832f;--amber-bg: rgba(196, 131, 47, .12);--amber-bg2: rgba(196, 131, 47, .18);--blue: #2f77b0;--blue-bg: rgba(47, 119, 176, .12);--gold: #c4832f;--gold-dim: #98611f;--gold-bg: rgba(196, 131, 47, .12);--gold-bg2: rgba(196, 131, 47, .18);--text: #1d2d44;--text-2: #4b6180;--text-3: #7388a5;--text-inv: #f4f7fb;--font-head: "Sora", sans-serif;--font-body: "Manrope", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--radius-xl: 26px;--shadow: 0 10px 30px rgba(20, 38, 64, .1);--shadow-lg: 0 24px 58px rgba(16, 31, 53, .14);--shadow-primary: 0 10px 30px rgba(206, 122, 63, .25);--shadow-teal: 0 8px 24px rgba(35, 159, 143, .2);--shadow-card: 0 10px 24px rgba(16, 31, 53, .1);--app-bg-gradient: radial-gradient(circle at 8% 7%, rgba(47, 119, 176, .12) 0%, rgba(47, 119, 176, 0) 36%), radial-gradient(circle at 88% 4%, rgba(206, 122, 63, .1) 0%, rgba(206, 122, 63, 0) 42%), linear-gradient(145deg, #f7f9fc 0%, #f0f4fb 52%, #eaf1fb 100%);--scroll-thumb: rgba(100, 124, 156, .28);--scroll-thumb-hover: rgba(91, 114, 147, .44);--sidebar-grad: linear-gradient(180deg, rgba(243, 248, 255, .98) 0%, rgba(236, 243, 253, .98) 100%);--sidebar-glow-1: radial-gradient(circle, rgba(47, 119, 176, .12) 0%, rgba(47, 119, 176, 0) 68%);--sidebar-glow-2: radial-gradient(circle, rgba(206, 122, 63, .12) 0%, rgba(206, 122, 63, 0) 74%);--nav-hover-bg: rgba(47, 119, 176, .08);--nav-hover-border: rgba(47, 119, 176, .16);--nav-active-bg: linear-gradient(135deg, rgba(206, 122, 63, .18), rgba(47, 119, 176, .14));--nav-active-color: #14304f;--nav-active-border: rgba(196, 131, 47, .38);--nav-active-shadow: inset 0 0 24px rgba(206, 122, 63, .1);--focus-ring: rgba(196, 131, 47, .9);--link-focus-ring: rgba(47, 119, 176, .92);--stat-card-bg: linear-gradient(160deg, rgba(255, 255, 255, .95), rgba(245, 249, 255, .96));--stat-card-hover-shadow: 0 18px 34px rgba(16, 31, 53, .16);--field-bg: rgba(255, 255, 255, .86);--field-bg-focus: rgba(255, 255, 255, .98);--field-select-option-bg: #ffffff;--field-focus-border: rgba(196, 131, 47, .52);--field-focus-shadow: 0 0 0 3px rgba(206, 122, 63, .18);--plat-bg: rgba(255, 255, 255, .88);--plat-hover-bg: rgba(230, 238, 248, .7);--plat-active-bg: linear-gradient(135deg, rgba(206, 122, 63, .16), rgba(47, 119, 176, .12));--plat-active-color: #173353;--plat-active-border: rgba(196, 131, 47, .46);--plat-active-shadow: inset 0 0 20px rgba(206, 122, 63, .1);--outline-btn-bg: rgba(255, 255, 255, .72);--outline-btn-hover-bg: rgba(230, 238, 248, .84);--danger-btn-bg: rgba(212, 83, 101, .08);--danger-btn-border: rgba(212, 83, 101, .28);--danger-btn-hover-bg: rgba(212, 83, 101, .15);--danger-btn-hover-border: rgba(212, 83, 101, .42);--spinner-track: rgba(67, 95, 131, .26);--spinner-head: var(--primary);--tabbar-bg: rgba(255, 255, 255, .72);--tab-hover-bg: rgba(47, 119, 176, .1);--tab-active-bg: linear-gradient(135deg, rgba(206, 122, 63, .22), rgba(47, 119, 176, .16));--tab-active-color: #14304f;--tab-active-shadow: inset 0 0 16px rgba(206, 122, 63, .1);--chip-bg: rgba(244, 248, 254, .9);--copy-bg: rgba(248, 251, 255, .94);--copy-highlight-border: rgba(196, 131, 47, .44);--copy-highlight-bg: rgba(206, 122, 63, .1);--code-bg: rgba(248, 251, 255, .94);--empty-bg: rgba(244, 248, 254, .88);--empty-border: rgba(100, 124, 156, .26);--pro-tip-border: rgba(196, 131, 47, .24);--feature-bg: rgba(248, 251, 255, .9);--feature-hover-bg: rgba(206, 122, 63, .1);--feature-hover-border: rgba(196, 131, 47, .34);--content-btn-bg: rgba(248, 251, 255, .9);--content-btn-hover-bg: rgba(230, 238, 248, .78);--content-btn-active-bg: linear-gradient(135deg, rgba(206, 122, 63, .18), rgba(47, 119, 176, .14));--content-btn-active-border: rgba(196, 131, 47, .5);--content-btn-active-shadow: inset 0 0 18px rgba(206, 122, 63, .1);--mobile-topbar-bg: rgba(243, 248, 255, .95);--mobile-menu-bg: rgba(255, 255, 255, .98);--mobile-overlay-bg: rgba(16, 31, 53, .3);--mobile-sheet-bg: linear-gradient(180deg, rgba(246, 250, 255, .98), rgba(237, 244, 253, .98));--logo-icon-text: #ffffff;--btn-primary-text: #ffffff;--primary-hover-shadow: 0 10px 30px rgba(206, 122, 63, .32);--badge-fallback-bg: rgba(47, 119, 176, .1);--score-amber-glow: rgba(196, 131, 47, .22);--score-red-glow: rgba(212, 83, 101, .2);--meter-track-bg: rgba(47, 119, 176, .15);--budget-track-bg: rgba(47, 119, 176, .13);--danger-chip-border: rgba(212, 83, 101, .34);--table-row-alt-bg: rgba(47, 119, 176, .06);--autofill-border: rgba(196, 131, 47, .3);--alert-success-border: rgba(35, 159, 143, .24);--alert-info-border: rgba(47, 119, 176, .22);--alert-tip-border: rgba(196, 131, 47, .24);--history-row-hover-border: rgba(196, 131, 47, .35);--sidebar-w: 272px}[data-theme=dark]{--bg: #0b1220;--bg-soft: #121d31;--surface: #18243b;--surface-2: #22314c;--card: rgba(23, 35, 56, .86);--card-hover: rgba(29, 44, 69, .92);--card-hi: rgba(34, 52, 82, .96);--border: rgba(166, 183, 209, .16);--border-md: rgba(185, 202, 229, .26);--border-hi: rgba(206, 222, 248, .4);--primary: #e78945;--primary-2: #f4b564;--primary-dim: #bc6930;--primary-glow: rgba(231, 137, 69, .28);--primary-bg: rgba(231, 137, 69, .12);--primary-bg2: rgba(231, 137, 69, .22);--primary-grad: linear-gradient(135deg, #e78945 0%, #f4b564 100%);--teal: #29b9a5;--teal-2: #1e9f8d;--teal-glow: rgba(41, 185, 165, .24);--teal-bg: rgba(41, 185, 165, .13);--teal-bg2: rgba(41, 185, 165, .2);--green: #53c778;--green-bg: rgba(83, 199, 120, .14);--red: #f27484;--red-bg: rgba(242, 116, 132, .14);--amber: #eeb15b;--amber-bg: rgba(238, 177, 91, .14);--amber-bg2: rgba(238, 177, 91, .22);--blue: #64aee8;--blue-bg: rgba(100, 174, 232, .14);--gold: #eeb15b;--gold-dim: #c08334;--gold-bg: rgba(238, 177, 91, .14);--gold-bg2: rgba(238, 177, 91, .22);--text: #edf2fb;--text-2: #b9c6dc;--text-3: #8394b2;--text-inv: #0b1220;--shadow: 0 10px 30px rgba(5, 11, 22, .45);--shadow-lg: 0 24px 58px rgba(2, 8, 18, .66);--shadow-primary: 0 10px 34px rgba(231, 137, 69, .34);--shadow-teal: 0 8px 28px rgba(41, 185, 165, .24);--shadow-card: 0 14px 30px rgba(5, 12, 24, .45);--app-bg-gradient: radial-gradient(circle at 10% 8%, rgba(100, 174, 232, .18) 0%, rgba(100, 174, 232, 0) 38%), radial-gradient(circle at 86% 4%, rgba(231, 137, 69, .16) 0%, rgba(231, 137, 69, 0) 44%), linear-gradient(145deg, #0c1423 0%, #111d31 52%, #15233b 100%);--scroll-thumb: rgba(153, 179, 215, .3);--scroll-thumb-hover: rgba(184, 206, 236, .46);--sidebar-grad: linear-gradient(180deg, rgba(21, 34, 54, .96) 0%, rgba(16, 26, 42, .96) 100%);--sidebar-glow-1: radial-gradient(circle, rgba(100, 174, 232, .24) 0%, rgba(100, 174, 232, 0) 68%);--sidebar-glow-2: radial-gradient(circle, rgba(231, 137, 69, .22) 0%, rgba(231, 137, 69, 0) 74%);--nav-hover-bg: rgba(168, 194, 231, .08);--nav-hover-border: rgba(168, 194, 231, .14);--nav-active-bg: linear-gradient(135deg, rgba(255, 138, 61, .16), rgba(82, 185, 255, .14));--nav-active-color: #fff;--nav-active-border: rgba(255, 181, 74, .45);--nav-active-shadow: inset 0 0 24px rgba(255, 138, 61, .12);--focus-ring: rgba(238, 177, 91, .9);--link-focus-ring: rgba(100, 174, 232, .92);--stat-card-bg: linear-gradient(160deg, rgba(19, 39, 64, .92), rgba(15, 31, 52, .9));--stat-card-hover-shadow: 0 18px 34px rgba(5, 16, 31, .48);--field-bg: rgba(9, 21, 36, .7);--field-bg-focus: rgba(9, 21, 36, .94);--field-select-option-bg: #10223a;--field-focus-border: rgba(255, 181, 74, .6);--field-focus-shadow: 0 0 0 3px rgba(255, 138, 61, .2);--plat-bg: rgba(12, 28, 46, .7);--plat-hover-bg: rgba(31, 63, 98, .5);--plat-active-bg: linear-gradient(135deg, rgba(255, 138, 61, .2), rgba(82, 185, 255, .16));--plat-active-color: #fff;--plat-active-border: rgba(255, 181, 74, .6);--plat-active-shadow: inset 0 0 20px rgba(255, 138, 61, .12);--outline-btn-bg: rgba(10, 22, 37, .6);--outline-btn-hover-bg: rgba(34, 67, 103, .44);--danger-btn-bg: rgba(255, 106, 125, .08);--danger-btn-border: rgba(255, 106, 125, .25);--danger-btn-hover-bg: rgba(255, 106, 125, .16);--danger-btn-hover-border: rgba(255, 106, 125, .4);--spinner-track: rgba(255, 255, 255, .22);--spinner-head: #fff;--tabbar-bg: rgba(10, 21, 35, .68);--tab-hover-bg: rgba(149, 176, 214, .1);--tab-active-bg: linear-gradient(135deg, rgba(255, 138, 61, .24), rgba(82, 185, 255, .2));--tab-active-color: #fff;--tab-active-shadow: inset 0 0 16px rgba(255, 138, 61, .12);--chip-bg: rgba(19, 39, 64, .64);--copy-bg: rgba(9, 21, 36, .72);--copy-highlight-border: rgba(255, 181, 74, .44);--copy-highlight-bg: rgba(255, 138, 61, .12);--code-bg: rgba(9, 21, 36, .72);--empty-bg: rgba(10, 22, 37, .5);--empty-border: rgba(149, 176, 214, .25);--pro-tip-border: rgba(255, 184, 74, .24);--feature-bg: rgba(11, 25, 42, .72);--feature-hover-bg: rgba(255, 138, 61, .1);--feature-hover-border: rgba(255, 181, 74, .34);--content-btn-bg: rgba(11, 25, 42, .72);--content-btn-hover-bg: rgba(31, 63, 98, .48);--content-btn-active-bg: linear-gradient(135deg, rgba(255, 138, 61, .2), rgba(82, 185, 255, .15));--content-btn-active-border: rgba(255, 181, 74, .55);--content-btn-active-shadow: inset 0 0 18px rgba(255, 138, 61, .12);--mobile-topbar-bg: rgba(14, 24, 39, .94);--mobile-menu-bg: rgba(22, 36, 58, .96);--mobile-overlay-bg: rgba(4, 11, 21, .64);--mobile-sheet-bg: linear-gradient(180deg, rgba(20, 34, 55, .98), rgba(15, 27, 44, .98));--logo-icon-text: #ffffff;--btn-primary-text: #ffffff;--primary-hover-shadow: 0 10px 30px rgba(255, 138, 61, .4);--badge-fallback-bg: rgba(149, 176, 214, .12);--score-amber-glow: rgba(238, 177, 91, .22);--score-red-glow: rgba(242, 116, 132, .2);--meter-track-bg: rgba(149, 176, 214, .22);--budget-track-bg: rgba(149, 176, 214, .19);--danger-chip-border: rgba(242, 116, 132, .34);--table-row-alt-bg: rgba(149, 176, 214, .08);--autofill-border: rgba(255, 181, 74, .26);--alert-success-border: rgba(41, 185, 165, .24);--alert-info-border: rgba(100, 174, 232, .24);--alert-tip-border: rgba(238, 177, 91, .24);--history-row-hover-border: rgba(238, 177, 91, .35)}html,body,#root{height:100%;font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background-image:var(--app-bg-gradient)}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:12px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;overflow:hidden}.mobile-topbar,.mobile-nav-overlay,.mobile-nav-sheet{display:none}.sidebar{background:var(--sidebar-grad);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar:before,.sidebar:after{content:"";position:absolute;pointer-events:none}.sidebar:before{top:-90px;left:-40px;width:220px;height:220px;background:var(--sidebar-glow-1)}.sidebar:after{bottom:-120px;right:-80px;width:260px;height:260px;background:var(--sidebar-glow-2)}.sidebar-brand{padding:22px 18px 18px;border-bottom:1px solid var(--border)}.sidebar-brand-inner{display:flex;align-items:center;gap:12px}.sidebar-logo-icon{width:38px;height:38px;background:var(--primary-grad);border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:14px;font-weight:800;color:var(--logo-icon-text);letter-spacing:-.02em;box-shadow:var(--shadow-primary);flex-shrink:0}.sidebar-logo-text{line-height:1.2}.sidebar-logo-title{font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.02em}.sidebar-logo-sub{font-size:11px;color:var(--text-3);margin-top:2px}.sidebar-nav{padding:12px 10px 16px;flex:1}.nav-section{padding:14px 10px 6px;font-size:9.5px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--text-3);font-family:var(--font-head)}.nav-section:first-child{padding-top:8px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;margin-bottom:2px;border:1px solid transparent;background:transparent;color:var(--text-2);padding:10px 12px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;transition:all .18s ease}.nav-item:hover{color:var(--text);background:var(--nav-hover-bg);border-color:var(--nav-hover-border)}.nav-item.active{background:var(--nav-active-bg);color:var(--nav-active-color);border-color:var(--nav-active-border);box-shadow:var(--nav-active-shadow)}.nav-icon{width:16px;flex-shrink:0;opacity:.7;transition:opacity .18s}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1}.sidebar-footer{padding:14px 18px;border-top:1px solid var(--border);font-size:11px;color:var(--text-3);line-height:1.6}.theme-toggle-btn{width:100%;margin-bottom:10px}.main-area{overflow-y:auto;position:relative}.page-wrap{max-width:1140px;margin:0 auto;padding:40px 32px 56px}.page-header{margin-bottom:28px}.page-title{font-family:var(--font-head);font-size:clamp(24px,2.5vw,34px);font-weight:800;color:var(--text);letter-spacing:-.04em;line-height:1.15;margin-bottom:8px}.page-sub{font-size:14px;color:var(--text-2);max-width:760px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-card);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.card+.card{margin-top:12px}.card:hover{border-color:var(--border-md);background:var(--card-hover);transform:translateY(-1px)}.btn:focus-visible,.tab-btn:focus-visible,.nav-item:focus-visible,.plat-btn:focus-visible,.content-type-btn:focus-visible,.mobile-menu-btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.main-area a:focus-visible{outline:2px solid var(--link-focus-ring);outline-offset:2px;border-radius:4px}.card-title{font-family:var(--font-head);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);margin-bottom:18px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 22px 20px;position:relative;overflow:hidden;box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s,transform .2s}.stat-card:hover{transform:translateY(-1px);border-color:var(--border-md);box-shadow:var(--stat-card-hover-shadow)}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px;opacity:.85}.stat-gold:before{background:linear-gradient(180deg,var(--amber),transparent)}.stat-green:before{background:linear-gradient(180deg,var(--teal),transparent)}.stat-accent:before{background:linear-gradient(180deg,var(--primary),transparent)}.stat-val{font-family:var(--font-head);font-size:40px;font-weight:800;line-height:1;letter-spacing:-.04em;margin-bottom:7px;color:var(--text)}.stat-label{font-size:12px;color:var(--text-3)}.stat-gold .stat-val{color:var(--amber)}.stat-green .stat-val{color:var(--teal)}.field{margin-bottom:16px}.field label{display:block;font-family:var(--font-head);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:var(--text-3);margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border-md);background:var(--field-bg);color:var(--text);padding:11px 13px;font-size:13.5px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--field-focus-border);box-shadow:var(--field-focus-shadow);background:var(--field-bg-focus)}.field input::placeholder,.field textarea::placeholder{color:var(--text-3)}.field select option{background:var(--field-select-option-bg)}.field textarea{resize:vertical;min-height:78px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.plat-btn{padding:12px 8px;border-radius:var(--radius);border:1px solid var(--border-md);background:var(--plat-bg);color:var(--text-2);font-family:var(--font-head);font-size:12px;font-weight:600;transition:all .16s;text-align:center}.plat-btn:hover{border-color:var(--border-hi);color:var(--text);background:var(--plat-hover-bg)}.plat-btn.active{border-color:var(--plat-active-border);background:var(--plat-active-bg);color:var(--plat-active-color);box-shadow:var(--plat-active-shadow)}.plat-icon{display:block;font-size:22px;margin-bottom:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:var(--radius);border:1px solid transparent;font-family:var(--font-head);font-size:13.5px;font-weight:700;letter-spacing:.01em;transition:all .16s ease;white-space:nowrap}.btn-primary{background:var(--primary-grad);color:var(--btn-primary-text);box-shadow:var(--shadow-primary)}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:var(--primary-hover-shadow)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none;box-shadow:none}.btn-outline{background:var(--outline-btn-bg);border-color:var(--border-md);color:var(--text-2)}.btn-outline:hover{border-color:var(--border-hi);color:var(--text);background:var(--outline-btn-hover-bg)}.btn-danger{background:var(--danger-btn-bg);border-color:var(--danger-btn-border);color:var(--red)}.btn-danger:hover{background:var(--danger-btn-hover-bg);border-color:var(--danger-btn-hover-border)}.btn-sm{padding:5px 13px;font-size:12px}.btn-full{width:100%;padding:13px;font-size:14.5px}.spinner{width:15px;height:15px;border:2px solid var(--spinner-track);border-top-color:var(--spinner-head);border-radius:50%;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.tab-bar{display:flex;gap:4px;flex-wrap:wrap;width:fit-content;max-width:100%;margin-bottom:22px;padding:4px;border-radius:var(--radius);background:var(--tabbar-bg);border:1px solid var(--border)}.tab-btn{border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-3);font-family:var(--font-head);font-size:13px;font-weight:700;padding:7px 14px;white-space:nowrap;transition:all .14s}.tab-btn:hover{color:var(--text-2);background:var(--tab-hover-bg)}.tab-btn.active{color:var(--tab-active-color);background:var(--tab-active-bg);box-shadow:var(--tab-active-shadow)}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.03em;font-family:var(--font-head)}.badge-gold{background:var(--amber-bg2);color:var(--amber)}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-accent{background:var(--primary-bg2);color:var(--primary-2)}.chip{display:inline-block;padding:3px 10px;border:1px solid var(--border-md);border-radius:99px;font-size:11.5px;color:var(--text-2);margin:2px;background:var(--chip-bg)}.copy-block{background:var(--copy-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 16px;font-size:13px;line-height:1.7;color:var(--text-2);white-space:pre-wrap;word-break:break-word}.copy-block.highlight{border-color:var(--copy-highlight-border);background:var(--copy-highlight-bg);color:var(--text);font-weight:500}.copy-label{font-family:var(--font-head);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-bottom:5px;margin-top:14px}.copy-label:first-child{margin-top:0}.code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px;font-family:var(--font-mono);font-size:12px;line-height:1.8;color:var(--text-2);overflow-x:auto}.alert{padding:13px 16px 13px 18px;border-radius:var(--radius);font-size:13.5px;margin-bottom:16px;border:1px solid transparent;border-left:3px solid transparent;display:flex;align-items:flex-start;gap:10px}.alert-error{background:var(--red-bg);color:var(--red);border-color:var(--danger-btn-border);border-left-color:var(--red)}.alert-success{background:var(--teal-bg);color:var(--teal);border-color:var(--alert-success-border);border-left-color:var(--teal)}.alert-info{background:var(--blue-bg);color:var(--blue);border-color:var(--alert-info-border);border-left-color:var(--blue)}.alert-tip{background:var(--amber-bg);color:var(--amber);border-color:var(--alert-tip-border);border-left-color:var(--amber)}.history-row{display:flex;align-items:center;gap:14px;margin-bottom:8px;padding:14px 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-card);cursor:pointer;transition:all .16s}.history-row:hover{border-color:var(--history-row-hover-border);background:var(--card-hover);transform:translateY(-1px)}.history-meta{flex:1;min-width:0}.history-title{font-size:13.5px;color:var(--text);font-family:var(--font-head);font-weight:700;margin-bottom:3px}.history-detail{font-size:12px;color:var(--text-3)}.history-actions{display:flex;gap:6px}.targeting-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.targeting-key{font-family:var(--font-head);font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px}.targeting-val{font-size:13.5px;color:var(--text-2)}.divider{border:none;border-top:1px solid var(--border);margin:18px 0}.empty-state{text-align:center;padding:68px 24px;color:var(--text-3);background:var(--empty-bg);border:1px dashed var(--empty-border);border-radius:var(--radius-lg)}.empty-state-icon{font-size:48px;margin-bottom:12px;display:block}.empty-state-title{font-size:15px;color:var(--text-2);font-family:var(--font-head);font-weight:700;margin-bottom:6px}.results-section-title{font-family:var(--font-head);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin:24px 0 12px}.input-row{display:flex;gap:8px;align-items:flex-end}.input-row .field{flex:1;margin-bottom:0}.config-bar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;margin-bottom:22px}.pro-tip{background:var(--amber-bg);border:1px solid var(--pro-tip-border);border-radius:var(--radius);padding:12px 16px;font-size:13.5px;color:var(--text-2);margin-top:12px}.pro-tip strong{color:var(--amber)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-item{background:var(--feature-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;transition:border-color .18s,background .18s}.feature-item:hover{border-color:var(--feature-hover-border);background:var(--feature-hover-bg)}.feature-item-title{font-family:var(--font-head);font-weight:700;font-size:13px;color:var(--primary-2);margin-bottom:5px}.feature-item-desc{font-size:12.5px;color:var(--text-2);line-height:1.55}.content-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.content-type-btn{padding:14px 12px;border:1px solid var(--border-md);border-radius:var(--radius);background:var(--content-btn-bg);cursor:pointer;text-align:left;transition:all .16s}.content-type-btn:hover{border-color:var(--border-hi);background:var(--content-btn-hover-bg)}.content-type-btn.selected{border-color:var(--content-btn-active-border);background:var(--content-btn-active-bg);box-shadow:var(--content-btn-active-shadow)}.content-type-icon{display:block;font-size:24px;margin-bottom:8px}.content-type-label{font-family:var(--font-head);font-size:12px;font-weight:700;color:var(--text);line-height:1.3}.content-type-btn.selected .content-type-label{color:var(--text)}.content-type-desc{font-size:11px;color:var(--text-3);margin-top:3px}.score-ring{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-head);font-size:20px;font-weight:700}.mobile-page-label{font-size:11px;color:var(--text-3);line-height:1.2;margin-top:2px}.mobile-theme-btn{min-width:58px;height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--border-md);background:var(--outline-btn-bg);color:var(--text);font-size:11px;font-weight:700;font-family:var(--font-head);line-height:1;margin-left:auto}.mobile-nav-group{margin-bottom:10px}@media (max-width: 1080px){.page-wrap{padding:28px 20px 46px}.content-type-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 920px){.app-shell{display:block;height:auto;min-height:100vh;overflow:visible}.sidebar{display:none}.mobile-topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:110;background:var(--mobile-topbar-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 14px}.mobile-topbar-brand{display:flex;align-items:center;gap:10px;min-width:0}.mobile-menu-btn{width:36px;height:36px;border-radius:9px;border:1px solid var(--border-md);background:var(--mobile-menu-bg);color:var(--text);font-size:17px;font-weight:700;line-height:1}.mobile-nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--mobile-overlay-bg);z-index:105}.mobile-nav-sheet{display:block;position:fixed;top:58px;left:0;bottom:0;width:min(300px,85vw);background:var(--mobile-sheet-bg);border-right:1px solid var(--border);transform:translate(-104%);transition:transform .2s ease;z-index:112;overflow-y:auto;padding:10px 10px 18px}.mobile-nav-sheet.open{transform:translate(0)}.main-area{overflow-y:visible}.grid-2,.grid-3,.stats-row,.targeting-grid,.feature-grid{grid-template-columns:1fr}.tab-bar{width:100%;overflow-x:auto;flex-wrap:nowrap}.page-wrap{padding:20px 14px 34px}.card{padding:18px}.content-type-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: no-preference){.page-wrap>*{animation:fade-slide-in .36s ease both}.page-wrap>*:nth-child(2){animation-delay:30ms}.page-wrap>*:nth-child(3){animation-delay:60ms}.page-wrap>*:nth-child(4){animation-delay:90ms}}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.currency-select{background:var(--surface);border:1px solid var(--border-md);border-radius:var(--radius-sm);color:var(--text);padding:10px 8px;font-size:13px;outline:none;font-family:var(--font-body);box-sizing:border-box;width:100%;cursor:pointer}.currency-select:focus{border-color:var(--field-focus-border);box-shadow:var(--field-focus-shadow)}.feature-item-link{cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .15s}.feature-item-link:hover{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-bg2),var(--shadow-card);transform:translateY(-2px)}.feature-item-link:hover .feature-item-title{color:var(--primary-2)}.feature-item-arrow{margin-left:6px;opacity:0;transition:opacity .15s,transform .15s;font-size:13px}.feature-item-link:hover .feature-item-arrow{opacity:1;transform:translate(3px)}