:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg:#0f1724;--card:#0b1220;--accent:#22c1c3;--muted:#9aa4b2;--header-h:48px}html,body{color:#e6eef6;background:linear-gradient(#071029 0%,#071b2b 100%);height:100%;margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial}.wrap{max-width:960px;padding:20px;padding-top:calc(20px + var(--header-h));margin:28px auto 20px}h1{color:var(--accent);margin:0 0 18px;font-size:20px}.node.left:after,.node.right:after{display:none}.time{color:#86a0aa;font-size:11px}.chat{flex-direction:column;gap:8px;display:flex}.message{color:#e6f7f6;background:#ffffff08;border-radius:12px;max-width:70%;padding:10px 12px}.message.me{background:linear-gradient(90deg,#0ea5a6,#7b61ff);margin-left:auto}.controls{gap:8px;margin-top:12px;display:flex}input[type=text]{color:#dff6f5;background:0 0;border:1px solid #ffffff0a;border-radius:10px;flex:1;padding:10px}@media (width<=600px){.node{width:100%;max-width:none;margin:24px 0}.node.left,.node.right{margin:0}.node:before{left:24px;right:auto}.node.left:after,.node.right:after{width:44px;left:24px;right:auto}}@media (width<=500px){.message{max-width:85%}.wrap{padding:12px}}.site-header{color:#04121b;z-index:120;background:linear-gradient(90deg,#22c1c3,#7b61ff);border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;height:48px;padding:0 14px;display:flex;position:fixed;top:0;left:0;right:0}.site-header .hamburger{cursor:pointer;color:#04121b;background:#ffffff38;border:1px solid #ffffff59;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;display:flex}.hamburger .bar{background:#04121b;border-radius:2px;width:18px;height:2px;transition:transform .18s,background .18s;display:block;position:relative}.hamburger .bar:before,.hamburger .bar:after{content:"";background:#04121b;border-radius:2px;width:18px;height:2px;transition:transform .18s,top .18s,background .18s;position:absolute;left:0}.hamburger .bar:before{top:-6px}.hamburger .bar:after{top:6px}.site-header .brand{color:#04121b;margin-left:6px;font-size:15px;font-weight:600}.header-right,.site-header .logo{align-items:center;gap:8px;margin-left:auto;display:flex}.site-header .logo img{border-radius:6px;width:auto;height:32px;display:block}.icon-btn{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;display:inline-flex}.icon-btn img{width:20px;height:20px;display:block}.icon-btn:focus{outline:2px solid #22c1c31f}.profile-menu{top:calc(var(--header-h) + 8px);color:#dff6f5;z-index:110;background:#0b1114;border-radius:8px;min-width:140px;padding:8px 6px;display:none;position:fixed;right:16px;box-shadow:0 8px 30px #02061799}.profile-menu a,.profile-menu button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 12px;text-decoration:none;display:block}.profile-menu a:hover,.profile-menu button:hover{background:#ffffff05}.profile-menu[aria-hidden=false]{display:block}.hamburger.active .bar{background:0 0}.hamburger.active .bar:before{background:#04121b;top:0;transform:rotate(45deg)}.hamburger.active .bar:after{background:#04121b;top:0;transform:rotate(-45deg)}@media (width<=480px){:root{--header-h:46px}.site-header{height:46px;padding:0 10px}.site-header .brand{display:none}}.side-nav{left:0;top:var(--header-h);color:#dff6f5;z-index:80;width:280px;max-width:86vw;height:calc(100% - var(--header-h));background:linear-gradient(#0b1114,#0e1619);border-right:1px solid #ffffff08;padding:12px 10px;transition:transform .25s,box-shadow .25s;position:fixed;transform:translate(-100%);box-shadow:0 20px 50px #02061799}body.nav-open .side-nav{transform:translate(0)}.side-nav nav{height:100%;padding-right:6px;overflow:auto}.side-nav .menu{margin:6px 0;padding:0;list-style:none}.side-nav .menu-item{margin:6px 0}.side-nav .menu-btn{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;font-size:14px;display:flex}.side-nav .menu-btn:focus{outline:2px solid #22c1c31f}.side-nav .sub-menu,.side-nav .sub-sub-menu{max-height:0;margin:6px 0 0;padding-left:10px;list-style:none;transition:max-height .22s;overflow:hidden}.side-nav .menu-item.expanded>.sub-menu{max-height:900px}.side-nav .menu-item .chev{opacity:.9;transition:transform .18s;transform:rotate(0)}.side-nav .menu-item.expanded>.menu-btn .chev{transform:rotate(90deg)}.nav-overlay{top:var(--header-h);opacity:0;pointer-events:none;z-index:70;background:#01060a80;transition:opacity .2s;position:fixed;bottom:0;left:0;right:0}body.nav-open .nav-overlay{opacity:1;pointer-events:auto}.footer-notice{color:#04121b;z-index:110;background:linear-gradient(90deg,#22c1c3,#7b61ff);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 30px #070a0f99}.footer-notice a{color:#04121bf2;margin-left:8px;text-decoration:underline}.footer-notice .notice-close{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;font-size:18px;line-height:1}.footer-mini{color:#04121b;z-index:115;cursor:pointer;background:linear-gradient(90deg,#22c1c3,#7b61ff);border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:none;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 30px #070a0f99}.footer-mini:focus{outline:2px solid #04121b14}@media (width<=420px){.footer-notice{border-radius:10px;justify-content:space-between;bottom:12px;left:10px;right:10px}}@media (width>=1000px){.side-nav{position:fixed}.wrap{transition:margin-left .25s}.wrap.shifted{margin-left:300px}}.page-wrapper{min-height:calc(100vh - 136px);padding:24px 0}@media (width<=600px){.page-wrapper{padding:16px 0}}.logo{width:120px}.header-right button:hover{color:#fff}button.menu-btn:hover{color:#22c1c3}.menu-btn{text-decoration:none}a.menu-btn:hover,.menu-btn.active{color:#22c1c3}.notice-content a{color:#000;text-decoration:none}.notice-content a :hover{color:#fff;text-decoration:underline}.notice-content a:hover{color:#fff;text-decoration:underline}.timeline{padding:20px 0;position:relative}.timeline:before{content:"";background:#ffffff14;width:4px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.node{background:linear-gradient(#ffffff08,#0000);border-radius:18px;gap:14px;width:calc(50% - 40px);margin:24px 0;padding:18px 18px 18px 20px;display:flex;position:relative;box-shadow:0 10px 28px #00000059}.node.left{margin-right:auto}.node.right{margin-left:auto}.node:before{content:"";background:var(--card);border:3px solid var(--accent);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 10px #0009}.node.left:before{right:-24px}.node.right:before{left:-24px}.avatar{background:linear-gradient(135deg, var(--accent), #7b61ff);color:#061223;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-weight:700;display:flex}.bubble{flex:1}.meta{color:var(--muted);margin-bottom:6px;font-size:12px}.title{color:#dff6f5;margin-bottom:6px;font-size:15px}.desc{color:#bfdbe0;font-size:13px;line-height:1.5}.empty{text-align:center;color:var(--muted);background:#ffffff05;border-radius:12px;padding:28px}.controls{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}input[type=text]{color:#dff6f5;background:0 0;border:1px solid #ffffff0a;border-radius:10px;flex:1;min-width:180px;padding:10px}button{background:var(--accent);color:#04121b;cursor:pointer;border:none;border-radius:10px;padding:10px 12px}.footer-notice,.footer-mini{position:fixed;bottom:18px;right:18px}.footer-notice{color:#04121b;z-index:110;background:linear-gradient(90deg,#22c1c3,#7b61ff);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 8px 30px #070a0f99}.notice-close{color:inherit;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.footer-mini{color:#04121b;cursor:pointer;background:linear-gradient(90deg,#22c1c3,#7b61ff);border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 8px 30px #070a0f99}@media (width<=600px){.node{width:100%;max-width:none;margin:24px 0}.node.left,.node.right{margin:0}.node:before{left:24px;right:auto}}.url-encode-page{gap:18px;display:grid}.url-encode-page .input-group,.url-encode-page .output-group{gap:12px;display:grid}.url-encode-page textarea{resize:vertical;color:#e8f5ff;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;width:100%;min-height:170px;padding:14px}.url-decode-page{gap:18px;display:grid}.url-decode-page .input-group,.url-decode-page .output-group{gap:12px;display:grid}.url-decode-page textarea{resize:vertical;color:#e8f5ff;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;width:100%;min-height:170px;padding:14px}.base64-encode-page{gap:18px;display:grid}.base64-encode-page .input-group,.base64-encode-page .output-group{gap:12px;display:grid}.base64-encode-page textarea{resize:vertical;color:#e8f5ff;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;width:100%;min-height:170px;padding:14px}.base64-encode-page #textOutput{min-height:250px}.base64-decode-page{gap:18px;display:grid}.base64-decode-page .input-group,.base64-decode-page .output-group{gap:12px;display:grid}.base64-decode-page textarea{resize:vertical;color:#e8f5ff;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;width:100%;min-height:170px;padding:14px}.base64-decode-page #textOutput{min-height:250px}.mosaic-card{background:linear-gradient(#ffffff0f,#ffffff04);border:1px solid #ffffff14;border-radius:26px;flex-direction:column;min-height:260px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 18px 40px #00000040}.mosaic-card:hover{border-color:#22c1c340;transform:translateY(-3px);box-shadow:0 24px 55px #00000047}.mosaic-card-image,.mosaic-card-placeholder{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.mosaic-card-placeholder{color:#9aa4b2;text-transform:uppercase;letter-spacing:.12em;background:radial-gradient(circle at 0 0,#22c1c31f,#0000 35%),linear-gradient(#ffffff0a,#ffffff03);place-items:center;font-size:.95rem;display:grid}.mosaic-card-content{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.mosaic-card-content h2{color:#eff8f8;margin:0;font-size:1.15rem;line-height:1.3}.mosaic-card-content p{color:#c7dfe3;flex:1;margin:0;line-height:1.65}.mosaic-card-action{color:#d5f0ef;background:#22c1c329;border-radius:999px;align-self:flex-start;margin:0 20px 20px;padding:10px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s}.mosaic-card-action:hover{background:#22c1c340}.overview-page{flex-direction:column;gap:22px;display:flex}.overview-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.overview-subtitle{color:#9aa4b2;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.95rem}.overview-page h1{color:#e6f7f5;margin:0;font-size:clamp(2.1rem,3vw,2.8rem)}.overview-actions button{color:#04121b;cursor:pointer;background:linear-gradient(135deg,#22c1c3,#7b61ff);border:none;border-radius:999px;padding:12px 18px;font-weight:700}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}@media (width<=640px){.overview-header-row{align-items:flex-start}}.aes-encryption-page{gap:18px;display:grid}.aes-encryption-page .input-group,.aes-encryption-page .output-group{gap:12px;display:grid}.aes-encryption-page textarea{resize:vertical;color:#e8f5ff;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;width:100%;min-height:50px;padding:14px}.aes-encryption-page #textOutput{min-height:250px}.aes-decryption-page{gap:18px;display:grid}.aes-decryption-page .input-group,.aes-decryption-page .output-group{gap:12px;display:grid}.aes-decryption-page textarea{resize:vertical;color:#e8f5ff;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;width:100%;min-height:50px;padding:14px}.button-row{flex-wrap:wrap;gap:12px;display:flex}.button-row button.secondary{color:#e6eef6;background:#ffffff14}.aes-decryption-page #textOutput{min-height:250px}.sip-page{gap:18px;padding:16px;display:grid}.sip-page h1{margin-bottom:6px}.inputs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.inputs label{gap:8px;font-size:14px;display:grid}.inputs input,.inputs select{color:#e8f5ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff1f;border-radius:14px;padding:12px;box-shadow:inset 0 1px #ffffff0f}.inputs select{appearance:none}.inputs select option{color:#e8f5ff;background:#04121b}.rate-row{align-items:center;display:flex}.rate-row .percent{color:#e8f5ff;margin-left:6px}.summary{margin-bottom:8px}.summary-row{flex-wrap:wrap;gap:16px;display:flex}.summary-card{color:#e8f5ff;background:#ffffff08;border-radius:14px;min-width:160px;padding:12px 16px}.summary-card .label{color:#e6eef6e6;font-size:13px}.summary-card .value{margin-top:6px;font-size:18px;font-weight:700}.button-row{gap:12px;margin-top:12px;display:flex}.button-row button{cursor:pointer;color:#04121b;background:#22c1c3;border:none;border-radius:12px;padding:12px 18px}.table table{border-collapse:collapse;width:100%}.table th,.table td{text-align:right;border:1px solid #ffffff0a;padding:8px}.table th:first-child,.table td:first-child{text-align:left}.data-conversion-page{gap:18px;display:grid}.data-conversion-page .input-group,.data-conversion-page .output-group{gap:12px;display:grid}.data-conversion-page textarea{resize:vertical;color:#e8f5ff;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;width:100%;min-height:170px;padding:14px}.data-conversion-page .button-row{flex-wrap:wrap;gap:12px;display:flex}.data-conversion-page button{cursor:pointer;color:#04121b;background:#22c1c3;border:none;border-radius:12px;padding:12px 18px}.data-conversion-page button.secondary{color:#e6eef6;background:#ffffff14}.data-conversion-page .error-message{color:#ff7c7c;font-size:.95rem}