:root{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}h1{margin:0}button{font-family:inherit;cursor:pointer}:root{--bg-gradient-start: #1a1a2e;--bg-gradient-end: #16213e;--card-bg: rgba(30, 30, 46, .95);--card-hover-shadow: rgba(0, 0, 0, .3);--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e0;--accent-gradient-start: #7c92f5;--accent-gradient-end: #8b5ecf;--weather-card-bg: rgba(45, 45, 60, .8);--weather-card-border: rgba(255, 255, 255, .1);--section-title-color: #f7fafc;--date-color: #cbd5e0;--summary-color: #f7fafc;--temp-unit-color: #e2e8f0;--divider-color: #4a5568;--error-bg: rgba(220, 38, 38, .1);--error-border: #ef4444;--error-text: #fca5a5;--skeleton-bg-1: rgba(255, 255, 255, .05);--skeleton-bg-2: rgba(255, 255, 255, .1);--tile-min-height: 120px;--tile-gap: .75rem;--cta-height: 3rem;--card-inner-gap: 1rem;--focus-color: #a78bfa}@media(prefers-color-scheme:light){:root{--bg-gradient-start: #f0f4ff;--bg-gradient-end: #e0e7ff;--card-bg: rgba(255, 255, 255, .98);--card-hover-shadow: rgba(0, 0, 0, .15);--text-primary: #1a202c;--text-secondary: #2d3748;--text-tertiary: #4a5568;--accent-gradient-start: #5b6fd8;--accent-gradient-end: #6b46a3;--weather-card-bg: rgba(255, 255, 255, .9);--weather-card-border: rgba(102, 126, 234, .15);--section-title-color: #1a202c;--date-color: #2d3748;--summary-color: #1a202c;--temp-unit-color: #4a5568;--divider-color: #cbd5e0;--error-bg: #fee;--error-border: #dc2626;--error-text: #991b1b;--skeleton-bg-1: #f0f0f0;--skeleton-bg-2: #e0e0e0;--tile-min-height: 120px;--tile-gap: .75rem;--cta-height: 3rem;--card-inner-gap: 1rem;--focus-color: #5b21b6}}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:var(--text-primary)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:#ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,23,42,.06);position:sticky;top:0;z-index:100}@media(prefers-color-scheme:light){.topbar{background:#ffffffc7;border-bottom-color:#0f172a0f}}.topbar-brand{display:inline-flex;align-items:center;gap:.6rem;background:none;border:none;cursor:pointer;padding:0;color:var(--text-primary);text-decoration:none}.brand-icon{width:34px;height:34px;border-radius:.5rem;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.brand-name{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.topbar-nav{display:none;align-items:center;gap:.25rem}.nav-link{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .78rem;border:none;border-radius:999px;background:transparent;color:#0f172a9e;font-size:.84rem;font-weight:600;cursor:pointer;transition:color .15s,background .15s}.nav-link:hover{color:var(--text-primary);background:#0f172a0d}.nav-link.active{color:var(--text-primary);background:#0f172a14}.nav-logout{color:var(--text-tertiary);margin-left:.25rem}.nav-logout:hover{color:#ef4444;background:#ef444414}.app-header{display:none}.logo-link{display:inline-block;border-radius:.5rem}.logo-link:focus-visible{outline:3px solid var(--accent-gradient-end);outline-offset:8px}.logo{height:5rem;width:auto;transition:transform .3s ease,filter .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.logo:hover{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 8px 16px rgba(0,0,0,.3))}.app-title{font-size:2.75rem;font-weight:700;margin:1.25rem 0 .5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.app-subtitle{font-size:1.05rem;color:var(--text-tertiary);margin:0;font-weight:300}.main-content{flex:1;max-width:1120px;width:100%;margin:0 auto;padding:3.25rem 2rem 2.5rem;display:flex;flex-direction:column;align-items:stretch}.main-full{max-width:1400px}.main-home{max-width:min(1680px,calc(100vw - 24px));padding-left:1.25rem;padding-right:1.25rem}.main-public{max-width:min(1520px,calc(100vw - 32px));padding-left:1.5rem;padding-right:1.5rem}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.25rem 1.5rem;box-shadow:0 8px 32px #0000001a;color:var(--text-primary);animation:fadeInUp .6s ease-out;border:1px solid var(--weather-card-border);display:flex;flex-direction:column;gap:var(--card-inner-gap)}.demo-section{animation:fadeInUp .6s ease-out}.weather-section{animation:fadeInUp .6s ease-out;animation-delay:.1s;flex:1;max-width:1200px;width:100%}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0;flex-wrap:wrap;gap:1rem}.header-actions{display:flex;gap:.75rem;align-items:center}.section-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--section-title-color)}.counter-card .section-header{margin-bottom:0}.counter-panel{background:var(--weather-card-bg);border-radius:.75rem;border:1px solid var(--weather-card-border);padding:1.25rem;display:flex;flex-direction:column;gap:var(--tile-gap);min-height:var(--tile-min-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1}.counter-value-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;flex:1;margin-bottom:var(--tile-gap);text-align:center}.counter-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-weight:600}.counter-value{font-size:2.25rem;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.increment-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);color:#fff;border:none;border-radius:.5rem;padding:0 1.5rem;height:var(--cta-height);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d;width:100%;margin-top:auto}.increment-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.increment-button:active{transform:translateY(0)}.increment-button:focus-visible{outline:3px solid var(--accent-gradient-end);outline-offset:2px}.increment-icon{transition:transform .3s ease}.increment-button:hover .increment-icon{transform:scale(1.1)}.toggle-switch{display:flex;background:#ffffff1a;border-radius:.5rem;gap:.25rem;border:1px solid var(--weather-card-border);margin:0;padding:.25rem;min-width:0}.toggle-switch legend{padding:0}@media(prefers-color-scheme:light){.toggle-switch{background:#667eea14}}.toggle-option{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-secondary);border:none;border-radius:.375rem;padding:0 1rem;height:2.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:3rem;position:relative}.toggle-option[aria-pressed=true]{background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);color:#fff;box-shadow:0 2px 8px #667eea4d}.toggle-option[aria-pressed=false]:hover{background:#ffffff0d;color:var(--text-primary)}@media(prefers-color-scheme:light){.toggle-option[aria-pressed=false]:hover{background:#667eea1a}}.toggle-option:focus-visible{outline:3px solid var(--focus-color);outline-offset:2px;z-index:1}.refresh-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);color:#fff;border:none;border-radius:.5rem;padding:0 1.5rem;height:var(--cta-height);font-size:.875rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;box-shadow:0 2px 8px #667eea4d;min-width:140px;white-space:nowrap}.refresh-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-button:focus-visible{outline:3px solid var(--focus-color);outline-offset:3px}.refresh-icon{transition:transform .3s ease}.refresh-icon.spinning{animation:spin 1s linear infinite}.error-message{display:flex;align-items:center;gap:.75rem;background-color:var(--error-bg);border-left:4px solid var(--error-border);color:var(--error-text);padding:1rem;border-radius:.5rem;margin:1rem 0;animation:slideIn .3s ease-out}.loading-skeleton{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.skeleton-row{height:80px;background:linear-gradient(90deg,var(--skeleton-bg-1) 25%,var(--skeleton-bg-2) 50%,var(--skeleton-bg-1) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem}.weather-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:.75rem}.weather-card{background:var(--weather-card-bg);border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:all .3s ease;border:1px solid var(--weather-card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:var(--tile-min-height)}.weather-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0003}.weather-card:focus-within{outline:2px solid var(--focus-color);outline-offset:2px}.weather-date{font-weight:600;font-size:.875rem;color:var(--date-color);text-transform:uppercase;letter-spacing:.05em;margin:0}.weather-summary{font-size:1.125rem;font-weight:500;color:var(--summary-color);min-height:1.5rem;margin:0}.weather-temps{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--weather-card-border)}.temp-group{display:flex;flex-direction:column;align-items:center;width:100%}.temp-value{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.temp-unit{font-size:.75rem;color:var(--temp-unit-color);margin-top:.125rem}@media(max-width:1024px){.main-content{padding:1rem}}.app-footer{padding:1.5rem;text-align:center;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-footer nav{display:flex;justify-content:center;align-items:center;gap:1.5rem}.app-footer a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s ease,border-color .3s ease;border-bottom:2px solid transparent;font-size:.875rem;padding-bottom:.125rem}.app-footer a:hover{color:var(--text-primary);border-bottom-color:var(--text-primary)}.app-footer a:focus-visible{outline:3px solid var(--focus-color);outline-offset:4px;border-radius:4px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:1024px){.main-content{grid-template-columns:1fr;padding:1rem;gap:1rem}}.app-footer{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 2rem;background:#00000026;border-top:1px solid rgba(255,255,255,.06)}.footer-copy{font-size:.78rem;color:var(--text-tertiary)}.footer-sep{font-size:.78rem;color:var(--text-tertiary);opacity:.4}@media(prefers-color-scheme:light){.app-footer{background:#667eea0a;border-top-color:#0000000f}}@media(max-width:768px){:root{--cta-height: 2.75rem}.app-header{padding:1.5rem 1rem 1rem}.logo{height:3rem}.app-title{font-size:1.5rem}.app-subtitle{font-size:.875rem}.main-content{padding:.75rem}.card{padding:1rem}.section-title{font-size:1.125rem}.section-header{flex-direction:column;align-items:stretch;gap:.75rem}.header-actions{width:100%}.toggle-switch,.toggle-option{flex:1}.refresh-button{flex:1;justify-content:center;padding:0 1.25rem}.weather-grid{grid-template-columns:1fr;gap:.75rem}.weather-card{padding:1.25rem}.app-footer{padding:1rem 0}.app-footer>*{flex-direction:column;padding:0 1.5rem}.github-link{order:-1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.card{border:2px solid currentColor}.weather-card{border:1px solid currentColor}}*:focus-visible{outline:3px solid var(--accent-gradient-end);outline-offset:2px}.tab-nav{display:none;justify-content:center;gap:.5rem;padding:0 2rem 1.25rem}.tab-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border:1px solid var(--weather-card-border);border-radius:2rem;background:transparent;color:var(--text-tertiary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button:hover{color:var(--text-primary);border-color:var(--accent-gradient-start);background:#7c92f514}.tab-button.active{color:var(--text-primary);border-color:transparent;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);box-shadow:0 2px 10px #7c92f559}.logout-button{display:inline-flex;align-items:center;gap:.4rem;padding:.68rem 1rem;border:1px solid rgba(15,23,42,.08);border-radius:.9rem;background:#ffffffb8;color:#111827a8;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-button:hover{color:#ef4444;border-color:#ef4444;background:#fef2f2e6}.login-section{display:flex;justify-content:center;align-items:center;flex:1;padding:2rem;animation:fadeInUp .5s ease-out}.login-card{background:var(--card-bg);border:1px solid var(--weather-card-border);border-radius:1rem;padding:2.5rem 2rem;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 8px 32px #00000026}.login-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;color:#fff}.login-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0}.login-subtitle{font-size:.875rem;color:var(--text-tertiary);margin:0 0 1rem;text-align:center}.login-form{width:100%;display:flex;flex-direction:column;gap:1rem}.field-group{display:flex;flex-direction:column;gap:.4rem}.field-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.field-input{padding:.65rem .875rem;background:var(--weather-card-bg);border:1px solid var(--weather-card-border);border-radius:.5rem;color:var(--text-primary);font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.field-input:focus{outline:none;border-color:var(--accent-gradient-start);box-shadow:0 0 0 3px #7c92f526}.field-input:disabled{opacity:.6;cursor:not-allowed}.login-error{display:flex;align-items:center;gap:.5rem;padding:.65rem .875rem;background:var(--error-bg);border:1px solid var(--error-border);border-radius:.5rem;color:var(--error-text);font-size:.85rem}.login-success{display:grid;gap:.35rem;margin-top:1rem;padding:.85rem 1rem;background:#14532d8c;border:1px solid rgba(74,222,128,.65);border-radius:.5rem;color:#f0fdf4;font-size:.9rem;font-weight:600}.login-success p{margin:0}.login-success .activation-code-text{display:inline-block;font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;letter-spacing:.03em;color:#fff}@media(prefers-color-scheme:light){.login-success{background:#f0fdf4;border-color:#16a34a;color:#14532d}.login-success .activation-code-text{color:#064e3b}}.turnstile-block{display:grid;gap:.5rem;justify-items:start}.turnstile-block>div:first-child{max-width:100%}@media(max-width:520px){.turnstile-block{justify-items:stretch}.turnstile-block iframe{max-width:100%}}.login-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;margin-top:.25rem;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #7c92f54d}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #7c92f573}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-button.secondary-action{margin-top:0;background:transparent;color:var(--accent-gradient-start);border:1px solid var(--accent-gradient-start);box-shadow:none}.login-button.secondary-action:hover:not(:disabled){background:#7c92f51f;box-shadow:none}.admin-section{animation:fadeInUp .6s ease-out;flex:1;max-width:min(1680px,calc(100vw - 32px));width:100%}.admin-section .card{border-radius:1.5rem;padding:1.5rem;background:#ffffffd6;border:1px solid rgba(15,23,42,.08);box-shadow:0 22px 48px #0f172a14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.device-count{font-size:.82rem;font-weight:600;color:#1118279e;background:#ffffffb3;border:1px solid rgba(15,23,42,.08);border-radius:999px;padding:.45rem .9rem}.table-wrapper{overflow-x:auto;border-radius:1rem;border:1px solid rgba(15,23,42,.08);background:#ffffffc7}.device-table{width:100%;border-collapse:collapse;font-size:.875rem}.device-table th{padding:.9rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#1118278a;background:#f6f8fce6;white-space:nowrap;border-bottom:1px solid rgba(15,23,42,.08)}.device-table td{padding:.9rem 1rem;color:var(--text-secondary);border-bottom:1px solid rgba(15,23,42,.06);white-space:nowrap}.device-table tbody tr:last-child td{border-bottom:none}.device-table tbody tr:hover td{background:#ffffff08}.device-id{font-family:Courier New,monospace;font-size:.8rem;color:var(--accent-gradient-start);cursor:default}.device-meta-stack{display:flex;flex-direction:column;gap:.3rem;min-width:0}.device-badge-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.device-link-button{border:none;background:transparent;padding:0;text-align:left;width:fit-content}.device-link-button:hover .device-id{text-decoration:underline}.device-link-button:focus-visible{outline:3px solid var(--focus-color);outline-offset:2px;border-radius:.35rem}.muted-inline{color:var(--text-tertiary);font-size:.8rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem 1rem;color:var(--text-tertiary);text-align:center}.empty-state p{margin:0;font-size:1rem}.empty-hint{font-size:.875rem!important;opacity:.7}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap}.admin-tab-nav{display:flex;flex-wrap:wrap;gap:.45rem;background:#ffffffb8;border:1px solid rgba(15,23,42,.08);border-radius:1rem;padding:.35rem;flex:1;min-width:0;box-shadow:0 14px 32px #0f172a0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@media(prefers-color-scheme:light){.admin-tab-nav{background:#ffffffb8}}.admin-tab-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.58rem .95rem;border:none;border-radius:.75rem;background:transparent;color:#111827a8;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-tab-btn:hover{color:var(--text-primary);background:#0f172a0d}.admin-tab-btn.active{background:#111827;color:#fff;box-shadow:0 10px 24px #0f172a29}.admin-tab-btn:focus-visible{outline:3px solid var(--focus-color);outline-offset:2px}.activation-tab{display:flex;flex-direction:column;gap:1.25rem;width:100%}.generate-card{padding:1.25rem 1.5rem}.generate-form{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-top:.75rem}.gen-field{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:160px}.gen-field-count{flex:0 0 110px;min-width:90px}.count-input{width:100%}.gen-submit-btn{flex:0 0 auto;min-width:120px;height:var(--cta-height)}.plan-selector{display:flex;gap:.5rem;flex-wrap:wrap}.plan-option{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.5rem 1rem;border:1px solid var(--weather-card-border);border-radius:.5rem;background:var(--weather-card-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;min-width:80px}.plan-option:hover{border-color:var(--accent-gradient-start);color:var(--text-primary)}.plan-option.selected{border-color:transparent;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);color:#fff;box-shadow:0 2px 8px #7c92f559}.plan-option:focus-visible{outline:3px solid var(--focus-color);outline-offset:2px}.plan-name{font-size:.875rem;font-weight:600}.plan-duration{font-size:.72rem;opacity:.8}.success-message{display:flex;align-items:center;gap:.75rem;background-color:#22c55e1a;border-left:4px solid #22c55e;color:#86efac;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;animation:slideIn .3s ease-out}@media(prefers-color-scheme:light){.success-message{color:#15803d;background-color:#f0fdf4}}.code-stat{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--text-tertiary);background:var(--weather-card-bg);border:1px solid var(--weather-card-border);border-radius:1rem;padding:.25rem .75rem}.code-type-badge{display:inline-flex;align-items:center;border-radius:.5rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.code-type-gift{color:#2563eb;background:#2563eb1f}.code-type-paid{color:#059669;background:#0596691f}.stat-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot-available{background:#22c55e}.dot-redeemed{background:#a78bfa}.activation-table .activation-code-text,.device-table .activation-code-text{font-family:Courier New,monospace;font-size:.82rem;font-weight:600;color:var(--accent-gradient-start);letter-spacing:.03em;cursor:default}.plan-badge{display:inline-block;padding:.2rem .6rem;border-radius:1rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-monthly{background:#3b82f62e;color:#93c5fd}.badge-yearly{background:#a855f72e;color:#d8b4fe}.badge-lifetime{background:#eab3082e;color:#fde047}@media(prefers-color-scheme:light){.badge-monthly{background:#3b82f61f;color:#1d4ed8}.badge-yearly{background:#a855f71f;color:#7e22ce}.badge-lifetime{background:#eab3081f;color:#a16207}}.status-badge{display:inline-block;padding:.2rem .6rem;border-radius:1rem;font-size:.72rem;font-weight:600}.badge{display:inline-block;padding:.2rem .55rem;border-radius:1rem;font-size:.72rem;font-weight:600}.badge-redeem{background:#22c55e2e;color:#86efac}.badge-self-unbind{background:#fbbf242e;color:#fcd34d}.badge-admin-unbind{background:#ef44442e;color:#fca5a5}.badge-verify{background:#63b3ed2e;color:#90cdf4}.badge-verify-appstore{background:#a78bfa2e;color:#c4b5fd}.badge-success{background:#22c55e2e;color:#86efac}.badge-error{background:#ef44442e;color:#fca5a5}@media(prefers-color-scheme:light){.badge-redeem{background:#22c55e1f;color:#15803d}.badge-self-unbind{background:#fbbf241f;color:#92400e}.badge-admin-unbind{background:#ef44441f;color:#b91c1c}.badge-verify{background:#63b3ed1f;color:#1d4ed8}.badge-verify-appstore{background:#a78bfa1f;color:#7e22ce}.badge-success{background:#22c55e1f;color:#15803d}.badge-error{background:#ef44441f;color:#b91c1c}}.status-available{background:#22c55e26;color:#86efac}.status-redeemed{background:#a78bfa26;color:#c4b5fd}.status-disabled{background:#ef444426;color:#fca5a5}.status-pending{background:#f59e0b26;color:#fcd34d}.device-context-appstore{background:#0891b226;color:#67e8f9}.device-context-beta,.device-context-beta\+tf{background:#6366f126;color:#c7d2fe}.device-context-tf{background:#a855f726;color:#e9d5ff}.device-context-activation-only{background:#22c55e26;color:#bbf7d0}.device-context-organic{background:#94a3b826;color:#cbd5e1}@media(prefers-color-scheme:light){.status-available{background:#22c55e1f;color:#15803d}.status-redeemed{background:#6d28d91a;color:#6d28d9}.status-disabled{background:#ef44441a;color:#dc2626}.status-pending{background:#f59e0b1f;color:#b45309}.device-context-appstore{background:#0891b21f;color:#0f766e}.device-context-beta,.device-context-beta\+tf{background:#6366f11f;color:#4338ca}.device-context-tf{background:#a855f71f;color:#7e22ce}.device-context-activation-only{background:#22c55e1f;color:#15803d}.device-context-organic{background:#94a3b81f;color:#475569}}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0 .25rem;border-top:1px solid var(--border-color);margin-top:.5rem}.page-btn{padding:.35rem .9rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s}.page-btn:hover:not(:disabled){background:#667eea1f;border-color:var(--accent-gradient-start)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:.85rem;color:var(--text-primary);min-width:8rem;text-align:center}.page-total{color:var(--text-muted);font-size:.8rem}.orders-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.orders-search-input{min-width:280px;flex:1 1 320px}.orders-filter-select{min-width:180px}.activation-link-button{border:none;background:transparent;padding:0;color:var(--accent-gradient-start);font-family:Courier New,monospace;font-size:.82rem;font-weight:700;cursor:pointer;text-align:left}.activation-link-button:hover{text-decoration:underline}.order-detail-row td{background:#0f172a0a}.order-detail-panel{display:grid;gap:1rem;padding:1rem .25rem .25rem}.order-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem;font-size:.85rem;color:var(--text-secondary)}.order-detail-grid strong,.order-detail-block strong{color:var(--text-primary)}.order-detail-block{display:grid;gap:.5rem}.order-detail-pre{margin:0;padding:.9rem 1rem;border-radius:.75rem;background:#0f172ae0;color:#e2e8f0;font-size:.8rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-word}@media(prefers-color-scheme:light){.order-detail-row td{background:#f8fafcd9}.activation-link-button{color:#1d4ed8}.order-detail-pre{background:#0f172a;color:#e2e8f0}}.beta-section{display:flex;justify-content:center;align-items:flex-start;flex:1;width:100%;padding:1rem 0 0;animation:fadeInUp .5s ease-out}.beta-card{background:#fffc;border:1px solid rgba(15,23,42,.08);border-radius:1.6rem;padding:3.5rem 3rem;width:100%;max-width:1120px;display:flex;flex-direction:column;align-items:center;gap:.85rem;box-shadow:0 22px 48px #0f172a14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.beta-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;color:#fff}.beta-icon-locked{background:linear-gradient(135deg,#4b5563,#374151)}.beta-icon-success{background:linear-gradient(135deg,#16a34a,#15803d)}.beta-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0}.beta-subtitle{font-size:.96rem;color:#111827ad;margin:0 0 1rem;text-align:center;line-height:1.75;max-width:52ch}.beta-form{width:100%;display:flex;flex-direction:column;gap:1rem}.field-hint{font-size:.75rem;color:var(--text-tertiary);margin-top:.2rem}.field-optional{font-weight:400;color:var(--text-tertiary);text-transform:none;letter-spacing:0}.field-textarea{resize:vertical;min-height:80px;font-family:inherit;font-size:.9rem}.beta-admin-tab{display:flex;flex-direction:column;gap:1.25rem;width:100%}.beta-settings-card{padding:1.25rem 1.5rem}.portal-status-badge{display:inline-block;padding:.2rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.portal-open{background:#22c55e26;color:#86efac}.portal-closed{background:#ef444426;color:#fca5a5}.portal-pending{background:#f59e0b29;color:#fbbf24}@media(prefers-color-scheme:light){.portal-open{background:#22c55e1f;color:#15803d}.portal-closed{background:#ef44441a;color:#dc2626}.portal-pending{background:#f59e0b24;color:#b45309}}.toggle-portal-btn{padding:.4rem 1rem;border-radius:.5rem;font-size:.82rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.btn-open{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 2px 8px #16a34a59}.btn-open:hover{opacity:.9}.btn-close{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.btn-close:hover{background:#ef444440}@media(prefers-color-scheme:light){.btn-close{color:#dc2626;border-color:#ef444466}}.settings-form{display:flex;flex-direction:column;gap:1rem;margin-top:.75rem}.settings-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.settings-row .field-group{flex:1;min-width:180px}.settings-field-sm{flex:0 0 130px!important;min-width:100px!important}.settings-field-xs{flex:0 0 150px!important;min-width:120px!important}.settings-actions{display:flex;align-items:center;gap:1rem}.save-settings-btn{min-width:130px}.settings-saved-msg{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:#86efac;font-weight:600;animation:fadeInUp .3s ease-out}@media(prefers-color-scheme:light){.settings-saved-msg{color:#15803d}}.telegram-admin-tab{display:flex;flex-direction:column;gap:1.25rem}.telegram-admin-panel{margin-top:1rem;padding:1rem 1.1rem;border-radius:.75rem;background:#ffffff0a;border:1px solid var(--weather-card-border)}.telegram-admin-panel h4{margin:0 0 .55rem;font-size:.95rem;color:var(--text-primary)}.telegram-request-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.telegram-request-section-head h4{margin:0}.telegram-request-count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .65rem;border-radius:999px;background:#7c92f524;border:1px solid rgba(124,146,245,.18);color:var(--text-primary);font-size:.8rem;font-weight:700}.telegram-request-list{display:flex;flex-direction:column;gap:1rem}.telegram-request-card{position:relative;display:flex;flex-direction:column;gap:1rem;padding:1.15rem 1.2rem;border-radius:1rem;border:1px solid var(--weather-card-border);background:linear-gradient(180deg,#ffffff08,#ffffff04),var(--weather-card-bg);overflow:hidden}.telegram-request-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:999px;background:#7c92f58c}.telegram-request-card-pending:before{background:linear-gradient(180deg,#f59e0b,#7c92f5)}.telegram-request-card-reviewed:before{background:linear-gradient(180deg,#6ee7b7d9,#7c92f5a6)}.telegram-request-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.telegram-request-channel{flex:1;min-width:260px;display:flex;flex-direction:column;gap:.35rem}.telegram-request-title-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.telegram-request-key{font-size:1rem;line-height:1.35;color:var(--text-primary);word-break:break-word}.telegram-request-link{color:var(--text-secondary);font-size:.9rem;line-height:1.45;word-break:break-all;text-decoration:none}a.telegram-request-link:hover{color:var(--text-primary);text-decoration:underline}.telegram-request-support-card{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;min-width:96px;padding:.75rem .9rem;border-radius:.85rem;background:#7c92f514;border:1px solid rgba(124,146,245,.14)}.telegram-request-support-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-weight:700}.telegram-request-support-card strong{font-size:1.05rem;color:var(--text-primary)}.telegram-request-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.telegram-request-meta-item{display:flex;flex-direction:column;gap:.3rem;padding:.8rem .9rem;border-radius:.85rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);min-width:0}.telegram-request-meta-item span{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-weight:700}.telegram-request-meta-item strong{font-size:.9rem;line-height:1.45;color:var(--text-primary);font-weight:600;word-break:break-word}.telegram-request-note-box{display:flex;flex-direction:column;gap:.45rem}.telegram-request-note-input{width:100%}.telegram-request-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.telegram-request-approve,.telegram-request-reject,.telegram-request-delete{width:auto;min-width:128px}.telegram-request-reject{margin-top:.25rem;padding-inline:1rem;color:#dc2626;border:1px solid rgba(220,38,38,.24);background:linear-gradient(180deg,#ffffffe0,#fef2f2f2);box-shadow:0 6px 16px #dc262614}.telegram-request-reject:hover:not(:disabled){background:linear-gradient(180deg,#fef2f2fa,#fee2e2fa);border-color:#dc262657;box-shadow:0 10px 22px #dc262624}@media(prefers-color-scheme:dark){.telegram-request-reject{color:#fca5a5;border-color:#f8717142;background:linear-gradient(180deg,#7f1d1d29,#450a0a38);box-shadow:0 8px 18px #00000038}.telegram-request-reject:hover:not(:disabled){background:linear-gradient(180deg,#991b1b38,#450a0a4d);border-color:#f871716b;box-shadow:0 12px 22px #00000047}}@media(max-width:960px){.telegram-request-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.telegram-request-card{padding:1rem}.telegram-request-channel,.telegram-request-support-card{min-width:0}.telegram-request-support-card{width:100%;align-items:flex-start}.telegram-request-meta-grid{grid-template-columns:1fr}.telegram-request-actions{flex-direction:column;align-items:stretch}.telegram-request-approve,.telegram-request-reject,.telegram-request-delete{width:100%}}.telegram-action-list{margin:0;padding-left:1.1rem;color:var(--text-secondary)}.telegram-action-list li+li{margin-top:.35rem}.telegram-auth-form{display:grid;gap:.75rem}.telegram-auth-form+.telegram-auth-form{margin-top:1rem}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-card{background:var(--weather-card-bg);border:1px solid var(--weather-card-border);border-radius:.75rem;padding:1rem 1.25rem;display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-start}.request-pending{border-left:3px solid var(--accent-gradient-start)}.request-info{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.3rem}.request-name{font-weight:700;font-size:1rem;color:var(--text-primary)}.request-email{font-size:.85rem;color:var(--text-secondary)}.request-device{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-top:.25rem}.request-device .label{color:var(--text-tertiary);font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.05em}.request-device code{font-family:Courier New,monospace;font-size:.82rem;color:var(--accent-gradient-start);word-break:break-all}.request-note{font-size:.82rem;color:var(--text-tertiary);font-style:italic}.request-meta{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.request-actions{display:flex;flex-direction:column;gap:.5rem;min-width:260px}.approve-row,.reject-row{display:flex;gap:.5rem}.plan-select{flex:1;padding:.5rem .6rem;background:var(--weather-card-bg);border:1px solid var(--weather-card-border);border-radius:.4rem;color:var(--text-primary);font-size:.82rem;cursor:pointer}.plan-select:focus{outline:none;border-color:var(--accent-gradient-start)}.approve-btn{padding:.5rem .9rem;background:linear-gradient(135deg,var(--accent-gradient-start),var(--accent-gradient-end));color:#fff;border:none;border-radius:.4rem;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s ease}.approve-btn:hover:not(:disabled){opacity:.9}.approve-btn:disabled{opacity:.5;cursor:not-allowed}.reject-note-input{flex:1;padding:.45rem .6rem;font-size:.82rem}.reject-btn{padding:.45rem .9rem;background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.3);border-radius:.4rem;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s ease}.reject-btn:hover:not(:disabled){background:#ef444438}.reject-btn:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:light){.reject-btn{color:#dc2626;border-color:#ef444466}}.action-error{font-size:.78rem;color:#fca5a5;padding:.25rem .5rem;background:#ef44441a;border-radius:.3rem}.email-status-cell{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:9rem}.email-status-cell .page-btn{padding:.3rem .65rem}.bulk-email-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}@media(prefers-color-scheme:light){.action-error{color:#dc2626}}.pending-count-badge{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--accent-gradient-end);color:#fff;font-size:.72rem;font-weight:700;margin-left:.5rem}.email-settings-tab{display:flex;flex-direction:column;gap:1.25rem;width:100%}.backup-tab .settings-form{gap:1.25rem}.backup-tab .settings-row{align-items:flex-start}.activation-security-tab,.usage-tab{display:flex;flex-direction:column;gap:1.25rem;width:100%}.usage-hint{margin:.35rem 0 0;color:var(--text-tertiary);font-size:.82rem}.usage-actions{flex-wrap:wrap;justify-content:flex-end}.usage-date-field{display:flex;align-items:center;gap:.35rem;color:var(--text-tertiary);font-size:.78rem;font-weight:600}.usage-date-field input,.usage-select{height:2.25rem;border-radius:.4rem;border:1px solid var(--weather-card-border);background:var(--weather-card-bg);color:var(--text-primary);padding:0 .65rem;font-size:.82rem}.usage-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.usage-stat-card{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem;background:#ffffff0a;border:1px solid var(--weather-card-border);border-radius:.5rem;min-width:0}.usage-stat-card span{color:var(--text-tertiary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.usage-stat-card strong{color:var(--text-primary);font-size:1.45rem;line-height:1.1}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}@media(prefers-color-scheme:light){.usage-stat-card{background:#00000008}}@media(max-width:768px){.usage-actions{justify-content:stretch}.usage-date-field{width:100%;justify-content:space-between}.usage-date-field input,.usage-select{flex:1}}.security-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.security-status-item{display:flex;flex-direction:column;gap:.25rem;padding:.85rem 1rem;background:#ffffff0a;border:1px solid var(--weather-card-border);border-radius:.5rem;min-width:0}.security-status-item strong,.security-status-item code{color:var(--text-primary);overflow-wrap:anywhere}.security-wide{grid-column:1 / -1}.security-label{font-size:.72rem;color:var(--text-tertiary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.security-key-panel{display:flex;flex-direction:column;gap:.65rem;padding:1rem;background:#ffffff0a;border:1px solid var(--weather-card-border);border-radius:.5rem}.capability-key-panel{margin-top:1rem}.security-key-panel h4{margin:0 0 .25rem;font-size:.95rem;color:var(--text-primary)}.security-key-box{display:flex;align-items:stretch;gap:.75rem;min-width:0}.security-key-box code{flex:1;padding:.75rem;background:#0000002e;border:1px solid var(--weather-card-border);border-radius:.4rem;color:var(--text-secondary);overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}.security-meta{font-size:.78rem;color:var(--text-tertiary)}.security-action-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.75rem}.backup-schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.backup-schedule-card{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.1rem;background:#ffffff0a;border:1px solid var(--weather-card-border);border-radius:.75rem}.backup-schedule-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.backup-schedule-head h4{margin:0;font-size:1rem;color:var(--text-primary)}.backup-schedule-head p{margin:.35rem 0 0;font-size:.82rem;line-height:1.5;color:var(--text-tertiary)}.backup-schedule-toggle{flex-shrink:0;min-height:44px}.backup-schedule-body{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.backup-time-field{flex:0 0 180px}.backup-schedule-meta{display:flex;flex-direction:column;gap:.25rem;min-width:180px;color:var(--text-tertiary);font-size:.82rem}.backup-schedule-meta-label{font-size:.72rem;color:var(--text-tertiary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.backup-schedule-meta strong{color:var(--text-primary);font-size:.92rem}.security-key-id{flex:1;min-width:220px}.danger-action{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 2px 8px #dc262640}.danger-action:hover:not(:disabled){box-shadow:0 4px 12px #dc262659}.table-actions{display:inline-flex;align-items:center;gap:.45rem}.small-action-button{min-width:4.25rem;height:2rem;padding:0 .75rem;border:1px solid rgba(124,146,245,.28);border-radius:.5rem;background:#7c92f51f;color:var(--text-primary);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,opacity .2s ease}.small-action-button:hover:not(:disabled){background:#7c92f533;border-color:#7c92f56b}.small-action-button.danger{border-color:#ef444447;background:#ef44441f;color:#fca5a5}.small-action-button.danger:hover:not(:disabled){background:#ef444433;border-color:#ef44446b}.small-action-button:disabled{opacity:.55;cursor:not-allowed}.dns-domains-tab .settings-row{align-items:flex-start}.dns-enabled-toggle{align-self:end;min-height:var(--cta-height)}@media(prefers-color-scheme:light){.security-status-item,.security-key-panel,.backup-schedule-card{background:#00000008}.security-key-box code{background:#0000000a}.small-action-button.danger{color:#dc2626}}@media(max-width:768px){.security-key-box{flex-direction:column}.backup-schedule-head,.backup-schedule-body{flex-direction:column;align-items:stretch}.backup-time-field,.backup-schedule-meta{min-width:0;width:100%}}.email-settings-hint{font-size:.82rem;color:var(--text-tertiary);margin:0 0 1rem;line-height:1.5}.email-settings-hint code{font-family:Courier New,monospace;font-size:.8rem;background:#ffffff12;padding:.1rem .35rem;border-radius:.25rem}@media(prefers-color-scheme:light){.email-settings-hint code{background:#0000000f}}.email-settings-form{display:flex;flex-direction:column;gap:.875rem}.es-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.es-row .field-group{flex:1;min-width:160px}.es-host{flex:2!important}.es-port{flex:0 0 100px!important;min-width:80px!important}.es-ssl{flex:0 0 120px!important;min-width:100px!important}.field-hint-inline{font-size:.72rem;color:var(--text-tertiary);font-weight:400;text-transform:none;letter-spacing:0;margin-left:.25rem}.ssl-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.65rem .875rem;background:var(--weather-card-bg);border:1px solid var(--weather-card-border);border-radius:.5rem;transition:border-color .2s ease}.ssl-toggle:hover{border-color:var(--accent-gradient-start)}.ssl-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-gradient-end)}.ssl-toggle-label{font-size:.875rem;color:var(--text-primary);-webkit-user-select:none;user-select:none}.es-actions{display:flex;align-items:center;gap:1rem;margin-top:.25rem}.es-test-form{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.es-test-btn{flex:0 0 auto;min-width:110px}.smtp-presets{margin-top:1.25rem;border:1px solid var(--weather-card-border);border-radius:.5rem;overflow:hidden}.smtp-presets summary{padding:.65rem 1rem;font-size:.82rem;font-weight:600;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--weather-card-bg);list-style:none;display:flex;align-items:center;gap:.4rem}.smtp-presets summary::-webkit-details-marker{display:none}.smtp-presets summary:before{content:"▶";font-size:.6rem;transition:transform .2s ease;display:inline-block}.smtp-presets[open] summary:before{transform:rotate(90deg)}.smtp-presets summary:hover{color:var(--text-primary)}.presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;padding:.75rem;background:var(--weather-card-bg);border-top:1px solid var(--weather-card-border)}.preset-btn{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .75rem;background:transparent;border:1px solid var(--weather-card-border);border-radius:.4rem;cursor:pointer;text-align:left;transition:all .2s ease}.preset-btn:hover{border-color:var(--accent-gradient-start);background:#7c92f512}.preset-name{font-size:.82rem;font-weight:700;color:var(--text-primary)}.preset-detail{font-size:.72rem;font-family:Courier New,monospace;color:var(--accent-gradient-start)}.preset-note{font-size:.7rem;color:var(--text-tertiary);line-height:1.4}.home-page{display:flex;flex-direction:column;gap:3rem;animation:fadeInUp .5s ease-out}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1rem 1rem;gap:1.25rem}.hero-badge{display:inline-block;padding:.3rem 1rem;border-radius:2rem;background:#7c92f51f;border:1px solid rgba(124,146,245,.25);color:var(--accent-gradient-start);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.03em;margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-gradient-start) 60%,var(--accent-gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.hero-subtitle{font-size:1.05rem;color:var(--text-tertiary);margin:0;line-height:1.65;max-width:520px}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-start;margin-top:.5rem}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;padding:.85rem 1.7rem;border-radius:999px;border:none;background:#111827;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.btn-ghost{display:inline-flex;align-items:center;gap:.4rem;padding:.85rem 1.45rem;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#ffffffb3;color:#0f172ac7;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{border-color:#0f172a1f;color:var(--text-primary);background:#fffffff0}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.feature-card{background:#ffffffb8;border:1px solid rgba(15,23,42,.06);border-radius:1.25rem;padding:1.35rem 1.35rem 1.45rem;display:flex;flex-direction:column;gap:.7rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a0f;border-color:#0f172a14}.feature-icon{width:40px;height:40px;border-radius:999px;background:#0f172a0d;display:flex;align-items:center;justify-content:center;color:#111827;flex-shrink:0}.feature-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.feature-desc{font-size:.88rem;color:#0f172aad;margin:0;line-height:1.8}.status-strip{display:flex;align-items:center;justify-content:center;gap:1.4rem;padding:1rem 1.6rem;background:#ffffffc7;border:1px solid rgba(15,23,42,.08);border-radius:999px;box-shadow:0 14px 34px #0f172a0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-online{background:#22c55e;box-shadow:0 0 6px #22c55e99;animation:pulse-dot 2.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.55}}.status-label{font-size:.8rem;font-weight:500;color:var(--text-tertiary)}.status-divider{width:1px;height:16px;background:var(--weather-card-border)}@media(max-width:768px){.topbar{padding:0 1rem}.brand-name{display:none}.nav-link{padding:.35rem .6rem;font-size:.825rem}.main-content{padding:1.5rem 1rem}.main-home,.main-public{max-width:100%;padding-left:1rem;padding-right:1rem}.home-page{gap:2rem}.hero{padding:1.5rem 0 0;gap:1rem}.hero-subtitle{font-size:.925rem}.feature-grid,.site-announcement-list,.site-news-grid{grid-template-columns:1fr}.status-strip{border-radius:1.25rem;justify-content:flex-start;padding:1rem 1.1rem}.admin-header{flex-direction:column;align-items:stretch}.admin-tab-nav{justify-content:center}.generate-form{flex-direction:column;align-items:stretch}.gen-field-count{flex:1}.gen-submit-btn{width:100%}.plan-selector{justify-content:stretch}.plan-option{flex:1}.status-strip{gap:.75rem}.status-divider{display:none}}.auto-approve-section{display:flex;flex-direction:column;gap:.6rem;padding:.9rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.5rem}@media(prefers-color-scheme:light){.auto-approve-section{background:#00000008;border-color:#00000014}}.auto-approve-header{display:flex;flex-direction:column;gap:.2rem}.auto-approve-title-row{display:flex;align-items:center;gap:.5rem}.auto-approve-title{font-size:.875rem;font-weight:600}.auto-approve-badge{font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:.15rem .45rem;border-radius:.25rem}.auto-approve-on{background:#16a34a33;color:#4ade80;border:1px solid rgba(22,163,74,.35)}.auto-approve-off{background:#ffffff0f;color:var(--text-muted);border:1px solid rgba(255,255,255,.1)}@media(prefers-color-scheme:light){.auto-approve-on{color:#16a34a}.auto-approve-off{background:#0000000d;color:#6b7280;border-color:#0000001a}}.auto-approve-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.auto-approve-toggle{position:relative;width:44px;height:24px;border-radius:12px;border:none;cursor:pointer;flex-shrink:0;transition:background .2s ease;padding:0}.toggle-on{background:linear-gradient(135deg,#16a34a,#15803d)}.toggle-off{background:#ffffff26}@media(prefers-color-scheme:light){.toggle-off{background:#d1d5db}}.auto-approve-toggle:disabled{opacity:.5;cursor:not-allowed}.toggle-thumb{position:absolute;top:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:left .2s ease;box-shadow:0 1px 3px #0000004d}.toggle-on .toggle-thumb{left:23px}.toggle-off .toggle-thumb{left:3px}.auto-approve-plan-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.plan-option-sm{padding:.25rem .65rem!important;font-size:.78rem!important}.code-actions-cell{white-space:nowrap;width:1%}.code-action-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.unbind-btn{padding:.3rem .65rem;font-size:.78rem;font-weight:600;background:#eab3081f;color:#fbbf24;border:1px solid rgba(234,179,8,.3);border-radius:.35rem;cursor:pointer;white-space:nowrap;transition:background .2s ease}.unbind-btn:hover:not(:disabled){background:#eab30838}.unbind-btn:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:light){.unbind-btn{color:#92400e;border-color:#d9770666;background:#d977061a}}.unbind-error{font-size:.72rem;color:#fca5a5}@media(prefers-color-scheme:light){.unbind-error{color:#dc2626}}.code-search-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.code-search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:220px;max-width:480px}.code-search-icon{position:absolute;left:.65rem;color:var(--text-muted);pointer-events:none;flex-shrink:0}.code-search-input{width:100%;padding:.45rem 2.2rem .45rem 2.1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:.4rem;color:var(--text-primary);font-size:.85rem;transition:border-color .2s}.code-search-input:focus{outline:none;border-color:var(--accent-gradient-start)}.code-search-input::placeholder{color:var(--text-muted)}@media(prefers-color-scheme:light){.code-search-input{background:#fff;border-color:#d1d5db}}.code-search-spinner{position:absolute;right:.65rem;color:var(--text-muted)}.code-search-clear{position:absolute;right:.55rem;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;line-height:1;padding:.1rem .2rem;border-radius:.2rem}.code-search-clear:hover{color:var(--text-primary)}.search-result-count{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.search-requester{display:flex;flex-direction:column;gap:.1rem}.search-requester-name{font-size:.82rem;font-weight:500}.search-requester-email{font-size:.75rem;color:var(--text-muted)}.site-home{width:100%;gap:2rem}.site-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.8fr);align-items:center;gap:2rem;min-height:620px;padding:4.25rem 4.25rem 3.4rem;border-radius:1.75rem;border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at top left,rgba(255,225,170,.2),transparent 30%),linear-gradient(180deg,#fffcf7f0,#f5f8ffe6);overflow:hidden}.site-hero:after{content:"";position:absolute;inset:auto -10% -35% auto;width:280px;height:280px;border-radius:50%;background:#ffffff0f;filter:blur(12px)}.site-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:1.2rem;min-width:0;max-width:760px}.site-hero-title{font-size:clamp(3.2rem,5.4vw,5.15rem);line-height:.98;letter-spacing:-.06em;margin:0;max-width:13ch;color:#111827;text-wrap:balance}.site-hero-subtitle{margin:0;max-width:56ch;color:#111827b8;font-size:1.06rem;line-height:1.85}.site-hero-visual{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.site-hero-panel-main,.site-hero-panel-card{border-radius:1.5rem;background:#ffffffb8;border:1px solid rgba(15,23,42,.07);box-shadow:0 22px 48px #0f172a12;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.site-hero-panel-main{padding:1.45rem 1.45rem 1.55rem}.site-hero-panel-kicker{display:inline-flex;align-items:center;padding:.3rem .72rem;border-radius:999px;background:#3b82f614;color:#2563ebdb;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.site-hero-panel-main h3{margin:1rem 0 0;font-size:1.75rem;line-height:1.08;letter-spacing:-.04em;color:#111827}.site-hero-panel-main p,.site-hero-panel-card p{margin:.8rem 0 0;color:#111827ad;line-height:1.78}.site-hero-panel-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem}.site-hero-panel-card{position:relative;padding:1.15rem 1.15rem 1.2rem}.site-hero-panel-card strong{display:block;margin-top:1.2rem;font-size:1rem;line-height:1.3;color:#111827}.site-hero-mini-dot{position:absolute;top:1rem;left:1rem;width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#111827,#6b7280)}.site-hero-panel-meta{align-self:flex-start;padding:.55rem .9rem;border-radius:999px;background:#ffffffa6;border:1px solid rgba(15,23,42,.06);color:#11182794;font-size:.78rem;letter-spacing:.04em}.site-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.site-proof-card{padding:1.35rem 1.35rem 1.45rem;border-radius:1.25rem;background:#ffffffb8;border:1px solid rgba(17,24,39,.06);box-shadow:0 8px 24px #0f172a0d}.site-proof-label{display:inline-block;margin-bottom:.75rem;padding:.25rem .6rem;border-radius:999px;background:#ffb56b24;color:#a16207;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.site-proof-card h3,.site-announcement-card h3,.site-news-card h3,.site-roadmap-content h3{margin:0;font-size:1.02rem;line-height:1.35;color:var(--text-primary)}.site-proof-card p,.site-announcement-card p,.site-news-card p,.site-roadmap-content p,.site-section-heading p,.site-faq-item p{margin:.6rem 0 0;line-height:1.8;color:var(--text-tertiary)}.site-section{display:flex;flex-direction:column;gap:1.15rem}.site-section-heading{display:flex;flex-direction:column;gap:.55rem}.site-section-kicker{font-size:.74rem;text-transform:uppercase;letter-spacing:.18em;color:#0f172a6b;font-weight:600}.site-section-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.045em;line-height:1.08}.site-announcement-list,.site-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.site-announcement-card,.site-news-card,.site-faq-item,.site-roadmap-item{border-radius:1.5rem;background:#ffffffe0;border:1px solid rgba(15,23,42,.08);overflow:hidden;box-shadow:0 18px 40px #0f172a0d}.site-announcement-card,.site-news-card{min-width:0;display:flex;flex-direction:column}.site-announcement-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;font-size:.78rem;color:var(--text-tertiary)}.site-tag{padding:.2rem .55rem;border-radius:999px;background:#0f172a0d;color:#0f172a9e;font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.site-news-date{display:inline-block;margin-bottom:.85rem;color:#f5b76f;font-size:.8rem;font-weight:700}.site-roadmap-list,.site-faq-list{display:flex;flex-direction:column;gap:1rem}.site-roadmap-item{display:grid;grid-template-columns:120px 1fr;gap:1.2rem;padding:1.2rem 1.3rem;align-items:start}.site-roadmap-quarter{align-self:start;padding:.45rem .7rem;border-radius:999px;background:#0f172a0d;color:#0f172aa3;font-size:.76rem;font-weight:600;text-align:center}.site-roadmap-content{min-width:0}.site-faq-item{padding:.15rem 1.25rem}.site-faq-item summary{list-style:none;cursor:pointer;padding:1.1rem 0;font-weight:600;color:var(--text-primary)}.site-faq-item summary::-webkit-details-marker{display:none}.site-faq-item[open]{background:#fffffff2}.site-faq-item p{padding:0 0 1rem;margin:0}.site-footer{padding-left:1rem;padding-right:1rem}.site-footer-line{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.mobile-action-bar{display:none}.mobile-action-btn{border:none;border-radius:1rem;cursor:pointer;font:inherit;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease}.mobile-action-icon,.mobile-action-label{display:inline-flex;align-items:center;justify-content:center}.site-clickable-card{cursor:pointer}.site-clickable-card:hover{transform:translateY(-2px);box-shadow:0 24px 48px #0f172a14}.site-card-image{width:100%;height:200px;object-fit:cover;display:block}.site-card-body{padding:1.05rem 1.1rem 1.2rem}.site-section-actions{display:flex;justify-content:flex-start}.content-page,.content-detail-page{display:flex;flex-direction:column;gap:1.5rem;width:100%}.content-page-hero,.content-article{padding:1.5rem;border-radius:1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.content-page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.content-page-title,.content-article h1{margin:.45rem 0 0;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.04em}.content-page-subtitle,.content-article-summary{margin:.75rem 0 0;color:var(--text-tertiary);line-height:1.8;max-width:60ch}.content-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.content-article-head{display:flex;flex-direction:column;gap:.85rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.content-article-cover{margin:-1.5rem -1.5rem 1.25rem}.content-article-cover img{width:100%;max-height:420px;object-fit:cover;display:block}.content-article-meta,.content-article-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.content-article-date{color:var(--text-tertiary);font-size:.9rem}.content-article-body{padding-top:1.5rem}.content-article-body p,.content-article-body h1,.content-article-body h2{margin:0 0 1rem}.content-article-body p{line-height:1.9;color:var(--text-secondary)}.content-article-body h1,.content-article-body h2{font-size:1.35rem;letter-spacing:-.02em}.content-admin-tab{display:flex;flex-direction:column;gap:1.25rem}.content-filters{display:flex;gap:1rem;flex-wrap:wrap}.content-editor-form{display:flex;flex-direction:column;gap:1rem}.content-editor-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:1rem;align-items:start}.content-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.content-textarea{width:100%;min-height:120px;padding:.85rem .9rem;resize:vertical;font:inherit;color:var(--text-primary);background:var(--weather-card-bg);border:1px solid var(--weather-card-border);border-radius:.5rem}.content-summary{min-height:100px}.content-body{min-height:240px}.content-title-cell{display:flex;flex-direction:column;gap:.35rem}.content-title-cell span{color:var(--text-tertiary);font-size:.8rem;line-height:1.5}.content-preview-panel{display:flex;flex-direction:column;gap:1rem}.content-preview-card,.content-preview-article{overflow:hidden;border-radius:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.content-preview-thumb,.content-preview-cover{width:100%;display:block;object-fit:cover}.content-preview-thumb{height:180px}.content-preview-cover{max-height:220px}.content-preview-article h3,.content-preview-body{padding-left:1rem;padding-right:1rem}.content-preview-article h3{margin:1rem 0 .5rem}.content-preview-body{padding-bottom:1rem}.content-preview-body p,.content-preview-body ul,.content-preview-body h4{margin:0 0 .75rem;color:var(--text-secondary);line-height:1.7}.content-upload-btn{margin-top:.6rem;display:inline-flex;align-self:flex-start}.content-library-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.content-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.9rem}.content-library-card{overflow:hidden;border-radius:.9rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.content-library-thumb{width:100%;height:140px;object-fit:cover;display:block}.content-library-meta,.content-library-actions{padding-left:.8rem;padding-right:.8rem}.content-library-meta{display:flex;flex-direction:column;gap:.25rem;padding-top:.75rem}.content-library-meta strong{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-library-meta span{color:var(--text-tertiary);font-size:.75rem}.content-library-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding-top:.8rem;padding-bottom:.8rem}.content-library-actions .reject-btn{grid-column:1 / -1}.content-library-empty{padding:1rem;border-radius:.8rem;background:#ffffff0a;color:var(--text-tertiary);border:1px dashed rgba(255,255,255,.12)}.js-subscriptions-tab{display:grid;gap:1rem}.js-subscriptions-admin-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:1.25rem}.js-subscriptions-admin-card{display:grid;gap:1rem;align-content:start}.js-subscriptions-right-column{display:grid;gap:1.25rem;align-content:start}.js-subscriptions-form,.js-subscriptions-source-list{display:grid;gap:.75rem}.js-subscriptions-source-item{display:grid;gap:.65rem;padding:.9rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.js-subscriptions-source-item.active{border-color:#ffffff3d;background:#ffffff0f}.js-subscriptions-source-head,.js-subscriptions-source-actions{display:flex;justify-content:space-between;align-items:center;gap:.65rem}.js-subscriptions-source-select{min-width:12rem}.js-subscriptions-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.js-subscriptions-stat{display:grid;gap:.2rem;padding:.95rem 1rem;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.js-subscriptions-stat strong{font-size:1.25rem;line-height:1}.js-subscriptions-stat span{font-size:.84rem;color:var(--text-tertiary)}.js-subscriptions-overview{align-items:stretch}.js-subscriptions-table td{vertical-align:top}.js-subscriptions-error{color:#fca5a5;font-size:.85rem;line-height:1.4;word-break:break-word}@media(max-width:1100px){.js-subscriptions-admin-grid{grid-template-columns:1fr}}.content-preview-quote,.content-article-quote{margin:0 0 1rem;padding:.9rem 1rem;border-left:3px solid var(--accent-gradient-start);background:#ffffff0a;color:var(--text-secondary);border-radius:.5rem}.content-preview-code,.content-article-code{margin:0 0 1rem;padding:.9rem 1rem;background:#00000038;border:1px solid rgba(255,255,255,.08);border-radius:.7rem;overflow-x:auto}.content-preview-code code,.content-article-code code{font-family:Consolas,Courier New,monospace;color:#f8fafc;white-space:pre-wrap;word-break:break-word}.content-preview-image,.content-article-image{width:100%;display:block;margin:0 0 1rem;border-radius:.9rem}.content-preview-body ol,.content-preview-body ul,.content-article-body ol,.content-article-body ul{margin:0 0 1rem;padding-left:1.4rem;color:var(--text-secondary)}.content-preview-body li,.content-article-body li{margin-bottom:.4rem}@media(prefers-color-scheme:light){.site-hero{background:radial-gradient(circle at top left,rgba(251,191,36,.18),transparent 32%),linear-gradient(135deg,#fffbf5fa,#eff6fff2);border-color:#0000000f}.site-hero-title{color:#1c2433}.site-hero-subtitle{color:#1c2433b8}.site-proof-card,.site-announcement-card,.site-news-card,.site-faq-item,.site-roadmap-item{background:#ffffffd6;border-color:#0000000f}.site-metric-card{background:#ffffffd9;border-color:#0000000d}.site-panel-header strong{color:#1c2433}.site-proof-label,.site-roadmap-quarter{color:#9a5d12;background:#fbbf2429}.site-section-kicker,.site-news-date{color:#b45309}.site-tag{color:#1d4ed8;background:#3b82f624}.content-page-hero,.content-article,.content-preview-card,.content-preview-article{background:#ffffffd6;border-color:#0000000f}.content-preview-quote,.content-article-quote{background:#00000008}.content-library-card,.content-library-empty{background:#ffffffd6;border-color:#0000000f}.content-preview-code,.content-article-code{background:#0f172aeb}}@media(max-width:1024px){.site-hero,.site-proof-grid,.site-announcement-list,.site-news-grid,.content-list-grid,.content-editor-grid{grid-template-columns:1fr}.site-hero-title{max-width:none}}@media(max-width:768px){.site-hero{grid-template-columns:1fr;min-height:auto;padding:2.4rem 1.4rem 1.9rem;border-radius:1.15rem;gap:1.4rem}.site-hero-copy{align-items:center;text-align:center}.site-hero-title{font-size:clamp(2.3rem,10vw,3.2rem);max-width:12ch}.site-hero-subtitle{max-width:34ch}.hero-actions{justify-content:center}.site-hero-visual{width:100%}.site-hero-panel-stack{grid-template-columns:1fr}.site-hero-panel-meta{align-self:center}.site-roadmap-item{grid-template-columns:1fr}.site-roadmap-quarter{justify-self:start}.content-page-hero{flex-direction:column;align-items:stretch}.content-page-hero,.content-article{padding:1.2rem;border-radius:1rem}.content-page-title,.content-article h1{font-size:clamp(1.75rem,8vw,2.4rem)}.content-page-subtitle,.content-article-summary{max-width:none;line-height:1.7}.content-article-cover{margin:-1.2rem -1.2rem 1rem}.content-article-cover img{max-height:240px}.content-article-body{padding-top:1.1rem}.content-article-body p{line-height:1.8}.site-footer-line{gap:.35rem}}@media(max-width:520px){.app-has-mobile-actions .site-footer{padding-bottom:calc(6.9rem + env(safe-area-inset-bottom,0px))}.topbar{height:58px;padding:0 .9rem}.brand-name{font-size:.92rem}.main-content{padding:1.1rem .85rem 1.5rem}.main-home,.main-public{padding-left:.85rem;padding-right:.85rem}.home-page{gap:1.35rem}.site-hero{padding:1.35rem 1rem 1.1rem;border-radius:1rem;gap:1rem}.hero-badge{font-size:.72rem;padding:.28rem .8rem}.site-hero-title{font-size:clamp(2rem,11vw,2.6rem);max-width:none}.site-hero-subtitle{max-width:none;font-size:.94rem;line-height:1.72}.hero-actions{width:100%;flex-direction:column;align-items:stretch;gap:.65rem}.hero-actions .btn-primary,.hero-actions .btn-ghost{width:100%;justify-content:center;padding:.88rem 1rem}.site-hero-panel-main,.site-hero-panel-card{border-radius:1.1rem}.site-hero-panel-main{padding:1.1rem}.site-hero-panel-main h3{font-size:1.35rem}.site-hero-panel-card{padding:.95rem .95rem 1rem}.site-proof-card,.feature-card,.site-roadmap-item,.site-faq-item{padding-left:1rem;padding-right:1rem}.feature-card{padding-top:1.1rem;padding-bottom:1.15rem;border-radius:1rem}.feature-desc{line-height:1.68}.site-section-heading h2{font-size:clamp(1.45rem,8vw,1.9rem)}.site-roadmap-item{gap:.8rem;padding-top:1rem;padding-bottom:1rem}.site-roadmap-quarter{font-size:.72rem}.site-faq-item summary{padding:.95rem 0;line-height:1.5}.status-strip{width:100%;align-items:stretch;justify-content:flex-start;border-radius:1rem;padding:.9rem;gap:.7rem}.status-item{width:100%}.status-label{font-size:.78rem}.site-footer{padding-left:.85rem;padding-right:.85rem}.site-footer-line{flex-direction:column;gap:.2rem;text-align:center}.footer-sep{display:none}.mobile-action-bar{position:fixed;left:.85rem;right:.85rem;bottom:calc(.85rem + env(safe-area-inset-bottom,0px));z-index:140;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;padding:.55rem;border-radius:1.35rem;background:#ffffffeb;border:1px solid rgba(15,23,42,.07);box-shadow:0 20px 48px #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translateY(0);opacity:1;transition:transform .26s ease,opacity .26s ease}.mobile-action-bar.is-hidden{transform:translateY(calc(100% + 1rem));opacity:0;pointer-events:none}.mobile-action-btn{min-height:3.35rem;padding:.6rem .45rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;font-size:.76rem;font-weight:700;letter-spacing:-.01em;color:#667085;background:transparent;border:1px solid transparent}.mobile-action-btn.is-active{color:#111827;background:#0f172a0f;border-color:#0f172a14;box-shadow:inset 0 1px #ffffff73}.mobile-action-accent{color:#9a3412}.mobile-action-accent.is-active{background:linear-gradient(135deg,#d977062e,#ea580c29);border-color:#d977062e;color:#fff}.mobile-action-accent.is-active .mobile-action-label,.mobile-action-accent.is-active .mobile-action-icon{color:#9a3412}.mobile-action-primary.is-active{background:#111827eb;border-color:#111827eb;color:#fff}.mobile-action-icon svg{width:18px;height:18px}.mobile-action-label{font-size:.72rem;line-height:1}.content-page,.content-detail-page{gap:1rem}.content-page-hero,.content-article{padding:1rem;border-radius:.95rem}.content-page-title,.content-article h1{font-size:clamp(1.55rem,8vw,2rem);line-height:1.12}.content-page-subtitle,.content-article-summary{font-size:.92rem;line-height:1.65}.content-article-cover{margin:-1rem -1rem .9rem}.content-article-cover img{max-height:200px}.content-article-meta,.content-article-toolbar,.content-page-hero{gap:.7rem}.content-article-toolbar{flex-direction:column;align-items:flex-start}.content-article-body{padding-top:1rem}.content-article-body p,.content-article-body ol,.content-article-body ul{font-size:.95rem;line-height:1.75}.content-article-body h1,.content-article-body h2{font-size:1.18rem;line-height:1.3}.site-card-image{height:168px}.site-card-body{padding:.95rem .95rem 1rem}.purchase-page{gap:1rem}.purchase-hero{padding:1.1rem 1rem;border-radius:1rem}.purchase-card{padding:1rem;border-radius:1rem}.purchase-card-header h2{font-size:1.05rem}.purchase-card-header p,.purchase-qr-copy p,.purchase-plan-desc,.purchase-meta-row{font-size:.9rem}.purchase-qr-panel{gap:1rem}.purchase-qr-frame{padding:.75rem}.purchase-qr-image{max-width:220px}.purchase-meta-list,.purchase-code-panel,.purchase-empty{padding:.95rem}.purchase-code-value{font-size:1.2rem;letter-spacing:.04em}}.btn-accent-alt{background:linear-gradient(135deg,#d97706,#ea580c);box-shadow:0 14px 30px #d9770633}.btn-accent-alt:hover{box-shadow:0 18px 34px #d9770647}.purchase-page{display:flex;flex-direction:column;gap:1.5rem;width:100%}.purchase-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:2rem 2.2rem;border-radius:1.5rem;background:radial-gradient(circle at top right,rgba(234,88,12,.18),transparent 28%),linear-gradient(145deg,#0f172ae6,#1e293bd6);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px #0f172a47}.purchase-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr);gap:1.5rem;align-items:start}.purchase-card{background:#0f172ac7;border:1px solid rgba(255,255,255,.08);border-radius:1.4rem;padding:1.4rem;box-shadow:0 18px 40px #0f172a33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.purchase-card-header{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.purchase-card-header h2{margin:0;font-size:1.15rem;color:#f8fafc}.purchase-card-header p{margin:0;color:#e2e8f0cc;font-size:.95rem}.purchase-form-card{display:flex;flex-direction:column;gap:1rem}.purchase-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.purchase-plan-card{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1rem;border-radius:1rem;border:1px solid rgba(148,163,184,.22);background:#1e293bb8;color:#e2e8f0;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;text-align:left}.purchase-plan-card:hover{transform:translateY(-2px);border-color:#fb923c70;background:#334155e6}.purchase-plan-card.active{border-color:#f97316b3;background:linear-gradient(145deg,#9a3412eb,#7c2d12f0);box-shadow:inset 0 0 0 1px #ffedd529,0 14px 26px #7c2d1238}.purchase-plan-card.active .purchase-plan-title,.purchase-plan-card.active .purchase-plan-desc{color:#fff7ed}.purchase-plan-title{font-size:1rem;font-weight:700}.purchase-plan-price{font-size:1.08rem;font-weight:800;letter-spacing:-.02em;color:#fbbf24}.purchase-plan-desc{font-size:.88rem;line-height:1.5;color:#e2e8f0cc}.purchase-field-hint{margin-top:.42rem;font-size:.82rem;color:#e2e8f0a8}.purchase-quote-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem;border-radius:1rem;background:#0f172a6b;border:1px solid rgba(148,163,184,.14)}.purchase-quote-applied{font-size:.88rem;color:#86efac}.purchase-submit{width:auto;min-width:220px;margin-top:.5rem}.purchase-status-card{display:flex;flex-direction:column;gap:1rem}.purchase-empty{min-height:280px;display:flex;align-items:center;justify-content:center;border-radius:1.15rem;border:1px dashed rgba(148,163,184,.28);background:#0f172a59;color:#e2e8f0b8;text-align:center;padding:1.25rem}.purchase-qr-panel{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.25rem;align-items:center}.purchase-qr-copy h3{margin:0 0 .55rem;font-size:1.05rem;color:#f8fafc}.purchase-qr-copy p{margin:0;color:#e2e8f0c7;line-height:1.7}.purchase-qr-frame{display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:1rem;background:#fff}.purchase-qr-image{width:100%;max-width:248px;aspect-ratio:1;object-fit:contain}.purchase-link-actions{display:flex;gap:.75rem;flex-wrap:wrap}.purchase-link-button{width:auto;min-width:180px;justify-content:center;text-decoration:none}.purchase-qr-fallback{margin:0;font-size:.82rem;color:#e2e8f09e}.purchase-meta-list{display:grid;gap:.75rem;padding:1rem 1.1rem;border-radius:1rem;background:#0f172a7a;border:1px solid rgba(148,163,184,.14)}.purchase-meta-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.92rem}.purchase-meta-row span{color:#e2e8f0b8}.purchase-meta-row strong{color:#f8fafc;text-align:right;word-break:break-all}.purchase-status-note{padding:.9rem 1rem;border-radius:.9rem;background:#f59e0b1f;border:1px solid rgba(245,158,11,.28);color:#fde68a}.purchase-code-panel{display:flex;flex-direction:column;gap:.7rem;padding:1.15rem;border-radius:1.1rem;background:linear-gradient(145deg,#0891b229,#0e749038);border:1px solid rgba(34,211,238,.18)}.purchase-code-label{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#a5f3fcc7}.purchase-code-value{font-size:1.55rem;font-weight:800;letter-spacing:.08em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:#f0fdfa;word-break:break-word}.purchase-code-expiry{color:#ecfeffd1}.purchase-resend-button{width:fit-content}@media(prefers-color-scheme:light){.purchase-hero{background:radial-gradient(circle at top right,rgba(251,146,60,.2),transparent 32%),linear-gradient(145deg,#fffdf9fa,#fff7edf2);border-color:#fb923c2e;box-shadow:0 24px 70px #f973161a}.purchase-card{background:linear-gradient(180deg,#fffffff5,#fffcf8f0);border-color:#e2e8f0f5;box-shadow:0 22px 44px #0f172a14}.purchase-card-header h2,.purchase-qr-copy h3{color:#172033}.purchase-card-header p,.purchase-qr-copy p,.purchase-field-hint,.purchase-qr-fallback,.purchase-meta-row span{color:#526071}.purchase-form-card .field-label{color:#4b5563}.purchase-form-card .field-input{background:#fff;border-color:#d6deea;color:#0f172a;box-shadow:inset 0 1px 2px #0f172a08}.purchase-form-card .field-input::placeholder{color:#8b98aa}.purchase-form-card .field-input:focus{border-color:#f08b42;box-shadow:0 0 0 4px #f08b4224}.purchase-plan-card{background:linear-gradient(180deg,#fffffffa,#f8fafcfa);border-color:#cbd5e1eb;color:#172033;box-shadow:inset 0 1px #ffffff8c}.purchase-plan-card:hover{border-color:#f59e0b6b;background:linear-gradient(180deg,#fffcf7fa,#fff7edfa);box-shadow:0 10px 24px #f59e0b1f}.purchase-plan-card.active{border-color:#f9731680;background:radial-gradient(circle at top right,rgba(251,191,36,.24),transparent 42%),linear-gradient(180deg,#fff4e6,#ffebcdfa);box-shadow:0 14px 30px #f59e0b24,inset 0 0 0 1px #ffffffb8}.purchase-plan-card.active .purchase-plan-title{color:#7c2d12}.purchase-plan-card.active .purchase-plan-price{color:#b45309}.purchase-plan-card.active .purchase-plan-desc{color:#9a3412}.purchase-plan-price{color:#c2410c}.purchase-plan-desc{color:#5b6778}.purchase-empty{background:linear-gradient(180deg,#fbfdfff2,#f8fafceb);border-color:#cbd5e1e6;color:#64748b}.purchase-meta-list{background:linear-gradient(180deg,#fbfdfff5,#f8fafcf0);border-color:#cbd5e1e6}.purchase-meta-row strong{color:#172033}.purchase-status-note{background:#fff7edf5;border-color:#f59e0b3d;color:#9a3412}.purchase-code-panel{background:linear-gradient(145deg,#ecfefff5,#cffafee0);border-color:#0ea5e93d}.purchase-code-label{color:#0f766e}.purchase-code-value,.purchase-code-expiry{color:#164e63}}@media(max-width:1024px){.purchase-layout,.purchase-qr-panel{grid-template-columns:1fr}}@media(max-width:768px){.purchase-hero{flex-direction:column;padding:1.5rem}.purchase-plan-grid{grid-template-columns:1fr}.purchase-link-actions{flex-direction:column}.purchase-link-button,.purchase-submit,.purchase-resend-button{width:100%}.purchase-meta-row{flex-direction:column;align-items:flex-start}.purchase-meta-row strong{text-align:left}}