:root{--blue-600:#004259;--blue-500:#056584;--blue-400:#2584a2;--blue-300:#3a9dbc;--blue-100:#deedf1;--blue-50:#f2f8f9;--navy-900:#0c1e3a;--navy-800:#172e55;--navy-700:#27426e;--green-500:#16a34a;--green-50:#16a34a29;--green-100:#dcfce7;--red-500:#dc2626;--red-50:#dc262629;--orange-500:#d97706;--orange-50:#d9770629;--gray-50:#f6f8fb;--gray-100:var(--surface-3);--gray-200:var(--hairline-hi);--gray-300:var(--ink-tertiary);--gray-400:var(--ink-subtle);--gray-500:#5c6b82;--gray-600:#3e5070;--gray-900:#0c1e3a;--canvas:#010102;--surface-1:#0f1011;--surface-2:#141516;--surface-3:#18191a;--hairline:#23252a;--hairline-hi:#34343a;--ink:#f7f8f8;--ink-subtle:#8a8f98;--ink-tertiary:#62666d;--text-primary:var(--ink);--text-secondary:var(--ink-subtle);--text-muted:var(--ink-tertiary);--border:var(--hairline);--bg-page:var(--canvas);--bg-alt:var(--surface-1);--bg-surface:var(--surface-2);--bg-elevated:var(--surface-3);--card-bg:var(--surface-2);--accent:var(--blue-400);--accent-bg:#138aae29;--accent-fg:var(--blue-400);--accent-ring:var(--blue-400);--scrim-strong:#0f1011d9;--scrim-fg:var(--ink);--blue-700:#003243;--max-w:1280px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--radius-circle:50%;--img-bg:var(--bg-alt);--field-bg:var(--bg-alt);--btn-primary-bg:var(--accent);--btn-primary-fg:#fff;--navy:var(--navy-900);--blue:var(--blue-500);--teal-500:var(--blue-500);--teal-600:var(--blue-600);--teal-100:var(--blue-100);--teal-50:var(--blue-50);--green:var(--green-500);--red:var(--red-500);--orange:var(--orange-500);--sidebar-w:240px;--header-h:60px}:root[data-theme-variant=dark-2]{--accent:var(--blue-400);--accent-bg:#2584a229;--accent-fg:var(--blue-300);--accent-ring:var(--blue-400)}:root[data-theme-variant=dark-3]{--canvas:#06080f;--surface-1:#0b0f1a;--surface-2:#121828;--surface-3:#182036;--hairline:#232c44;--hairline-hi:#34405c;--ink:#f4f6fb;--ink-subtle:#9aa3b8;--ink-tertiary:#6b7488;--text-primary:var(--ink);--text-secondary:var(--ink-subtle);--text-muted:var(--ink-tertiary);--border:var(--hairline);--bg-page:var(--canvas);--bg-alt:var(--surface-1);--bg-surface:var(--surface-2);--bg-elevated:var(--surface-3);--card-bg:var(--surface-2);--gray-100:var(--surface-3);--gray-200:var(--hairline-hi);--gray-300:var(--ink-tertiary);--gray-400:var(--ink-subtle);--accent:var(--blue-300);--accent-bg:#3a9dbc29;--accent-fg:var(--blue-300);--accent-ring:var(--blue-300);--scrim-strong:#06080fd9;--scrim-fg:var(--ink)}:root[data-theme-variant=light-1],:root[data-theme-variant=light-2],:root[data-theme-variant=light-3]{--gray-100:#ecf0f5;--gray-200:#d6dce8;--gray-300:#b4bdcc;--gray-400:#8895aa;--red-50:#fef2f2;--green-50:#f0fdf4;--orange-50:#fffbeb;--scrim-strong:#ffffffeb;--scrim-fg:var(--navy-900)}:root[data-theme-variant=light-1]{--bg-page:#fafbfc;--bg-alt:#f1f3f6;--bg-surface:#fff;--bg-elevated:#eaedf2;--card-bg:#fff;--border:#e2e6ec;--text-primary:#0c1e3a;--text-secondary:#4a5568;--text-muted:#8a94a6;--accent:var(--blue-500);--accent-bg:var(--blue-100);--accent-fg:var(--blue-600);--accent-ring:var(--blue-500)}:root[data-theme-variant=light-2]{--bg-page:#f3f6fb;--bg-alt:#eaeff7;--bg-surface:#fff;--bg-elevated:#f7f9fc;--card-bg:#fff;--border:#dce3ee;--text-primary:#0f1b33;--text-secondary:#4e5c75;--text-muted:#8e99af;--accent:var(--blue-500);--accent-bg:var(--blue-100);--accent-fg:var(--blue-500);--accent-ring:var(--blue-500)}:root[data-theme-variant=light-3]{--bg-page:#fff;--bg-alt:#fafafa;--bg-surface:#fff;--bg-elevated:#f2f2f2;--card-bg:#fff;--border:#e5e5e5;--text-primary:#0a0a0a;--text-secondary:#4b4b4b;--text-muted:#8f8f8f;--accent:var(--blue-600);--accent-bg:var(--blue-100);--accent-fg:var(--blue-600);--accent-ring:var(--blue-600)}:root[data-theme-variant=focus-dark]{--bg-page:#181818;--bg-alt:#181818;--bg-surface:#202020;--bg-elevated:#262626;--card-bg:#202020;--border:#303030;--text-primary:#ededed;--text-secondary:#b8b8b8;--text-muted:#9b9b9b;--accent:#94cdb5;--accent-bg:#94cdb524;--accent-fg:#94cdb5;--accent-ring:#94cdb5;--img-bg:#151515;--field-bg:#1a1a1a;--btn-primary-bg:#b6dfcb;--btn-primary-fg:#16281f;--gray-100:#262626;--gray-200:#303030;--gray-300:#6b6b6b;--gray-400:#9b9b9b;--scrim-strong:#0c0c0cd9;--scrim-fg:#ededed}:root[data-theme-variant=focus-light]{--bg-page:#fafafa;--bg-alt:#fafafa;--bg-surface:#fff;--bg-elevated:#f0f0f0;--card-bg:#fff;--border:#e3e3e3;--text-primary:#252525;--text-secondary:#4f4f4f;--text-muted:#707070;--accent:#2d7257;--accent-bg:#2d72571a;--accent-fg:#2d7257;--accent-ring:#2d7257;--img-bg:#f2f2f2;--field-bg:#f8f8f8;--btn-primary-bg:#245b47;--btn-primary-fg:#fff;--gray-100:#f0f0f0;--gray-200:#e3e3e3;--gray-300:#9b9b9b;--gray-400:#707070;--scrim-strong:#ffffffe6;--scrim-fg:#252525}.card:hover{background:var(--bg-elevated)}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.segment-group{background:var(--img-bg);border:1px solid var(--border);border-radius:7px;gap:4px;padding:4px;display:grid}.segment-tab{color:var(--text-muted);white-space:nowrap;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:9px 6px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}@media (max-width:420px){.segment-tab{gap:4px;padding:9px 2px;font-size:12px}}.segment-tab:hover:not(.is-active){background:color-mix(in srgb, var(--bg-elevated) 60%, transparent);color:var(--text-secondary)}.segment-tab.is-active{background:var(--bg-elevated);color:var(--text-primary);font-weight:700;box-shadow:0 1px 3px #0000001f}.segment-tab.is-active .segment-tab-icon{color:var(--accent)}.pill-tab{background:var(--img-bg);color:var(--text-secondary);white-space:nowrap;border:1px solid #0000;border-radius:20px;padding:4px 10px;font-size:10.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.pill-tab:hover:not(.is-active){color:var(--text-primary)}.pill-tab.is-active{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}.option-tile{border:1px solid var(--border);background:var(--field-bg);width:100%;color:var(--text-secondary);text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;transition:background .15s,border-color .15s,color .15s;display:flex}.option-tile:hover:not(.is-active){border-color:color-mix(in srgb, var(--text-muted) 60%, var(--border))}.option-tile.is-active{background:var(--bg-elevated);border-color:color-mix(in srgb, var(--text-primary) 35%, var(--border));color:var(--text-primary)}.option-tile:disabled{opacity:.4;cursor:not-allowed}.option-tile:disabled:hover{border-color:var(--border)}.option-tile-title{font-size:12px;font-weight:600}.option-tile-meta{color:var(--text-muted);flex-shrink:0;font-size:10px}.option-tile.is-active .option-tile-meta{color:var(--text-secondary)}.btn-focus-primary{background:var(--btn-primary-bg);width:100%;color:var(--btn-primary-fg);border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:13px;font-size:14px;font-weight:700;transition:background .15s,opacity .15s,transform .1s;display:flex}.btn-focus-primary:hover:not(:disabled){background:color-mix(in srgb, var(--btn-primary-bg) 88%, black 12%)}.btn-focus-primary:active:not(:disabled){transform:scale(.99)}.btn-focus-primary:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}.btn-focus-primary.is-loading{cursor:progress}.btn-focus-secondary{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-focus-secondary:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-focus-secondary:disabled{opacity:.55;cursor:not-allowed}.tile-select{border:1px solid var(--border);background:var(--field-bg);text-align:center;color:var(--text-muted);border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;transition:background .15s,border-color .15s;display:flex}.tile-select:hover:not(.is-active){border-color:color-mix(in srgb, var(--text-muted) 60%, var(--border))}.tile-select.is-active{background:var(--bg-elevated);border-color:color-mix(in srgb, var(--text-primary) 35%, var(--border));color:var(--accent)}.style-card{border:1px solid var(--border);background:var(--img-bg);min-width:0;color:var(--text-primary);text-align:center;border-radius:6px;padding:4px;transition:border-color .15s,box-shadow .15s;position:relative}.style-card:hover:not(.is-active){border-color:color-mix(in srgb, var(--text-muted) 70%, var(--border))}.style-card.is-active{border-color:color-mix(in srgb, var(--text-primary) 45%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--text-primary) 15%, transparent)}.style-card-check{background:var(--accent);color:#0e2119;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:5px;right:5px}.style-card-fav{color:#fff;background:#00000080;border:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:5px;left:5px}.scroll-affordance{scrollbar-width:none}.scroll-affordance::-webkit-scrollbar{display:none}.scroll-thumb-track{pointer-events:none;width:6px;position:absolute;top:0;bottom:0;right:0}.scroll-thumb{background:color-mix(in srgb, var(--text-muted) 55%, transparent);pointer-events:auto;cursor:grab;touch-action:none;border-radius:3px;width:6px;position:absolute;right:0}.scroll-thumb:hover{background:color-mix(in srgb, var(--text-muted) 75%, transparent)}.scroll-thumb:active{background:color-mix(in srgb, var(--text-primary) 70%, transparent);cursor:grabbing}.preview-panel{background:var(--img-bg);border:1px solid var(--border);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 220px);padding:32px;display:flex;position:relative;overflow:hidden}.app-shell{align-items:stretch;min-height:100vh;display:flex}.app-shell-content{flex:1;min-width:0}.app-side-nav{--sn-w:216px;width:var(--sn-w);border-right:1px solid var(--border);background:var(--bg-page);z-index:110;flex-direction:column;flex-shrink:0;gap:14px;height:100dvh;padding:16px 10px;transition:width .18s;display:flex;position:sticky;top:0}.app-side-nav.is-collapsed{--sn-w:60px}.app-side-nav-top{justify-content:flex-start;align-items:center;min-height:32px;padding:0;display:flex}.app-side-nav.is-collapsed .app-side-nav-top{justify-content:center}.app-side-nav-logo{flex-shrink:0;align-items:center;min-width:0;margin-left:9px;display:flex}.app-side-nav.is-collapsed .app-side-nav-logo{margin-left:0}.app-side-nav-toggle{border:1px solid color-mix(in srgb, var(--text-muted) 45%, var(--border));background:var(--bg-elevated);width:22px;height:22px;color:var(--text-secondary);border-left:none;border-radius:0 5px 5px 0;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex;position:absolute;top:21px;left:100%}.app-side-nav-toggle:hover{background:var(--bg-elevated);color:var(--text-primary)}.app-side-nav-scroll{scrollbar-width:thin;flex-direction:column;flex:1;gap:22px;min-height:0;display:flex;overflow-y:auto}.app-side-nav-divider{border:none;border-top:1px solid var(--border);margin:-11px 10px 0}.app-side-nav-group{gap:3px;display:grid}.app-side-nav-item{width:100%;height:36px;color:var(--text-secondary);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:11px;padding:0 9px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.app-side-nav-item:hover:not(.is-active){background:var(--bg-elevated);color:var(--text-primary)}.app-side-nav-item.is-active{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary);font-weight:600}.app-side-nav-item.is-active .app-side-nav-icon{color:var(--accent)}.app-side-nav-item.is-active:after{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-left:auto}.app-side-nav.is-collapsed .app-side-nav-item.is-active:after{display:none}.app-side-nav-icon{flex-shrink:0;display:flex}.app-side-nav-label{text-overflow:ellipsis;overflow:hidden}.app-side-nav.is-collapsed .app-side-nav-label,.app-side-nav.is-collapsed .app-side-nav-foot-label{display:none}.app-side-nav.is-collapsed .app-side-nav-item{justify-content:center;padding:0}.app-side-nav-bottom{border-top:1px solid var(--border);flex-shrink:0;gap:10px;padding-top:14px;display:grid}.app-side-nav-theme{border:1px solid var(--border);background:var(--bg-surface);border-radius:6px;align-items:center;gap:8px;padding:6px;display:flex}.app-side-nav.is-collapsed .app-side-nav-theme{flex-direction:column}.app-side-nav-theme button{height:26px;color:var(--text-muted);background:0 0;border:0;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:600;transition:background .15s,color .15s;display:flex}.app-side-nav-theme button.is-active{background:var(--bg-elevated);color:var(--text-primary)}@media (max-width:640px){.app-side-nav{padding:14px 8px;--sn-w:56px!important}.app-side-nav-label,.app-side-nav-foot-label{display:none!important}.app-side-nav-item{justify-content:center;padding:0}.app-side-nav-item.is-active:after{display:none}.app-side-nav-theme{flex-direction:column}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;font-family:Noto Sans JP,Inter,system-ui,sans-serif;line-height:1.65}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:active{transform:scale(.97)}a{color:inherit;text-decoration:none}img{max-width:100%}:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);outline:none}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 24px}.section{padding:96px 0}.section-alt{background:var(--bg-alt);padding:96px 0}header{z-index:100;background:color-mix(in srgb, var(--bg-page) 92%, transparent);-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid var(--border);box-shadow:none;transition:box-shadow .2s,border-color .2s;position:sticky;top:0}header.scrolled{border-bottom-color:var(--gray-200);box-shadow:0 1px 32px #00000040}.header-inner{max-width:var(--max-w);height:var(--header-h);align-items:center;gap:32px;margin:0 auto;padding:0 24px;display:flex}.header-logo{letter-spacing:-.03em;color:#f7f8f8;flex-shrink:0;font-size:18px;font-weight:700}.header-logo span{color:var(--blue-400)}.header-nav{flex:1;align-items:center;gap:4px;display:flex}.header-nav a{border-radius:var(--radius-sm);color:var(--text-muted);padding:6px 12px;font-size:14px;font-weight:500;transition:color .15s,background .15s}.header-nav a:hover,.header-nav a.active{color:var(--text-primary);background:var(--bg-alt)}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.points-badge{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:13px;transition:background .15s;display:flex}.points-badge:hover{background:var(--bg-elevated)}.points-badge svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}.points-badge-label{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:500}.points-badge-value{color:var(--text-primary);font-size:15px;font-weight:600}.points-badge-unit{color:var(--text-muted);margin-left:2px;font-size:12px;font-weight:500}.header-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px;transition:box-shadow .15s;display:flex;box-shadow:0 0 #0000}.header-avatar-btn:hover{box-shadow:0 0 0 2px var(--border)}.header-account-menu{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);z-index:5;width:220px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.header-account-menu-header{border-bottom:1px solid var(--border);margin-bottom:4px;padding:8px 10px}.header-account-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:background .15s,color .15s;display:flex}.header-account-menu-item:hover{background:var(--bg-surface);color:var(--text-primary)}.btn-ghost{border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;padding:7px 16px;font-size:14px;font-weight:500;transition:color .15s,background .15s}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-alt)}.btn-ghost:active{transform:scale(.97)}.btn-primary-sm{border-radius:var(--radius-sm);color:var(--bg-page);background:var(--text-primary);padding:7px 18px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.btn-primary-sm:hover{background:color-mix(in srgb, var(--text-primary), var(--bg-page) 20%)}.btn-primary-sm:active{transform:scale(.97)}.btn-primary{border-radius:var(--radius-sm);background:var(--blue-500);color:#fff;box-shadow:0 2px 12px color-mix(in srgb, var(--accent) 22%, transparent);align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.btn-primary:hover{background:var(--blue-600);box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 30%, transparent)}.btn-secondary{border-radius:var(--radius-sm);background:var(--bg-alt);color:var(--text-secondary);align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:color .15s,background .15s;display:inline-flex}.btn-secondary:hover{color:var(--blue-500);background:var(--blue-50)}.btn-danger{border-radius:var(--radius-sm);background:var(--red-50);color:var(--red-500);align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.btn-danger:hover{background:#fee2e2}.btn-icon{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-muted);background:0 0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.btn-icon:hover{background:var(--gray-100);color:var(--text-primary)}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;margin-bottom:14px;font-size:11px;font-weight:700;display:inline-flex}.eyebrow svg{width:13px;height:13px}.section-heading{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:14px;font-size:clamp(22px,3vw,34px);font-weight:700;line-height:1.22}.section-lead{color:var(--text-secondary);font-size:14px;line-height:1.75}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:background .15s,border-color .15s}.card-padded{padding:24px}.badge{border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-blue{background:var(--blue-50);color:var(--blue-600)}.badge-navy{background:var(--navy-800);color:#7fc3d6}.badge-green{background:var(--green-50);color:var(--green-500)}.badge-red{background:var(--red-50);color:var(--red-500)}.badge-orange{background:var(--orange-50);color:var(--orange-500)}.badge-gray{background:var(--bg-elevated);color:var(--text-secondary)}.form-label{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background:var(--field-bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:9px 13px;font-family:inherit;font-size:14px;line-height:1.5;transition:background .2s,border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-page);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-300)}.form-textarea{resize:vertical;min-height:80px}.form-select{appearance:none;cursor:pointer}.search-bar{background:var(--field-bg);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;padding:4px 4px 4px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.search-bar:focus-within{border-color:var(--text-muted)}.search-bar svg{color:var(--text-muted);flex-shrink:0}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:14px}.search-bar input::placeholder{color:var(--text-muted)}.search-bar input:focus-visible{box-shadow:none}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.data-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-alt);padding:10px 14px;font-size:11px;font-weight:700}.data-table th:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.data-table th:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.data-table td{color:var(--text-secondary);vertical-align:middle;padding:12px 14px}.data-table tbody tr:nth-child(2n){background:var(--bg-alt)}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:var(--bg-elevated)}.sidebar-nav{list-style:none}.sidebar-label{letter-spacing:.1em;text-transform:uppercase;color:var(--gray-400);padding:8px 16px 4px;font-size:10px;font-weight:700}.sidebar-nav li a,.sidebar-nav li button{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);text-align:left;background:0 0;align-items:center;gap:10px;padding:9px 16px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-nav li a:hover,.sidebar-nav li button:hover{background:var(--gray-100);color:var(--text-primary)}.sidebar-nav li a.active,.sidebar-nav li button.active{background:var(--blue-50);color:var(--blue-600);font-weight:600}.sidebar-nav li a svg,.sidebar-nav li button svg{flex-shrink:0;width:15px;height:15px}footer{background:var(--bg-alt);border-top:.5px solid var(--border);padding:28px 0}.footer-inner{max-width:var(--max-w);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:0 24px;display:flex}.footer-logo{color:#f7f8f8;letter-spacing:-.03em;font-size:15px;font-weight:700}.footer-logo span{color:var(--blue-400)}.footer-links{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.footer-links a{color:var(--text-muted);border-radius:4px;padding:4px 8px;font-size:12px;transition:color .15s,background .15s}.footer-links a:hover{color:var(--text-secondary);background:var(--bg-elevated)}.footer-copy{color:var(--text-muted);font-size:12px}.back-to-top{background:var(--blue-500);color:#fff;opacity:0;pointer-events:none;z-index:99;width:40px;height:40px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:28px;right:28px}.back-to-top.visible{opacity:1;pointer-events:auto}.back-to-top:hover{transform:translateY(-2px)}.back-to-top svg{width:17px;height:17px}.split-grid{grid-template-columns:1fr 1fr;display:grid}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-bottom:80px;display:grid}.pricing-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:740px;margin:52px auto 0;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.metrics-grid{grid-template-columns:repeat(4,1fr);display:grid}.generate-grid{grid-template-columns:420px 1fr;gap:24px;display:grid}.dash-layout{min-height:calc(100vh - 133px);display:flex}.dash-sidebar{width:var(--sidebar-w);flex-shrink:0}.dash-main{flex:1;min-width:0;padding:32px 36px;overflow-y:auto}.table-scroll{overflow-x:auto}.table-scroll .data-table{min-width:640px}.asset-modal-grid{grid-template-columns:1fr 320px;display:grid}@media (max-width:720px){.asset-modal-grid{grid-template-columns:1fr}}.asset-card-actions{opacity:0;z-index:2;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.asset-card:hover .asset-card-actions,.asset-card-actions.is-visible{opacity:1}.asset-action-btn{background:var(--scrim-strong);width:28px;height:28px;color:var(--scrim-fg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;box-shadow:0 2px 8px #0006}.asset-action-btn:hover{background:var(--bg-elevated)}.asset-action-btn.is-active{background:var(--accent);color:#fff}.meta-link{color:var(--blue-500);transition:color .15s}.meta-link:hover{color:var(--blue-600);text-decoration:underline}.option-row{border-radius:var(--radius-sm);background:var(--bg-alt);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;transition:background .15s,box-shadow .15s;display:flex}.option-row.is-selected{background:var(--blue-50);box-shadow:0 0 0 1.5px var(--blue-400) inset}.option-row.is-disabled{cursor:not-allowed;opacity:.55}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:40px;padding-bottom:56px}.grid-4{grid-template-columns:repeat(2,1fr)}.generate-grid{grid-template-columns:1fr}}@media (max-width:768px){.split-grid{grid-template-columns:1fr}.split-grid>div:first-child{display:none!important}.pricing-grid,.grid-3{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr);row-gap:24px}.dash-layout{flex-direction:column}.dash-sidebar{width:100%;box-shadow:none!important}.dash-main{padding:24px 16px}}@media (max-width:600px){.header-nav{display:none}.header-inner{gap:10px;padding:0 14px}.header-actions{gap:4px}.btn-ghost{padding:7px 8px;font-size:13px}.btn-primary-sm{padding:7px 12px;font-size:13px}.points-badge{padding:5px 8px}.points-badge-label{display:none}.section,.section-alt{padding:56px 0}.grid-4{grid-template-columns:1fr}}
html,body{max-width:100vw;height:100%;overflow-x:hidden}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}main{flex:1}
