@font-face{font-family:Inter;src:local('Inter');font-display:swap}
:root{--accent:#087f74;--accent-hover:#06695f;--accent-soft:#e6f5ef;--mint:#83e6c3;--page:#f4f7f9;--surface:#fff;--ink:#142738;--muted:#637586;--line:#dfe7eb;--navy:#102b35;--radius:18px;--shadow:0 16px 50px #122f3c0b;--font:Inter,'Segoe UI',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}img{max-width:100%;object-fit:contain}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.14;letter-spacing:-.035em}h1{font-size:48px;font-weight:750}h2{font-size:30px;font-weight:720}h3{font-size:19px}p{color:var(--muted)}small{font-size:12px}svg{flex-shrink:0}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}button{border:0}button:not(.button):focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #38ac99;outline-offset:4px}input,select,textarea{min-width:0;max-width:100%;width:100%;border:1px solid #d5e0e5;border-radius:10px;background:#fff;color:var(--ink);padding:12px 14px;line-height:1.4;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00877512;outline:0}input::placeholder,textarea::placeholder{color:#8a9aa5}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--accent);padding:0;flex-shrink:0}input[type=range]{padding:0;box-shadow:none;border:0;accent-color:var(--accent);height:22px;background:transparent}input[type=color]{height:42px;width:44px;padding:4px}input[type=password][readonly]{font-family:monospace}label{color:#3c5262;font-size:13px;font-weight:550}label input,label select,label textarea{font-weight:400}textarea{resize:vertical;min-height:90px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 19px;border:1px solid transparent;border-radius:10px;font-weight:650;font-size:13px;line-height:1.4;transition:background .18s,transform .18s;white-space:normal;text-align:center}.button:focus-visible{outline:3px solid #38ac99;outline-offset:3px}.button.primary,.primary{background:var(--accent);color:white}.button.primary:hover:not(:disabled){background:var(--accent-hover)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.button.secondary:hover:not(:disabled){background:#edf5f4;border-color:#b8d5cf}.button.mint{background:var(--mint);color:#0d3430}.button.mint:hover{background:#acf1d8}.button.ghost-light{border-color:#ffffff35;color:#fff;background:#ffffff05}.button.ghost-light:hover{background:#ffffff12}.button.danger{color:#af3346;background:#fff0f1;border-color:#f4cdd3}.button.full{width:100%}.text-button{display:inline-flex;align-items:center;gap:8px;background:none;color:var(--accent);padding:7px 0;font-weight:650;font-size:13px}.text-button.light{color:var(--mint)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);padding:0}.icon-button:hover{background:#e4f0ec;color:var(--accent)}.brand{display:inline-flex;gap:10px;align-items:center;white-space:nowrap;font-size:23px;letter-spacing:-1px;font-weight:780;line-height:1.1;color:var(--ink)}.brand img{flex-shrink:0;border-radius:10px}.brand-api{color:var(--accent);margin-left:3px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:600;margin-top:8px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;font-weight:750;text-transform:uppercase;color:#89dbc3;margin-bottom:18px}.eyebrow.subtle{color:var(--accent);letter-spacing:1.7px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#51d4a8;flex-shrink:0;box-shadow:0 0 0 4px #51d4a815}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:var(--accent);padding:14px;border-radius:9px}.skip:focus{top:10px}.form-message{color:#bd3e4e;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.form-message:empty{display:none}.form-message.success,.success{color:#087f63}.error{color:#bd3e4e}.field{display:grid;gap:7px;margin:17px 0}.field small,.admin-note{color:var(--muted);font-size:12px;line-height:1.7}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:78px}.password-toggle{position:absolute;right:8px;padding:7px;color:var(--muted);background:none;font-size:11px;font-weight:650;border-radius:6px}.password-toggle:hover{color:var(--accent);background:var(--accent-soft)}.password-toggle:focus-visible{outline-offset:0!important}.toast{position:fixed;z-index:90;bottom:106px;left:50%;transform:translateX(-50%);max-width:min(600px,calc(100% - 32px));background:var(--navy);border:1px solid #305160;color:#fff;box-shadow:var(--shadow);border-radius:12px;padding:14px 20px;font-size:13px;overflow-wrap:anywhere}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:35}.header-inner{max-width:1350px;margin:auto;min-height:82px;padding:16px 36px;display:flex;align-items:center;gap:34px}.site-nav{display:flex;align-items:center;gap:24px}.nav-item{position:relative;display:inline-flex;align-items:center;gap:6px;background:none;color:#637583;font-size:12px;white-space:nowrap;font-weight:600;padding:9px 0}.nav-item:hover,.nav-item.selected{color:var(--accent)}.nav-item.selected:after{content:'';position:absolute;bottom:-19px;left:0;right:0;height:3px;background:var(--accent);border-radius:3px 3px 0 0}.nav-count{background:#edf3f3;padding:1px 6px;font-size:9px;border-radius:5px;min-width:17px;text-align:center}.nav-tag{border:1px solid var(--line);border-radius:4px;font-size:8px;letter-spacing:.5px;padding:1px 4px}.header-actions{display:flex;align-items:center;gap:18px;margin-left:auto}.header-account{min-height:39px;font-size:12px;padding:10px 14px}.nav-mobile-account,.nav-random,.mobile-menu{display:none}.top-search{display:flex;align-items:center;gap:8px}.top-search .icon{width:17px;color:#85959f}.top-search input{width:110px;padding:8px 0;background:none;border:0;box-shadow:none;font-size:12px}.top-search input:focus{width:145px}.top-search kbd{font-size:10px;color:#7e8e98;border:1px solid var(--line);border-radius:4px;padding:0 5px}.drawer-backdrop{position:fixed;inset:0;background:#071d2c66;backdrop-filter:blur(3px);z-index:34}.site-footer{max-width:1280px;margin:0 auto;padding:40px 0 30px;display:grid;grid-template-columns:1fr auto;gap:26px;border-top:1px solid var(--line)}.site-footer .brand{font-size:21px}.site-footer .brand img{width:32px;height:32px}.site-footer p{font-size:12px;margin:12px 0 0}.site-footer nav{display:flex;align-items:center;gap:24px;font-size:12px;color:var(--muted)}.site-footer a:hover{color:var(--accent)}.site-footer>small{grid-column:1/-1;color:#84949e;font-size:10px;padding-top:16px;border-top:1px solid var(--line)}.pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin:30px 0;font-size:12px;color:var(--muted)}.pagination .button{min-height:38px;padding:8px 14px;font-size:12px}.loading{opacity:.6}.notice{border:1px solid #e9cf9d;color:#74521a;background:#fffaec;padding:16px 20px;border-radius:12px;margin-bottom:22px;font-size:13px}.premium-check,.tool-check,.form-checks label{display:flex!important;align-items:center;gap:10px;font-size:13px;line-height:1.6}.premium-check input,.tool-check input{width:16px}.premium-card,.tool-panel,.settings-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin:0 0 24px;min-width:0}.premium-card>p,.tool-panel>p,.settings-panel>p{font-size:13px;line-height:1.75}.premium-card label{display:grid;gap:8px;margin:16px 0}.premium-card small{display:block;color:var(--muted);font-size:11px;line-height:1.7}.premium-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.premium-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}code,pre{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-size:12px}code{overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}summary{cursor:pointer;font-weight:650;list-style-position:inside}details>summary{padding:4px 0}.code-window{min-width:0;background:#102c36;border:1px solid #30505a;border-radius:15px;color:#d8e4e7;overflow:hidden}.code-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #ffffff13;font-size:9px;letter-spacing:1px;color:#90aeb9}.code-heading>span{display:flex;align-items:center;gap:8px}.code-heading i{width:6px;height:6px;background:#66d6ad;border-radius:50%}.code-heading code{color:#74d7b0;font-size:10px}.code-window pre{padding:22px 26px;margin:0;font-size:12px}.code-green{color:#8be0bc}.code-yellow{color:#e1cb94}.code-purple{color:#aebff5}.code-muted{color:#7e9eab}
@media(min-width:1450px){.header-inner{max-width:1440px}}
@media(max-width:1200px){.header-inner{gap:24px;padding-inline:24px}.site-nav{gap:18px}.top-search{display:none}.site-footer{margin-inline:28px}}
@media(max-width:850px){.header-inner{min-height:72px;padding:14px 22px}.site-nav{display:none;position:fixed;top:72px;left:0;right:0;padding:20px 24px 28px;background:#fff;box-shadow:0 20px 30px #12334315;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.nav-item{padding:14px 5px;font-size:14px;border-bottom:1px solid #edf2f4}.nav-item.selected:after{display:none}.nav-mobile-account{display:block;margin-top:18px;padding:13px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-weight:650}.nav-random{display:flex}.mobile-menu{display:flex;border-color:var(--line)}.header-actions{gap:10px}.brand{font-size:22px}.brand img{width:33px;height:33px}.site-footer{grid-template-columns:1fr;padding-top:30px;margin:0 22px;gap:24px}.site-footer nav{flex-wrap:wrap;gap:16px 24px}.site-footer>small{line-height:1.8}}
@media(max-width:520px){html{scroll-padding-top:85px}.header-inner{padding:13px 16px;gap:12px}.header-account{padding:8px 11px;font-size:10px;min-height:36px}.header-account .icon{display:none}.mobile-menu{width:36px;height:36px}.brand{font-size:20px;gap:8px}.header-actions{gap:8px}.button{min-height:43px;font-size:12px;padding:11px 15px}h1{font-size:34px}h2{font-size:25px}h3{font-size:18px}.form-row{grid-template-columns:1fr;gap:0}.premium-card,.tool-panel,.settings-panel{padding:20px;border-radius:14px}.premium-actions .button{flex:1}.pagination{gap:12px}.pagination>span{font-size:10px}.site-footer{margin-inline:16px}.desktop-only{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}