@font-face{font-family:Inter Fallback;size-adjust:107%;ascent-override:90%;src:local("Arial")}:root{font-family:Inter,Inter Fallback,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{line-height:1.5;font-weight:400;font-size:16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;overflow-x:hidden;background:#fff}body.show-gradient:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(-45deg,#1e40af,#059669,#0891b2,#7c3aed);background-size:400% 400%;animation:gradient 15s ease infinite;z-index:-2}body.show-gradient:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(124,58,237,.6) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(8,145,178,.6) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(5,150,105,.6) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(30,64,175,.6) 0%,transparent 50%);animation:float 20s ease-in-out infinite;filter:blur(80px);-webkit-filter:blur(80px);z-index:-1}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10%,-10%) scale(1.1)}50%{transform:translate(-10%,10%) scale(.9)}75%{transform:translate(15%,5%) scale(1.05)}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:1.75rem;margin-bottom:4px}h3{font-size:1rem;font-weight:500;margin-bottom:16px}@media (max-width: 768px){body{font-size:14px}h1{font-size:1.75rem;margin-top:12px;margin-bottom:4px}}a{color:#fff;text-decoration:underline;transition:opacity .2s}a:hover{opacity:.8}button{font:inherit;border:none;background:none;cursor:pointer;min-height:44px;min-width:44px}input,textarea{font:inherit;min-height:44px}.url-container{display:flex;align-items:center;gap:8px;margin-top:12px}@media (max-width: 480px){.url-container{flex-direction:column;gap:12px;margin-top:16px}}.content-container{max-width:36rem;text-align:center;padding:24px;width:100%;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.15)}@media (max-width: 768px){.content-container{max-width:100%;padding:0 20px}}@media (max-width: 480px){.content-container{padding:0 16px}}.url-input{padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:6px;width:100%;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:14px;color:#fff;transition:all .2s}.url-input:focus{outline:none;border-color:#fff6;background:#fff3;box-shadow:0 0 0 3px #ffffff1a}@media (max-width: 480px){.url-input{padding:14px 16px;font-size:16px;border-radius:8px}}.copy-button{padding:10px;color:#fff;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media (max-width: 480px){.copy-button{padding:14px;border-radius:8px;width:100%;justify-content:center}}.copy-button:hover{background:#fff3;transform:scale(1.05)}.copy-button:active{background:#ffffff26;transform:scale(.98)}.clipboard-icon{width:20px;height:20px;display:block}@media (max-width: 480px){.clipboard-icon{width:24px;height:24px}}.copy-button.copied{background:#28a745}.footer{position:fixed;bottom:16px;left:0;right:0;text-align:center;font-size:14px;color:#fffc}.footer a{color:#fffc;text-decoration:none;font-weight:500;transition:opacity .2s}.footer a:hover{opacity:.7}.settings-section{margin-top:16px;text-align:left;width:100%}@media (max-width: 768px){.settings-section{margin-top:20px}}.settings-section h2{margin-bottom:16px;text-align:center;color:#fff}.setting-group{margin-bottom:14px;padding:14px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width: 768px){.setting-group{padding:16px;margin-bottom:16px;border-radius:12px}}@media (max-width: 480px){.setting-group{padding:16px 12px;border-radius:8px}}.setting-group label{display:block;margin-bottom:6px;font-weight:500;color:#fff;font-size:.95em}.setting-group p{margin-top:8px;font-size:.85em;color:#fffc;line-height:1.4}.collapsible-section{margin:0}.collapsible-section summary{cursor:pointer;font-weight:500;color:#fff;font-size:.95em;padding:8px 0;list-style:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;transition:opacity .2s}.collapsible-section summary:hover{opacity:.8}.collapsible-section summary::-webkit-details-marker{display:none}.collapsible-section summary:before{content:"▶";margin-right:8px;transition:transform .2s;display:inline-block}.collapsible-section[open] summary:before{transform:rotate(90deg)}.collapsible-content{margin-top:12px}@media (max-width: 480px){.setting-group label{font-size:1rem;margin-bottom:10px}}.setting-input{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:14px;color:#fff;transition:all .2s}.setting-input option{background:#1a1a1a;color:#fff}@media (max-width: 480px){.setting-input{padding:14px 16px;font-size:16px;border-radius:8px}}.setting-input:focus{outline:none;border-color:#fff6;background:#fff3;box-shadow:0 0 0 3px #ffffff1a}.custom-bangs-list{margin-bottom:14px}.no-bangs{color:#fff9;font-style:italic;text-align:center;padding:16px}.custom-bang-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;margin-bottom:8px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;gap:12px}@media (max-width: 768px){.custom-bang-item{flex-direction:column;align-items:stretch;gap:12px;padding:16px;margin-bottom:12px}}@media (max-width: 480px){.custom-bang-item{padding:14px 12px;border-radius:12px}}.bang-info{flex:1;min-width:0}.bang-info strong{color:#a8d5ff}.bang-url{font-size:11px;color:#fff9;margin-top:3px;word-break:break-all;line-height:1.3}@media (max-width: 480px){.bang-url{font-size:13px;line-height:1.5;margin-top:4px}}.delete-bang-btn{padding:6px 12px;background:#dc3545cc;color:#fff;border-radius:6px;font-size:11px;transition:all .2s;white-space:nowrap;align-self:flex-start;border:1px solid rgba(220,53,69,.5)}@media (max-width: 768px){.delete-bang-btn{align-self:stretch;padding:12px 16px;font-size:14px;border-radius:8px}}.delete-bang-btn:hover{background:#dc3545;transform:scale(1.05)}.delete-bang-btn:active{transform:scale(.98)}.add-bang-form{padding:14px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.add-bang-form{padding:16px;border-radius:12px}}@media (max-width: 480px){.add-bang-form{padding:16px 12px;border-radius:8px}}.add-bang-form h4{margin-bottom:10px;color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:12px;margin-bottom:12px}}.form-input{padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:14px;color:#fff;transition:all .2s}.form-input::placeholder{color:#ffffff80}@media (max-width: 480px){.form-input{padding:14px 16px;font-size:16px;border-radius:8px}}.form-input:focus{outline:none;border-color:#fff6;background:#fff3;box-shadow:0 0 0 3px #ffffff1a}.form-input.full-width{width:100%;margin-bottom:12px}@media (max-width: 480px){.form-input.full-width{margin-bottom:16px}}.primary-button{padding:10px 20px;background:#ffffff40;color:#fff;border-radius:6px;font-weight:500;transition:all .2s;width:100%;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width: 480px){.primary-button{padding:16px 24px;font-size:16px;border-radius:8px}}.primary-button:hover{background:#ffffff59;border-color:#fff6}.primary-button:active{background:#fff3;transform:scale(.98)}.github-link{text-align:center;margin-top:20px;font-size:14px}@media (max-width: 480px){.github-link{margin-top:24px;font-size:15px}}.github-link a{color:#666;text-decoration:none;font-weight:500;padding:6px 10px;border-radius:4px;transition:all .2s;display:inline-block}@media (max-width: 480px){.github-link a{padding:12px 16px;border-radius:8px}}.github-link a:hover{color:#333;background:#f5f5f5}@media (max-width: 768px){body{overflow-x:hidden}*{max-width:100%}div[style*="min-height: 100vh"]{padding:20px!important}}@media (max-width: 768px){button:focus,input:focus,select:focus{outline:2px solid #007acc;outline-offset:2px}}@media (prefers-color-scheme: dark){body{color:#ddd}body.show-gradient:before{background:linear-gradient(-45deg,#0c1e4a,#064e3b,#164e63,#4c1d95)}body.show-gradient:after{background:radial-gradient(circle at 20% 50%,rgba(76,29,149,.7) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(22,78,99,.7) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(6,78,59,.7) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(12,30,74,.7) 0%,transparent 50%)}#app{background-color:transparent}a{color:#a9a9a9}a:hover{color:#888}.footer,.footer a{color:#999}.footer a:hover{color:#ccc}.url-input{border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#fff}.copy-button{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.copy-button:hover{background:#ffffff26}.copy-button:active{background:#ffffff1a}.settings-section h2{color:#ddd}.setting-group{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.setting-group label{color:#ddd}.setting-group p{color:#aaa}.collapsible-section summary{color:#ddd}.setting-input{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#ddd}.setting-input:focus{border-color:#007acc}.custom-bang-item{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.bang-info strong{color:#4da6ff}.bang-url{color:#999}.add-bang-form{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.add-bang-form h4{color:#ddd}.form-input{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#ddd}.form-input:focus{border-color:#007acc}.no-bangs,.github-link a{color:#999}.github-link a:hover{color:#eee;background:#2a2a2a}}