@charset "UTF-8";.shortener-card.history-empty{background:linear-gradient(120deg,var(--card-bg) 80%,var(--accent-hover) 100%);border:2px solid var(--accent-hover);box-shadow:0 10px 30px #7ff0c11f;opacity:.97;transition:box-shadow .3s,border .3s}.shortener-card.history-empty:hover{box-shadow:0 16px 40px #7ff0c12e;border-color:var(--accent-color)}.history-empty-title{color:var(--accent-hover);font-size:1.25rem;font-weight:700;margin-bottom:.7rem;letter-spacing:.01em;text-shadow:0 1px 6px rgba(127,240,193,.12)}.history-empty-desc{color:var(--text-color);opacity:.98;font-size:1.08rem;font-weight:500;text-shadow:0 1px 4px rgba(76,149,108,.1)}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f7faf8}body.light{--bg-color: #f7faf8;--text-color: #1e2b24;--card-bg: #ffffffee;--input-bg: #ffffff;--accent-color: #4c956c;--accent-hover: #69b48a}body.dark{--bg-color: #0d1110;--text-color: #e5f2ec;--card-bg: rgba(22, 26, 24, .9);--input-bg: #121615;--accent-color: #56d09a;--accent-hover: #7ff0c1}body{background:var(--bg-color);color:var(--text-color);transition:background .5s ease}.shortener-wrapper{min-height:100vh;display:grid;place-content:center;padding:1rem;background:radial-gradient(circle at top,rgba(76,149,108,.14),transparent 60%),radial-gradient(circle at bottom,rgba(76,149,108,.08),transparent 60%)}body.dark .shortener-wrapper{background:radial-gradient(circle at top,rgba(127,199,155,.18),transparent 65%),linear-gradient(180deg,#0e1211,#161b19)}.shortener-card{width:100%;max-width:460px;padding:2.1rem;border-radius:20px!important;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(to bottom,var(--card-bg),rgba(255,255,255,.02));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 30px 60px #00000014;animation:cardFloat 6s ease-in-out infinite;background-clip:padding-box;border:2px solid var(--accent-color)}body.dark .shortener-card{box-shadow:0 40px 90px #000000a6}.shortener-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.12),transparent 80%);opacity:.45;pointer-events:none}.shortener-card:before{content:"";position:absolute;inset:2px;border-radius:inherit;background:linear-gradient(135deg,var(--accent-color),transparent 35%,transparent 65%,var(--accent-hover));opacity:.18;pointer-events:none;mix-blend-mode:overlay}@keyframes cardFloat{0%{box-shadow:0 20px 50px #0003}50%{box-shadow:0 20px 80px #56d09a40}to{box-shadow:0 20px 50px #0003}}body.dark .shortener-card{animation:glowPulse 6s ease-in-out infinite}@keyframes glowPulse{0%{box-shadow:0 30px 80px #0009}50%{box-shadow:0 40px 120px #7fffc340}to{box-shadow:0 30px 80px #0009}}.shortener-title{font-size:1.55rem;text-align:center;font-weight:800;margin-bottom:1.6rem;color:var(--text-color);letter-spacing:-.4px}.shortener-title span{color:var(--accent-color)}.shortener-form{display:flex;gap:.7rem}.shortener-form .input{width:100%;border-radius:14px;border:2px solid transparent;background:linear-gradient(var(--input-bg),var(--input-bg)) padding-box,linear-gradient(135deg,var(--accent-color),transparent) border-box;padding:.75rem 1rem;font-size:.95rem;color:var(--text-color)}.shortener-form button{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover))!important;border-radius:14px;font-weight:700;padding:.75rem 1.4rem;letter-spacing:.4px;color:#fff!important;box-shadow:0 6px 15px #00000026;transition:transform .2s,filter .2s}.shortener-form button:hover{filter:brightness(1.1);transform:translateY(-1px)}body.dark .shortener-form input{background:linear-gradient(#1b1f1d,#1b1f1d) padding-box,linear-gradient(135deg,var(--accent-color),transparent) border-box}.shortener-result{margin-top:1.3rem;padding:.95rem 1.1rem;border-radius:14px;border:1px solid var(--accent-color);background:#4c956c14;display:flex;flex-direction:column;gap:.5rem}body.dark .shortener-result{background:#7fc79b1a}.shortener-result small{font-size:.72rem;opacity:.75}.shortener-result a{font-weight:700;color:var(--accent-color);word-break:break-word}.copy-button{margin-top:.6rem;font-size:.75rem!important;padding:.45rem .9rem!important;border-radius:8px!important}.copy-button:hover{filter:brightness(1.12)}@media(max-width:600px){.shortener-card{padding:1.4rem}.shortener-form{flex-direction:column}.shortener-form button{width:100%}}::-webkit-input-placeholder{color:#fff;opacity:.6}.shortener-wrapper{display:flex;flex-direction:column;width:100%;min-height:100vh}.shortener-main{display:flex;justify-content:center;align-items:flex-start;padding:4rem 1rem;flex:1}.theme-switch{--accent-hover: none;background:none;border:none;cursor:pointer;padding:0;outline:none;display:inline-flex;align-items:center;justify-content:center}.theme-switch .switch-track{width:60px;height:30px;border-radius:50px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 5px;transition:background-color .3s ease;background-color:var(--card-bg);box-shadow:inset 0 0 3px #0000004d}.theme-switch .switch-track .icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:opacity .3s ease}.theme-switch .switch-track .sun{color:#facc15}.theme-switch .switch-track .moon{color:#fef3c7}.theme-switch .switch-thumb{width:26px;height:26px;border-radius:50%;position:absolute;top:2px;left:2px;background-color:var(--accent-color, #888);transition:left .3s ease,background-color .3s ease;z-index:2}.theme-switch .switch-track.light .switch-thumb{left:calc(100% - 28px)}.theme-switch .switch-track.dark .switch-thumb{left:2px}.header{width:100%;padding:1.5rem 0 0;display:flex;justify-content:center;position:relative;z-index:10}.header__container{width:100%;max-width:2300px;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.header__brand{display:flex;align-items:center;gap:12px}.header__logo{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;font-weight:800;box-shadow:0 6px 18px #00000014}.header__titles{display:flex;flex-direction:column}.header__title{font-weight:700;color:var(--text-color)}.header__subtitle{color:var(--text-color);opacity:.75}.header__right{display:flex;align-items:center;gap:20px}.header__nav{display:flex;gap:16px}.header__nav a{color:var(--text-color);text-decoration:none;opacity:.85;transition:opacity .2s ease}.header__nav a:hover{opacity:1}.shortener-card{width:100%;max-width:480px;padding:2.2rem;border-radius:28px;position:relative;overflow:hidden;isolation:isolate;background:#ffffff0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000000f,0 25px 50px #00000014}body.dark .shortener-card{background:#0000004d;border:1px solid rgba(255,255,255,.05);box-shadow:0 15px 30px #0009,0 0 0 1px #ffffff05 inset}.shortener-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 0%,var(--accent-color) 0%,transparent 40%);opacity:.08;pointer-events:none}.shortener-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 35%);opacity:1;pointer-events:none}.shortener-title{text-align:center;font-size:2.2rem;font-weight:800;margin-bottom:2rem;letter-spacing:-.01em;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.05)}.shortener-title span{color:var(--accent-color);text-shadow:0 0 6px rgba(var(--accent-rgb),.3),0 0 10px rgba(var(--accent-rgb),.15)}.shortener-form{display:flex;gap:1rem}.shortener-form input{flex:1;border-radius:18px;border:1px solid transparent;background:linear-gradient(var(--input-bg),var(--input-bg)) padding-box,linear-gradient(135deg,rgba(var(--accent-rgb),.3) 0%,transparent 80%) border-box;box-shadow:0 4px 16px #0000000a;padding:1rem 1.4rem;color:var(--text-color);font-weight:500;font-size:1.05rem;transition:background-color .3s,box-shadow .3s,border-color .3s;outline:none}.shortener-form input:focus{border-color:rgba(var(--accent-rgb),.5);background-color:var(--input-bg-focus);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.15),0 8px 20px #00000014}.shortener-form button{border-radius:18px;font-weight:600;color:#fff;border:none;cursor:pointer;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);box-shadow:0 4px 10px rgba(var(--accent-rgb),.3),0 1px #ffffff26 inset;padding:1rem 1.6rem;transition:transform .2s,box-shadow .2s,opacity .2s}.shortener-form button:hover{transform:translateY(-1px);box-shadow:0 6px 15px rgba(var(--accent-rgb),.4),0 1px #fff3 inset}.shortener-form button:active{transform:translateY(0);box-shadow:0 2px 5px rgba(var(--accent-rgb),.2),0 1px #ffffff1a inset}.shortener-result{margin-top:1.5rem;padding:1rem 1.2rem;border-radius:18px;background:rgba(var(--accent-rgb),.05);border:1px solid rgba(var(--accent-rgb),.1);font-size:1rem;font-weight:500;line-height:1.4}.shortener-result a{color:var(--accent-color);font-weight:600;text-decoration:none;transition:color .2s}.shortener-result a:hover{color:var(--accent-hover);text-decoration:underline}body.dark .shortener-result{background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.2)}