:root{--color-bg:#0a0a0a;--color-surface:#161616;--color-border:#2a2a2a;--color-border-hover:#3a3a3a;--color-text:#e0e0e0;--color-text-muted:#888;--color-text-subtle:#666;--color-accent:#4a9eff;--color-accent-hover:#3a8eef;--color-disabled-bg:#333;--color-disabled-text:#666;--color-error-bg:#2a1515;--color-error-border:#4a2020;--color-error-text:#ff6b6b;--color-white:#fff;--color-black:#000}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.container{width:100%;max-width:680px;padding:2rem}.logo{border-radius:16px;width:72px;height:72px;margin-bottom:1rem}h1{margin-bottom:.25rem;font-size:1.8rem;font-weight:700}.subtitle{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.9rem}input[type=url]{background:var(--color-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text);border-radius:10px;padding:1rem 1.25rem;font-family:inherit;font-size:1.15rem;transition:border-color .2s}input[type=url]:focus{border-color:var(--color-accent);outline:none}.options{margin:1rem 0}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.checkbox-label small{color:var(--color-text-subtle)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent)}button{background:var(--color-accent);width:100%;color:var(--color-white);cursor:pointer;border:none;border-radius:8px;padding:.75rem;font-size:1rem;font-weight:600;transition:background .2s}button:hover{background:var(--color-accent-hover)}button:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.results{margin-top:1.5rem}.result-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;display:flex}.result-item .original{color:var(--color-text-subtle);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.75rem;overflow:hidden}.result-item .short-url{color:var(--color-accent);font-size:.95rem;font-weight:600;text-decoration:none}.result-item .short-url:hover{text-decoration:underline}.copy-btn,.fullscreen-btn{background:var(--color-border);border-radius:6px;justify-content:center;align-items:center;width:auto;padding:.5rem;line-height:0;display:flex}.copy-btn:hover,.fullscreen-btn:hover{background:var(--color-border-hover)}.error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);border-radius:8px;margin-top:1rem;padding:.75rem;font-size:.9rem}.result-buttons{flex-shrink:0;gap:.5rem;display:flex}.fullscreen-overlay{background:var(--color-black);cursor:pointer;z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fullscreen-overlay span{color:var(--color-white);text-align:center;word-break:break-all;-webkit-user-select:text;user-select:text;padding:2rem;font-size:5vw;font-weight:700}.saved-links-toggle{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);margin-top:1.5rem;font-size:.9rem;font-weight:500}.saved-links-toggle:hover{background:var(--color-border);color:var(--color-text)}.saved-links-panel{max-height:60vh;margin-top:1rem;overflow-y:auto}.saved-links-status{text-align:center;color:var(--color-text-muted);padding:1.5rem;font-size:.9rem}.saved-links-list .result-item{gap:.5rem}.ttl-badge{color:var(--color-text-subtle);white-space:nowrap;font-size:.7rem}.delete-btn,.eternal-btn{background:var(--color-border);border-radius:6px;justify-content:center;align-items:center;width:auto;padding:.5rem;line-height:0;display:flex}.delete-btn:hover{background:var(--color-error-border)}.eternal-btn:hover{background:var(--color-border-hover)}.hidden{display:none}