:root{color:#e8e9f1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0a0b12;--sidebar:#0e0f18;--panel:#11131e;--panel-hover:#171927;--border:#242634;--muted:#86899e;--faint:#555a70;--text:#e8e9f1;--accent:#9b86ff;--accent-bg:#221d3d;--input:#0c0e17;--teal:#5cd4bb;--shadow:0 10px 40px #00000012;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a0b12;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.subscription-box{border:1px solid var(--border);background:var(--input);border-radius:8px;margin:13px 19px}.subscription-box>summary{cursor:pointer;color:var(--accent);justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:12px;font-size:11px;list-style:none;display:flex}.subscription-box>summary::-webkit-details-marker{display:none}.subscription-box>summary>span{align-items:center;gap:7px;display:flex}.subscription-fields{grid-template-columns:1fr 1fr;gap:11px;min-width:0;padding:12px;display:grid}.subscription-fields>label{color:var(--muted);flex-direction:column;gap:7px;min-width:0;font-size:10px;display:flex}.subscription-fields input,.subscription-fields select{border:1px solid var(--border);background:var(--panel);width:100%;min-width:0;height:40px;color:var(--text);border-radius:6px;padding:8px;font-size:12px}.subscription-fields input::placeholder{color:var(--faint)}.subscription-fields>.subscription-url,.subscription-help,.subscription-error,.subscription-status,.subscription-buttons,.subscription-advanced{grid-column:1/-1;min-width:0}.subscription-advanced{border-top:1px solid var(--border);padding-top:9px}.subscription-advanced>summary{color:#e54949;cursor:pointer;min-height:32px;font-size:10px}.subscription-advanced .subscription-fields{padding:7px 0}.subscription-help{color:var(--muted);font-size:10px;line-height:1.75}.subscription-error{color:#e89b98;overflow-wrap:anywhere;font-size:11px;line-height:1.7}.subscription-status{color:var(--teal);font-size:11px}.subscription-buttons{flex-wrap:wrap;gap:9px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.import-info{color:var(--muted);border:1px solid var(--border);border-radius:8px;margin-top:15px;padding:12px 16px;font-size:11px}.import-info>summary{cursor:pointer;min-height:25px;color:var(--muted);align-items:center;gap:8px;display:flex}.import-info p{margin-top:9px;line-height:1.7}@media (width<=760px){.subscription-box{margin-left:16px;margin-right:16px}.subscription-fields input,.subscription-fields select{min-height:44px;font-size:16px}.subscription-fields input::placeholder{font-size:12px}}:root[data-theme=light]{--bg:#f5f6fa;--sidebar:#fff;--panel:#fff;--panel-hover:#f0f1f8;--border:#e4e5ee;--muted:#73768c;--faint:#9093a4;--text:#1a1e32;--accent:#7051d9;--accent-bg:#eee9ff;--input:#f8f9fc;--teal:#159c82;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button{background:0 0;border:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}button{transition:background .16s,opacity .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}a{color:var(--accent)}svg{stroke-width:1.7px;flex-shrink:0}h1,h2,h3,p{margin:0}button{touch-action:manipulation}input[type=checkbox]{accent-color:#8b70ee;cursor:pointer;flex-shrink:0;width:17px;height:17px}small{font-size:12px}strong{font-weight:600}.app-shell{min-height:100dvh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);z-index:20;flex-direction:column;width:244px;padding:39px 19px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;color:var(--text);letter-spacing:-1px;align-items:center;gap:12px;padding:0 11px;font-size:25px;font-weight:750;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#967aff,#6944db);border:1px solid #b7a4ff55;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 4px 20px #7853df35}.brand-digits{color:var(--accent)}.brand small{color:var(--muted);letter-spacing:1.8px;margin-top:5px;font-size:8px;font-weight:500;display:block}.sidebar-label{color:var(--faint);letter-spacing:1.35px;margin:53px 13px 19px;font-size:9px;font-weight:600}.nav-item{width:100%;min-height:46px;color:var(--muted);text-align:left;border-radius:9px;align-items:center;gap:12px;margin-bottom:6px;padding:0 14px;font-size:13px;display:flex}.nav-item:hover{background:var(--panel-hover)}.nav-item.active{color:#b19bff;background:linear-gradient(90deg,#8f6cfa20,#8f6cfa0d);box-shadow:inset 2px 0 #a38aff}.nav-item.active:after{content:"";background:#b19bff;border-radius:50%;width:5px;height:5px;margin-left:auto}.nav-item b{background:var(--border);border-radius:4px;margin-left:auto;padding:2px 5px;font-size:10px;font-weight:500}.sidebar-bottom{margin-top:auto;padding-top:45px}.local-card{border:1px solid var(--border);background:linear-gradient(140deg,#8d73ff09,#43dcb606);border-radius:11px;margin:0 0 23px;padding:19px 16px}.local-icon{color:var(--teal);margin-bottom:12px;display:block}.local-card strong{font-size:11px;display:block}.local-card p{color:var(--muted);margin:7px 0 13px;font-size:11px;line-height:1.8}.mini-badge{color:var(--teal);align-items:center;gap:6px;font-size:10px;display:inline-flex}.mini-badge i,.status i,.secure i{background:var(--teal);border-radius:50%;width:5px;height:5px;display:inline-block}.sidebar-help{color:var(--muted);align-items:center;gap:10px;width:100%;padding:0 12px 25px;font-size:11px;display:flex}.sidebar-help svg:last-child{margin-left:auto}.author{color:var(--faint);border-top:1px solid var(--border);justify-content:space-between;padding:20px 12px;font-size:10px;display:flex}.author span{font-family:monospace}.developer-link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px}.developer-link:hover{color:var(--accent);text-decoration-color:currentColor}.donate-heart{color:#e53935;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.platform-icons{flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.platform-icons svg{fill:currentColor;stroke:none;width:17px;height:18px}.platform-icons .ios-logo{color:var(--text)}.platform-icons .android-logo{color:#3ddc84}.modal-icon .platform-icons svg{width:23px;height:25px}main{width:calc(100% - 244px);margin-left:244px}.topbar{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;height:78px;padding:0 43px;display:flex}.top-brand{align-items:center;gap:12px;min-width:0;display:flex}.donate-button{display:none}.breadcrumb{color:var(--muted);align-items:center;gap:15px;font-size:11px;display:flex}.breadcrumb span:first-child{color:var(--faint)}.breadcrumb span:nth-child(2){color:var(--border)}.top-actions{align-items:center;gap:19px;display:flex}.status{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.status i{box-shadow:0 0 8px #5cd4bb40}.icon-button{width:36px;height:36px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{color:var(--accent);background:var(--accent-bg)}.theme-button{border:1px solid var(--border);width:31px;height:31px}.install-button{border:1px solid var(--border);background:var(--panel);border-radius:7px;align-items:center;gap:8px;padding:9px 11px;font-size:11px;display:flex}.install-button svg{color:var(--muted)}.main-content{max-width:1400px;margin:0 auto;padding:39px 43px 0}.eyebrow{letter-spacing:1.7px;color:var(--accent);align-items:center;gap:7px;margin-bottom:14px;font-size:9px;font-weight:600;display:flex}.eyebrow>span{background:var(--accent);border-radius:50%;width:5px;height:5px}h1{letter-spacing:-1.1px;font-size:25px;font-weight:650;line-height:1.2}.page-heading>p{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.7}.stats-grid{grid-template-columns:1.05fr 1fr 1fr;gap:15px;margin:29px 0 32px;display:grid}.stat-card{border:1px solid var(--border);background:var(--panel);min-height:95px;box-shadow:var(--shadow);border-radius:11px;align-items:center;gap:13px;padding:20px 18px;display:flex;position:relative}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.violet{color:#ad91ff;background:#9778ff12}.teal{color:var(--teal);background:#4cd8b512}.blue{color:#79a6ff;background:#6595ff12}.stat-card small{color:var(--muted);margin-bottom:8px;font-size:10px;display:block}.stat-card strong{letter-spacing:-.8px;font-size:24px;font-weight:600;line-height:1;display:block}.stat-suffix{color:var(--muted);letter-spacing:0;margin-left:7px;font-size:10px;font-weight:400}.stat-card:last-child .stat-suffix{color:var(--text);margin-left:2px;font-size:18px}.stat-detail{color:var(--faint);font-size:8px;position:absolute;bottom:17px;right:14px}.stat-detail.secure{color:var(--teal);align-items:center;gap:4px;font-size:8px;display:flex}.stat-detail.secure i{width:4px;height:4px}.workspace-title{justify-content:space-between;align-items:center;margin:26px 0 16px;display:flex}.workspace-title h2,.section-title h2{align-items:center;gap:9px;font-size:15px;font-weight:550;display:flex}.workspace-title h2 svg{color:var(--accent)}.workspace-title>span{color:var(--faint);align-items:center;gap:5px;font-size:10px;display:flex}.converter-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.panel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:12px;min-width:0;overflow:hidden}.panel-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;min-height:65px;padding:20px;display:flex}.panel-title>div{align-items:center;gap:9px;min-width:0;display:flex}.step{color:var(--accent);background:var(--accent-bg);border:1px solid #9677f41a;border-radius:5px;place-items:center;min-width:24px;height:22px;font-family:monospace;font-size:9px;display:grid}.panel h3{font-size:12px;font-weight:550}.muted{color:var(--muted)}.small{font-size:10px}.input-toolbar{background:var(--input);border:1px solid var(--border);border-bottom:0;border-radius:7px 7px 0 0;justify-content:space-between;align-items:center;height:35px;margin:17px 19px 0;padding:9px 12px;display:flex}.input-toolbar>span{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex;overflow:hidden}.text-button{color:var(--muted);align-items:center;gap:5px;padding:4px;font-size:11px;display:inline-flex}.text-button:hover{color:var(--accent)}.editor-wrap{height:228px;margin:0 19px;position:relative}.editor-wrap textarea{resize:none;background:var(--input);border:1px solid var(--border);width:100%;height:100%;color:var(--text);overflow-wrap:anywhere;border-top:1px solid #23263570;border-radius:0 0 7px 7px;padding:16px 13px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.95;display:block;outline:none!important}.editor-wrap:focus-within textarea,.editor-wrap:focus-within~.input-toolbar{border-color:#9178de80}.editor-wrap textarea::placeholder{color:#656b82;opacity:1}.editor-watermark{color:var(--border);pointer-events:none;opacity:.6;position:absolute;bottom:18px;right:16px}.import-actions{align-items:center;gap:9px;margin:14px 19px 19px;display:flex}.button{border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:9px 14px;font-size:11px;font-weight:500;display:inline-flex}.secondary{border:1px solid var(--border);background:var(--panel-hover)}.secondary:hover{background:var(--accent-bg);border-color:#8e7fb755}.primary{color:#fff;background:linear-gradient(100deg,#9672f7,#805be9);border:1px solid #b29afc50;box-shadow:0 4px 18px #815bea20}.primary:hover{background:linear-gradient(100deg,#a286ff,#906bef)}.example-button{color:var(--accent);align-items:center;gap:3px;margin-left:auto;padding:8px 0 8px 6px;font-size:10px;display:flex}.input-footer{color:var(--faint);border-top:1px solid var(--border);align-items:center;gap:6px;margin-top:auto;padding:15px 19px;font-size:9px;display:flex}.input-footer svg{color:var(--teal)}.input-panel{flex-direction:column;display:flex}.output-panel{padding-bottom:14px;scroll-margin-top:15px}.output-label{color:var(--faint);border:1px solid var(--border);border-radius:4px;padding:3px 6px;font-size:9px}.output-label.ready{color:var(--teal);border-color:#5cd4bb40}.field-label{letter-spacing:1.2px;color:var(--muted);margin:18px 19px 9px;font-size:8px;display:block}.select-wrap{border:1px solid var(--border);background:var(--input);border-radius:7px;align-items:center;height:42px;margin:0 19px;display:flex;position:relative}.select-wrap>svg:first-child{color:var(--accent);pointer-events:none;position:absolute;left:12px}.select-wrap>svg:last-child{color:var(--muted);pointer-events:none;position:absolute;right:12px}.select-wrap select{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0 35px 0 40px;font-size:12px}.select-wrap option,.protocol-filter option{background:var(--panel);color:var(--text)}.format-chips{gap:6px;margin:10px 19px 0;display:flex}.format-chips button{border:1px solid var(--border);color:var(--muted);border-radius:5px;padding:4px 9px;font-size:9px}.format-chips button.selected{background:var(--accent-bg);color:var(--accent);border-color:#9e7bfa50}.output-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:164px;padding:18px;display:flex}.conversion-art{color:var(--faint);align-items:center;gap:14px;margin-bottom:12px;display:flex}.conversion-art>span{border:1px solid var(--border);background:linear-gradient(145deg, var(--panel-hover), var(--panel));width:38px;height:38px;color:var(--faint);border-radius:10px;place-items:center;display:grid;transform:rotate(-7deg)}.conversion-art>span:last-child{color:#9b86ff88;transform:rotate(7deg)}.output-empty strong{color:var(--muted);font-size:12px;font-weight:500}.output-empty p{color:var(--faint);margin:7px 0 10px;font-size:10px;line-height:1.8}.mini-tag{color:var(--faint);align-items:center;gap:4px;font-size:8px;display:flex}.convert-button{width:calc(100% - 38px);height:41px;margin:0 19px;font-size:12px;display:flex}.convert-button>svg:last-child{margin-left:auto}.convert-button>svg:first-child{margin-right:auto}.button-count{background:#ffffff20;border-radius:4px;padding:2px 5px;font-size:9px}.export-actions{justify-content:space-between;gap:0;padding:13px 19px 0;display:flex}.export-actions button{color:var(--muted);align-items:center;gap:6px;min-height:26px;padding:4px;font-size:9px;display:flex}.export-actions button:hover:not(:disabled){color:var(--accent)}.output-code{border:1px solid var(--border);background:var(--input);border-radius:7px;height:172px;margin:13px 19px;overflow:hidden}.code-caption{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;padding:8px 10px;font-size:8px;display:flex}.code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:var(--muted);tab-size:2;max-height:380px;margin:0;padding:13px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.8;overflow:auto}.output-code .code{height:140px}.output-code.uri-output{height:auto}.uri-list{gap:14px;max-height:420px;padding:12px;display:grid;overflow:auto}.uri-card{border:1px solid var(--border);background:var(--panel);border-radius:9px;min-width:0;padding:12px}.uri-card-header{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:10px;display:flex}.uri-card-actions{flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px;min-width:0;max-width:100%;margin-left:auto;display:grid}.uri-ping{flex-direction:column;align-items:flex-end;gap:5px;min-width:0;display:flex}.uri-ping[data-state=reachable] .ping-button{color:var(--teal)}.uri-ping[data-state=timeout] .ping-button,.uri-ping[data-state=unreachable] .ping-button,.uri-ping[data-state=error] .ping-button,.ping-error{color:#e54949}.ping-error{overflow-wrap:anywhere;width:160px;max-width:100%;font-size:10px;line-height:1.5}.ping-help{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.ping-toolbar{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.uri-copy.ping-all{white-space:normal;text-align:left;max-width:100%;line-height:1.5}.ping-all svg{flex-shrink:0}.ping-batch-status{color:var(--muted);font-size:10px;line-height:1.6}.ping-batch-status:empty{display:none}.service-connection{gap:8px;min-width:0;display:grid}.service-connection .uri-copy{white-space:normal;justify-self:start;max-width:100%}.service-connection .subscription-help{margin:0}.uri-copy{border:1px solid var(--border);min-height:36px;color:var(--accent);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:inline-flex}.uri-link-label{align-items:center;gap:8px;display:inline-flex}.country-flag{border-radius:2px;flex-shrink:0;width:22px;height:16.5px;display:block}.uri-copy:hover:not(:disabled){background:var(--accent-bg)}.uri-value{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;-webkit-user-select:text;user-select:text;margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.8}.code-key{color:#b79df1}.code-string{color:#7ec8b2}.code-number{color:#d9a979}.error-box{color:#ee9996;overflow-wrap:anywhere;background:#d75c5c10;border:1px solid #e9747350;border-radius:7px;gap:7px;margin:0 19px 15px;padding:12px;font-size:11px;line-height:1.65;display:flex}.error-box svg{margin-top:2px}.detected-line{color:var(--teal);align-items:center;gap:7px;margin:0 19px 15px;font-size:10px;line-height:1.5;display:flex}.notice-panel{background:#c49b3e08;border:1px solid #d4a55b40;border-radius:10px;margin-top:18px;padding:18px 20px}.notice-panel h3{color:#d9af69;align-items:center;gap:8px;font-size:12px;display:flex}.notice-panel h3>span{background:#d4a55b20;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:10px}.notice-panel ul{color:var(--muted);margin:12px 0 0;padding-left:18px;font-size:11px;line-height:1.8}.notice-error{color:#df9391}.servers-panel{margin-top:19px}.servers-panel .panel-title{padding:17px 20px}.count-badge{background:var(--panel-hover);border:1px solid var(--border);color:var(--muted);border-radius:4px;margin-left:5px;padding:3px 6px;font-size:9px}.protocol-filter{border:1px solid var(--border);background:var(--input);max-width:140px;color:var(--muted);border-radius:6px;padding:7px;font-size:10px}.server-list-toolbar{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:11px 20px;font-size:10px;display:flex}.server-list-toolbar label{align-items:center;gap:9px;min-height:24px;display:flex}.server-row{border-bottom:1px solid var(--border);align-items:center;gap:11px;min-width:0;padding:13px 18px;display:flex}.server-row:last-child{border:0}.server-icon{color:var(--muted);border:1px solid var(--border);background:var(--input);border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.server-info{min-width:0;margin-right:auto}.server-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;display:block;overflow:hidden}.server-info small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-family:monospace;font-size:9px;display:block;overflow:hidden}.protocol-badge,.reality-badge{background:var(--accent-bg);color:var(--accent);letter-spacing:.3px;white-space:nowrap;border-radius:4px;padding:4px 6px;font-size:8px}.protocol-badge.trojan{color:#8eb9f3;background:#498cdb18}.protocol-badge.hysteria2{color:var(--teal);background:#4cbaa118}.reality-badge{color:var(--muted);border:1px solid var(--border);background:0 0}.syntax-preview{background:var(--panel);border:1px solid var(--border);border-radius:9px;margin-top:17px}.syntax-preview summary{color:var(--muted);cursor:pointer;padding:14px 18px;font-size:11px}.recent-section{margin-top:30px}.section-title{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-title h2 svg{color:var(--muted)}.section-title>button{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.history-empty{border:1px dashed var(--border);color:var(--faint);border-radius:9px;align-items:center;gap:11px;padding:23px 20px;font-size:11px;display:flex}.history-empty>.small{margin-left:auto;font-size:9px}.recent-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.recent-card{border:1px solid var(--border);background:var(--panel);text-align:left;border-radius:9px;align-items:center;gap:11px;min-width:0;padding:17px 14px;display:flex}.recent-card:hover{background:var(--panel-hover)}.recent-card>div{min-width:0}.recent-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;display:block;overflow:hidden}.recent-card small{color:var(--faint);margin-top:7px;font-size:9px;display:block}.recent-card>svg{color:var(--faint);margin-left:auto}.recent-icon{background:var(--accent-bg);width:34px;height:36px;color:var(--accent);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.protocols-section{border-top:1px solid var(--border);text-align:center;margin:34px 0 29px;padding-top:24px}.protocols-section>span{letter-spacing:1.65px;color:var(--faint);font-size:8px}.protocols-section>div{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:15px;display:flex}.protocols-section>div>span{border:1px solid var(--border);color:var(--muted);background:var(--panel);border-radius:5px;padding:5px 9px;font-size:9px}.footer{border-top:1px solid var(--border);color:var(--faint);justify-content:space-between;gap:12px;padding:18px 0 23px;font-size:8px;display:flex}.footer>span:last-child{align-items:center;gap:5px;display:flex}.footer-dot{margin:0 4px}.bottom-nav,.hidden-file{display:none}.library-toolbar{justify-content:space-between;align-items:center;gap:15px;margin:30px 0 18px;display:flex}.search-wrap{border:1px solid var(--border);background:var(--panel);min-width:0;max-width:330px;color:var(--muted);border-radius:8px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.search-wrap input{color:var(--text);background:0 0;border:0;outline:none;width:100%;min-width:0;padding:12px 0;font-size:12px}.library-list{margin-bottom:35px}.library-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:18px;display:flex}.library-row:last-child{border:0}.library-row>div{flex:1;min-width:0}.library-row strong{font-size:13px}.library-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:10px;display:block;overflow:hidden}.library-empty{text-align:center;color:var(--faint);flex-direction:column;align-items:center;padding:70px 25px;display:flex}.library-empty h3{color:var(--text);margin-top:22px;font-size:18px}.library-empty p{color:var(--muted);margin:12px 0 20px;font-size:12px;line-height:1.8}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;margin:28px 0 35px;display:grid}.settings-panel{padding:24px}.settings-panel h2{align-items:center;gap:9px;margin-bottom:8px;font-size:14px;display:flex}.settings-panel h2 svg{color:var(--accent)}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.setting-row:last-child{border-bottom:0}.setting-row strong{font-size:12px}.setting-row p{color:var(--muted);margin-top:6px;font-size:10px;line-height:1.8}.switch{background:var(--border);border-radius:20px;flex-shrink:0;width:40px;height:24px;padding:3px}.switch span{background:#a2a4b1;border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block}.switch[aria-checked=true]{background:#8764e9}.switch[aria-checked=true] span{background:#fff;transform:translate(16px)}.settings-note{color:var(--muted);margin:18px 0;font-size:11px;line-height:1.9}.settings-panel>.danger{margin-top:17px}.danger{color:#ee9898;background:#dd72720c;border:1px solid #dd727240}.danger:hover{background:#dd727220}.about-button{margin-top:18px;font-size:11px;display:flex}.toast{z-index:100;background:var(--panel-hover);border:1px solid #8f75db70;border-radius:11px;align-items:center;gap:10px;max-width:min(560px,90vw);padding:15px 17px;font-size:12px;line-height:1.6;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:25px;left:calc(50% + 122px);transform:translate(-50%);box-shadow:0 10px 50px #0006}.toast>svg{color:var(--accent)}.toast>button{color:var(--muted);margin-left:10px;padding:5px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:90;background:#05060cbb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:22px;width:100%;max-width:470px;max-height:85dvh;padding:36px;animation:.2s ease-out toast-in;position:relative;overflow-y:auto;box-shadow:0 30px 100px #0005}.modal-close{position:absolute;top:14px;right:14px}.modal-icon{width:62px;height:62px;color:var(--accent);background:var(--accent-bg);border:1px solid #a98aff30;border-radius:18px;place-items:center;margin-bottom:24px;display:grid}.modal h2{letter-spacing:-.5px;font-size:24px;font-weight:600;line-height:1.35}.modal>p{color:var(--muted);margin-top:15px;font-size:12px;line-height:1.8}.install-steps{margin:23px 0;padding:0;list-style:none}.install-steps li{align-items:center;gap:13px;margin:15px 0;font-size:12px;display:flex}.install-steps li>span{border:1px solid var(--border);background:var(--input);width:27px;height:27px;color:var(--accent);border-radius:8px;flex-shrink:0;place-items:center;font-size:11px;display:grid}.install-steps svg{vertical-align:middle;color:var(--accent);margin:0 3px;display:inline-block}.install-note{color:var(--teal);background:#4bc7a80b;border:1px solid #4bc7a830;border-radius:10px;align-items:center;gap:12px;padding:14px;font-size:10px;line-height:1.8;display:flex}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.help-list{flex-direction:column;gap:16px;margin-top:23px;display:flex}.help-list p{color:var(--muted);align-items:flex-start;gap:10px;font-size:11px;line-height:1.85;display:flex}.help-list svg{color:var(--accent);margin-top:2px}.update-banner{background:var(--accent-bg);color:var(--accent);border:1px solid #9b86ff50;border-radius:8px;justify-content:space-between;gap:15px;margin-bottom:20px;padding:12px 16px;font-size:12px;display:flex}.update-banner button{font-weight:600;text-decoration:underline}@keyframes toast-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@media (width>=1550px){.main-content{padding-top:55px}.stats-grid{margin-top:35px}.stat-card{padding:24px}.editor-wrap{height:282px}.output-empty{min-height:218px}.output-code{height:226px}.output-code .code{height:194px}.page-heading h1{font-size:30px}.panel-title{padding:22px}.panel h3{font-size:14px}.field-label{font-size:9px}.editor-wrap textarea{font-size:12px}.output-empty strong{font-size:14px}.output-empty p{font-size:11px}}@media (width<=1190px){.sidebar{width:211px;padding-left:13px;padding-right:13px}main{width:calc(100% - 211px);margin-left:211px}.main-content{padding:30px 25px 0}.topbar{padding:0 25px}.stats-grid{gap:10px}.stat-card{gap:10px;padding:18px 13px}.stat-icon{width:34px;height:34px}.stat-card small{font-size:9px}.stat-detail{display:none}.top-actions{gap:12px}.stat-suffix{font-size:9px}.toast{left:calc(50% + 105px)}h1{font-size:24px}.panel-title{padding:17px 15px}.panel-title .small{font-size:8px}.panel h3{font-size:11px}.input-toolbar{margin-left:14px;margin-right:14px}.editor-wrap{margin:0 14px}.import-actions{gap:6px;margin-left:14px;margin-right:14px}.button{padding:8px 10px;font-size:10px}.import-actions .button{gap:5px}.example-button{font-size:9px}.server-row{gap:8px}.reality-badge,.footer>span:first-child{display:none}.footer{justify-content:center}}@media (width<=950px) and (width>=761px){.sidebar{width:180px}.sidebar-label{letter-spacing:.7px;font-size:8px}.brand{gap:9px;padding:0 5px;font-size:22px}.brand small{letter-spacing:1.1px;font-size:7px}.brand-mark{width:35px;height:35px}.nav-item{padding:0 10px;font-size:12px}.local-card{padding:15px 12px}.local-card strong,.local-card p{font-size:10px}main{width:calc(100% - 180px);margin-left:180px}.main-content{padding:28px 20px 0}.topbar{padding:0 20px}.top-actions .status{display:none}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-card{gap:7px;padding:16px 10px}.stat-card small{font-size:8px}.stat-card .stat-icon{width:29px;height:29px}.stat-card strong{font-size:21px}.stat-suffix,.panel-title .muted{display:none}.converter-grid{gap:12px}.import-actions{flex-wrap:wrap}.example-button{justify-content:center;width:100%;margin:0;padding:4px}.input-footer{font-size:8px}.format-chips{gap:4px}.format-chips button{padding:4px 7px;font-size:8px}.export-actions{padding-left:12px;padding-right:12px}.export-actions button{gap:3px;font-size:8px}.recent-grid,.settings-grid{grid-template-columns:1fr}}@media (width<=760px){body{padding-top:env(safe-area-inset-top)}.sidebar{display:none}main{width:100%;margin:0}.topbar{height:63px;padding:0 20px;padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}.breadcrumb{gap:10px;font-size:12px}.breadcrumb span:not(:first-child){display:none}.top-brand{gap:9px}.donate-button{color:#261c08;white-space:nowrap;background:#f5cb4d;border:1px solid #f5c138;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-height:24px;padding:0 7px;font-size:9px;font-weight:650;line-height:1.2;text-decoration:none;display:inline-flex}.donate-button:hover{background:#ffdb6d}.breadcrumb span:first-child{color:var(--text);letter-spacing:-.5px;font-size:16px;font-weight:750}.top-actions{gap:10px}.top-actions .status{display:none}.install-button{border-radius:8px;justify-content:center;width:48px;height:33px;padding:0}.install-button .install-label,.install-button>svg:last-child{display:none}.install-button>svg{color:var(--accent)}.install-button .platform-icons svg{width:15px;height:17px}.theme-button{width:33px;height:33px}.main-content{padding:27px max(19px, env(safe-area-inset-left)) 96px;padding-right:max(19px, env(safe-area-inset-right))}.eyebrow{letter-spacing:1.4px;margin-bottom:12px;font-size:8px}h1{letter-spacing:-1px;max-width:320px;font-size:24px;line-height:1.25}.page-heading>p{max-width:330px;margin-top:12px;font-size:12px;line-height:1.75}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin:23px 0 26px}.stat-card{gap:10px;min-height:85px;padding:16px 12px}.stat-card .stat-icon{border-radius:9px;width:33px;height:33px}.stat-card .stat-icon svg{width:18px}.stat-card small{max-width:100px;margin-bottom:6px;font-size:8px;line-height:1.5}.stat-card strong{font-size:22px}.stat-suffix,.stat-card:last-child{display:none}.workspace-title{margin:22px 0 14px}.workspace-title h2{font-size:14px}.workspace-title>span{gap:3px;font-size:8px}.workspace-title>span svg{width:10px}.converter-grid{grid-template-columns:1fr;gap:15px}.panel{border-radius:13px}.panel-title{min-height:62px;padding:18px 17px}.panel h3{font-size:12px}.panel-title .small,.step{font-size:9px}.input-toolbar{height:36px;margin:17px 16px 0;padding:9px 11px}.input-toolbar>span{font-size:9px}.editor-wrap{height:230px;margin:0 16px}.editor-wrap textarea{padding:15px 12px;font-size:12px;line-height:1.9}.import-actions{flex-wrap:nowrap;gap:8px;margin:13px 16px 17px}.button{min-height:40px;padding:9px 12px;font-size:11px}.example-button{font-size:10px}.input-footer{padding:13px 16px;font-size:9px}.field-label{margin-top:18px;font-size:9px}.select-wrap{height:46px}.select-wrap select{font-size:13px}.format-chips button{padding:6px 11px;font-size:10px}.format-chips{gap:7px}.output-empty{min-height:198px;padding:22px}.output-empty strong{font-size:13px}.output-empty p{font-size:11px}.conversion-art{margin-bottom:16px}.conversion-art>span{width:42px;height:42px}.convert-button{height:46px;font-size:13px}.export-actions{padding-top:11px;padding-bottom:3px}.export-actions button{min-height:35px;font-size:10px}.output-code{height:240px}.output-code .code{height:206px;font-size:11px}.uri-value{font-size:11px}.uri-copy{min-height:44px;padding:6px 8px;font-size:10px}.uri-card-actions{width:100%}.code-caption{font-size:9px}.detected-line{font-size:10px}.bottom-nav{padding:10px max(5px, env(safe-area-inset-left)) calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb, var(--sidebar) 92%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:40;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--faint);flex-direction:column;align-items:center;gap:6px;min-height:43px;padding:4px 0;font-size:8px;display:flex}.bottom-nav button.active{color:var(--accent)}.bottom-nav button.active svg{filter:drop-shadow(0 0 8px #9776ff50)}.bottom-nav button.active:before{content:"";background:var(--accent);border-radius:0 0 3px 3px;width:18px;height:2px;position:absolute;top:0}.toast{bottom:calc(90px + env(safe-area-inset-bottom));border-radius:10px;width:calc(100% - 30px);max-width:500px;padding:14px;font-size:11px;left:50%}.recent-section{margin-top:28px}.section-title h2{font-size:13px}.section-title>button{font-size:9px}.history-empty{padding:20px 15px;font-size:10px;line-height:1.7}.history-empty>.small{display:none}.recent-grid{grid-template-columns:1fr;gap:9px}.recent-card{padding:14px}.recent-card strong{font-size:12px}.recent-card small{font-size:10px}.protocols-section{margin:27px 0 25px;padding-top:23px}.protocols-section>span{font-size:7px}.protocols-section>div{gap:7px;margin-top:13px}.protocols-section>div>span{padding:5px 8px;font-size:8px}.footer{padding:16px 0;font-size:8px;line-height:1.6}.footer>span:last-child{flex-wrap:wrap;justify-content:center}.server-row{gap:8px;padding:12px}.server-icon{border-radius:6px;width:28px;height:28px}.server-info strong{font-size:11px}.server-row .icon-button{width:30px}.protocol-badge{font-size:7px}.servers-panel .panel-title{padding:15px 12px}.servers-panel .panel-title h3{font-size:10px}.servers-panel .step{display:none}.protocol-filter{max-width:115px;font-size:9px}.count-badge{font-size:8px}.server-list-toolbar{padding:10px 12px}.notice-panel{padding:16px}.notice-panel ul{font-size:10px}.settings-grid{grid-template-columns:1fr;gap:15px}.settings-panel{padding:21px}.settings-panel h2{font-size:14px}.setting-row strong{font-size:12px}.setting-row p{font-size:11px}.setting-row{gap:20px}.library-toolbar{flex-wrap:wrap;gap:10px;margin-top:24px}.search-wrap{max-width:100%}.library-toolbar>.button{font-size:10px}.library-row{gap:10px;padding:15px 12px}.library-row .stat-icon{display:none}.library-row strong{font-size:11px}.library-row small{font-size:9px}.library-row .button{min-height:36px;padding:7px;font-size:10px}.library-row>.icon-button{width:28px}.library-empty{padding:60px 20px}.library-empty p{font-size:11px}.modal-backdrop{padding:17px}.modal{border-radius:19px;padding:28px 25px}.modal h2{font-size:23px}.modal>p{font-size:12px}.install-steps li{font-size:11px}.modal-icon{margin-bottom:21px}.update-banner{font-size:11px}.page-heading{animation:.25s ease-out toast-in}}@media (width<=365px){.main-content{padding-left:14px;padding-right:14px}h1{font-size:22px}.stat-card{gap:7px;padding:14px 9px}.stat-card small{font-size:7px}.stat-card .stat-icon{width:28px;height:30px}.import-actions .button{padding:8px 10px;font-size:10px}.import-actions .button svg{width:14px}.example-button{font-size:9px}.panel-title .small{display:none}.export-actions button{font-size:9px}.server-row{gap:5px}.server-info strong{font-size:10px}.workspace-title>span{font-size:7px}}@media (width<=760px){.editor-wrap textarea,.select-wrap select,.search-wrap input,.protocol-filter{font-size:16px}.editor-wrap textarea::placeholder{font-size:12px}.import-actions .button,.example-button,.export-actions button,.server-row .icon-button{min-height:44px}.server-row .icon-button{width:38px}.protocol-filter{max-width:130px}}:is(.stat-card,.panel,.recent-card,.uri-card,.local-card,.library-row,.server-row,.subscription-box,.import-info){transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.donate-button,summary{transition:background .2s,color .2s,transform .2s}@media (hover:hover) and (pointer:fine){:is(.stat-card,.panel,.recent-card,.uri-card,.local-card,.subscription-box,.import-info):hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:0 8px 24px #00000018}:is(.library-row,.server-row):hover{background:var(--panel-hover)}:is(.format-chips button,.bottom-nav button,.export-actions button):hover:not(:disabled){color:var(--accent);background:var(--accent-bg)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:is(.stat-card,.panel,.recent-card,.uri-card,.local-card):hover{transform:translateY(-2px)}:is(.nav-item,.library-row,.server-row):hover{transform:translate(2px)}:is(.format-chips button,.bottom-nav button,.export-actions button,.button,.icon-button,.install-button,.donate-button):hover:not(:disabled){transform:translateY(-2px)}:is(.button,.icon-button,.format-chips button):active:not(:disabled){transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}