:root{--accent: #d33f49;--bg: #ffffff;--panel-bg: #ffffff;--panel-bg-hover: #f5f5f5;--panel-bg-alt: #f0f0f0;--text: #1a1a1a;--text-muted: #888888;--border: #eeeeee;--shadow-elevated: 0 1px 2px rgba(20,20,30,.06), 0 8px 24px rgba(20,20,30,.1), 0 24px 48px rgba(20,20,30,.08);--ok: #1e7e34;--error: #d33f49;--focus-ring: rgba(211,63,73,.15)}@media(prefers-color-scheme:dark){:root{--accent: #ff5a64;--bg: #121212;--panel-bg: #1e1e1e;--panel-bg-hover: #292929;--panel-bg-alt: #242424;--text: #e8e8e8;--text-muted: #9a9a9a;--border: #333333;--shadow-elevated: 0 1px 2px rgba(0,0,0,.5), 0 12px 28px rgba(0,0,0,.45), 0 32px 64px rgba(0,0,0,.35);--ok: #6fcf73;--error: #ff7a7a;--focus-ring: rgba(255,90,100,.18)}}:root[data-theme=light]{--accent: #d33f49;--bg: #ffffff;--panel-bg: #ffffff;--panel-bg-hover: #f5f5f5;--panel-bg-alt: #f0f0f0;--text: #1a1a1a;--text-muted: #888888;--border: #eeeeee;--shadow-elevated: 0 1px 2px rgba(20,20,30,.06), 0 8px 24px rgba(20,20,30,.1), 0 24px 48px rgba(20,20,30,.08);--ok: #1e7e34;--error: #d33f49;--focus-ring: rgba(211,63,73,.15)}:root[data-theme=dark]{--accent: #ff5a64;--bg: #121212;--panel-bg: #1e1e1e;--panel-bg-hover: #292929;--panel-bg-alt: #242424;--text: #e8e8e8;--text-muted: #9a9a9a;--border: #333333;--shadow-elevated: 0 1px 2px rgba(0,0,0,.5), 0 12px 28px rgba(0,0,0,.45), 0 32px 64px rgba(0,0,0,.35);--ok: #6fcf73;--error: #ff7a7a;--focus-ring: rgba(255,90,100,.18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;background:var(--bg);color:var(--text)}.container{max-width:640px;margin:80px auto;padding:0 16px}.title{font-size:19px;font-weight:600;color:var(--text);margin-bottom:24px}.input-row{display:flex;gap:8px;padding:10px;background:var(--panel-bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-elevated)}.url-input{flex:1;padding:10px 12px;font-family:inherit;font-size:14px;background:var(--panel-bg-alt);color:var(--text);border:none;border-radius:6px;outline:none;transition:box-shadow .15s ease}.url-input::placeholder{color:var(--text-muted)}.url-input:focus{box-shadow:0 0 0 3px var(--focus-ring)}.btn{padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,opacity .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(.92)}.btn-copy{background:var(--panel-bg-alt);color:var(--text)}.btn-copy:hover{background:var(--panel-bg-hover)}.error{margin-top:12px;font-size:13px;color:var(--error)}.result-row{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;background:var(--panel-bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-elevated)}.result-text{flex:1;font-size:14px;word-break:break-all;color:var(--ok);font-weight:500}