:root{--bg:#f4f5fb;--surface:#fff;--surface-muted:#f7f7fc;--text:#191b2a;--text-muted:#646882;--border:#e2e4f0;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef0ff;--accent-text:#fff;--danger:#c62f45;--danger-soft:#fdecef;--shadow:0 1px 2px #1416280a, 0 12px 32px #1416280f;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1018;--surface:#181a26;--surface-muted:#1f2131;--text:#eceef8;--text-muted:#9a9db5;--border:#2c2f42;--accent:#818cf8;--accent-hover:#a5b0fb;--accent-soft:#252848;--accent-text:#0f1018;--danger:#ff8a9b;--danger-soft:#3a1d25;--shadow:0 1px 2px #0000004d, 0 12px 32px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;word-break:keep-all;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Malgun Gothic,Noto Sans KR,system-ui,sans-serif;line-height:1.55}h1{letter-spacing:-.02em;margin:0;font-size:1.6rem;line-height:1.3}.shell{width:100%;max-width:560px;margin:0 auto;padding:24px 16px 48px}.shell-center{align-items:center;min-height:100dvh;display:flex}.topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card{background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:14px;padding:28px;display:flex}.card-narrow{max-width:420px;margin:0 auto}.lead{color:var(--text-muted);margin:0 0 6px}.stack{flex-direction:column;gap:10px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:inline-flex}.brand-mark{background:var(--accent);width:30px;height:30px;color:var(--accent-text);border-radius:9px;place-items:center;display:inline-grid}.field-label{font-size:.9rem;font-weight:600}.text-input{width:100%;font:inherit;color:var(--text);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);outline:none;padding:13px 14px;transition:border-color .15s,box-shadow .15s}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.expiry{border:0;min-width:0;margin:6px 0 0;padding:0}.expiry legend{margin-bottom:10px;padding:0}.expiry-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.expiry-option{text-align:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;transition:border-color .15s,background .15s;display:flex;position:relative}.expiry-option input{opacity:0;pointer-events:none;position:absolute}.expiry-option:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}.expiry-option:has(input:focus-visible){box-shadow:0 0 0 3px var(--accent-soft)}.expiry-label{font-weight:700}.expiry-desc{color:var(--text-muted);font-size:.78rem}.error{color:var(--danger);background:var(--danger-soft);border-radius:10px;margin:0;padding:10px 12px;font-size:.9rem}.primary-button,.secondary-button,.ghost-button{font:inherit;border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:6px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.primary-button{color:var(--accent-text);background:var(--accent);border:0;margin-top:6px;padding:13px 18px}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.primary-button:disabled{opacity:.65;cursor:progress}.secondary-button{color:var(--accent);background:var(--accent-soft);border:1px solid #0000;flex-shrink:0;padding:10px 14px}.secondary-button:hover{border-color:var(--accent)}.ghost-button{color:var(--text-muted);border:1px solid var(--border);background:0 0;padding:8px 12px;font-size:.9rem}.ghost-button:hover{color:var(--text)}.result{background:var(--surface-muted);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:14px;margin-top:10px;padding:20px;animation:.25s ease-out rise;display:flex}.result-title{margin:0;font-weight:700}.short-url-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex}.short-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--accent);flex:1;font-size:1.15rem;font-weight:700;text-decoration:none;overflow:hidden}.short-url:hover{text-decoration:underline}.result-meta{flex-direction:column;gap:10px;margin:0;display:flex}.result-meta dt{color:var(--text-muted);font-size:.8rem}.result-meta dd{margin:2px 0 0;font-size:.93rem}.original-url{overflow-wrap:anywhere;word-break:break-all}.badge{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:1px 8px;font-size:.8rem;font-weight:700;display:inline-block}.qr{border-top:1px dashed var(--border);flex-direction:column;align-items:center;gap:12px;padding-top:14px;display:flex}.qr img{background:#fff;border-radius:12px;width:200px;height:200px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:480px){.card{padding:22px 18px}h1{font-size:1.4rem}}