.shortener-page{background:radial-gradient(at 50% 5%,#eae3fb88,#0000 50%),#fbfaf8;min-height:100vh}.tool-header,.tool-footer{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:auto;padding:28px 32px;display:flex}.shortener-main{width:min(100% - 48px,1000px);margin:45px auto 90px}.shortener-intro{text-align:center;max-width:720px;margin:0 auto 38px}.shortener-intro h1{letter-spacing:-.065em;margin:14px 0 18px;font-size:clamp(42px,7vw,78px);line-height:1.06}.shortener-intro>p{color:#696372;max-width:570px;margin:auto;font-size:19px;line-height:1.6}.shortener-form-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 0 0 1px #31233e0d,0 4px 8px #31233e04,0 24px 64px #31233e0a}.tool-form-heading{align-items:center;gap:15px;margin-bottom:28px;display:flex}.tool-link-icon{color:#7656e8;background:#f1ecfc;border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid}.tool-form-heading h2{letter-spacing:-.035em;margin:0 0 5px;font-size:20px}.tool-form-heading p,.tool-form-hint{color:#746d7d;margin:0;font-size:13px;line-height:1.5}.shortener-form-card label{margin-bottom:9px;font-size:13px;font-weight:700;display:block}.shortener-input-row{gap:10px;display:flex}.shortener-input-row input{color:#241f31;background:#fdfcfe;border:1px solid #dcd6e6;border-radius:13px;flex:1;min-width:0;padding:16px;font-size:16px}.shortener-input-row input:focus{border-color:#7656e8;outline:3px solid #7656e82e}.shortener-input-row .button{flex-direction:row-reverse;flex:none}.tool-form-hint{margin-top:12px}.shortener-signin,.shortener-result{background:#f7f4fd;border-radius:16px;margin-top:24px;padding:22px}.shortener-signin p{color:#625b6e;margin:9px 0 18px;font-size:14px;line-height:1.6}.shortener-signin>div{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.shortener-signin .button{font-size:14px}.shortener-result>span{color:#665779;font-size:13px;font-weight:600}.shortener-result>div{gap:12px;margin-top:12px;display:flex}.shortener-result input{letter-spacing:-.035em;color:#4b318e;background:0 0;border:0;flex:1;min-width:0;font-size:clamp(16px,2.3vw,24px);font-weight:700}.shortener-result .button{font-size:13px}.shortener-library{margin-top:45px}.shortener-library-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.shortener-library-heading h2{letter-spacing:-.045em;margin:7px 0 0;font-size:28px}.tool-refresh{background:#fff;border:1px solid #ded8e7;border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-size:12px;font-weight:600;display:flex}.shortener-links{grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.shortener-links>li{background:#fff;border:1px solid #e9e4ef;border-radius:16px;align-items:center;gap:24px;min-width:0;padding:20px;display:flex}.shortener-link-info{flex:1;min-width:0}.shortener-link-info>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.shortener-link-info a{color:#593f9c;overflow-wrap:anywhere;text-underline-offset:4px;font-size:16px;font-weight:700;text-decoration:underline}.shortener-link-info p{color:#77707e;white-space:nowrap;text-overflow:ellipsis;margin:9px 0 0;font-size:12px;overflow:hidden}.tool-paused-label{color:#685f73;background:#eeeaf3;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:700}.tool-clicks{text-align:right;color:#746d7d;flex:none;font-size:11px;line-height:1.6}.tool-clicks strong{color:#2d2637;font-variant-numeric:tabular-nums;font-size:19px;display:block}.shortener-link-actions{gap:7px;display:flex}.shortener-link-actions button{color:#5d526c;background:#fff;border:1px solid #e3ddea;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:10px;font-size:12px;font-weight:600;display:flex}.shortener-page button:disabled{opacity:.6;cursor:wait}.shortener-page button:not(:disabled):hover{filter:brightness(.97)}.shortener-page button{transition:transform .15s ease-out,background-color .15s ease-out}.shortener-page button:not(:disabled):active{transform:scale(.96)}.tool-count-note,.tool-empty{color:#756d80;margin:18px 0 0;font-size:13px;line-height:1.7}.tool-empty{border:1px dashed #d8cfe4;border-radius:16px;padding:22px}.shortener-guide{border-top:1px solid #e3dce9;grid-template-columns:1fr 1fr;gap:85px;margin-top:90px;padding-top:45px;display:grid}.shortener-guide h2{letter-spacing:-.045em;margin:12px 0 20px;font-size:28px;line-height:1.15}.shortener-guide p{color:#6c6377;font-size:15px;line-height:1.8}.shortener-guide .text-link{margin-top:10px;font-size:14px}.shortener-faq h2{margin-top:0}.shortener-faq details{border-bottom:1px solid #e1dbe9;padding:15px 0}.shortener-faq summary{cursor:pointer;padding-right:12px;font-size:14px;font-weight:600;line-height:1.6}.shortener-faq details p{margin:12px 0 3px;font-size:13px}.tool-footer{border-top:1px solid #e5deec}.tool-footer>div{color:#6c6279;flex-wrap:wrap;gap:24px;font-size:12px;display:flex}@media (max-width:700px){.tool-header,.tool-footer{padding:22px}.tool-header .brand{font-size:23px}.tool-header .button{padding:12px;font-size:12px}.tool-header .signin-link{display:none}.shortener-main{width:calc(100% - 32px);margin:30px auto 55px}.shortener-intro{margin-bottom:28px}.shortener-intro>p{max-width:330px;font-size:16px}.shortener-form-card{border-radius:20px;padding:22px}.shortener-input-row{flex-direction:column}.shortener-input-row .button{width:100%}.shortener-input-row input{width:100%;padding:14px}.tool-form-heading{gap:12px;margin-bottom:24px}.tool-form-heading h2{font-size:18px}.tool-link-icon{border-radius:13px;width:44px;height:44px}.shortener-result{padding:16px}.shortener-result>div{flex-direction:column;gap:16px}.shortener-result input{width:100%;padding:5px 0;font-size:18px}.shortener-links>li{flex-wrap:wrap;gap:12px;padding:18px}.shortener-link-info{flex-basis:calc(100% - 90px)}.shortener-link-actions{justify-content:flex-end;width:100%}.shortener-library-heading h2{font-size:24px}.tool-refresh{padding:10px;font-size:11px}.tool-count-note{font-size:12px}.shortener-guide{grid-template-columns:1fr;gap:35px;margin-top:50px;padding:32px 5px 0}.tool-footer{flex-direction:column;align-items:flex-start;gap:20px}.tool-footer>div{gap:16px 24px}.shortener-signin{padding:18px}.shortener-signin>div{gap:18px}}@media (prefers-reduced-motion:reduce){.shortener-page button{transition:none}.shortener-page button:not(:disabled):active{transform:none}}