*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#09090f;--s1:#111118;--s2:#18181f;--s3:#22222e;--border:#ffffff0f;--border2:#ffffff21;--accent:#b5f23d;--ag:#b5f23d1f;--ag2:#b5f23d0f;--text:#eeeef5;--t2:#8a8a9e;--t3:#44445a;--mono:"JetBrains Mono",monospace;--sans:"Outfit",sans-serif;--r:10px;--rl:14px;--sw:258px}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--s3);border-radius:99px}.layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}header{background:var(--s1);border-bottom:1px solid var(--border);z-index:20;flex-shrink:0;align-items:center;gap:14px;height:52px;padding:0 18px;display:flex;position:relative}.logo{flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:flex}.logo-mark{background:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.logo-name{color:var(--text);letter-spacing:-.3px;font-size:17px;font-weight:700}.logo-name span{color:var(--accent)}.search-wrap{flex:1;max-width:300px;margin-left:8px;position:relative}.search-wrap svg{color:var(--t3);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-wrap input{background:var(--s2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--sans);border-radius:8px;outline:none;padding:7px 12px 7px 34px;font-size:13px;transition:border-color .18s}.search-wrap input:focus{border-color:var(--border2)}.search-wrap input::placeholder{color:var(--t3)}.spacehint{color:var(--t3);white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}kbd{background:var(--s2);border:1px solid var(--border2);font-family:var(--mono);color:var(--t2);border-radius:5px;padding:2px 7px;font-size:11px}.hamburger{border:1px solid var(--border2);cursor:pointer;width:32px;height:32px;color:var(--t2);background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:none}.hamburger:hover{color:var(--text);border-color:#ffffff40}.hamburger svg{pointer-events:none}.body{flex:1;display:flex;overflow:hidden}.sidebar{width:var(--sw);background:var(--s1);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:2px;padding:10px 8px 20px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;overflow-y:auto}.cat-label{letter-spacing:.07em;color:var(--t3);text-transform:uppercase;justify-content:space-between;align-items:center;padding:12px 8px 4px;font-size:10px;font-weight:600;display:flex}.cat-label:first-child{padding-top:4px}.cat-count{background:var(--s3);color:var(--t3);letter-spacing:0;font-size:10px;font-weight:600;font-family:var(--mono);border-radius:99px;padding:1px 6px}.tool-btn{cursor:pointer;color:var(--t2);font-family:var(--sans);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13.5px;transition:background .12s,color .12s,box-shadow .12s;display:flex}.tool-btn:hover{background:var(--s2);color:var(--text)}.tool-btn.active{background:var(--ag);color:var(--accent);box-shadow:inset 0 0 0 1px #b5f23d40}.ti{text-align:center;flex-shrink:0;width:22px;font-size:15px}.sidebar-overlay{z-index:15;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#0009;transition:opacity .25s;display:none;position:fixed;inset:52px 0 0}.main{flex-direction:column;flex:1;gap:20px;padding:28px 32px;display:flex;overflow-y:auto}.tool-hdr{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:14px;margin:-12px 0 -8px;padding:12px 0 16px;display:flex;position:sticky;top:0}.tool-big-icon{background:var(--ag);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.tool-title{letter-spacing:-.3px;font-size:22px;font-weight:700}.tool-desc{color:var(--t2);margin-top:3px;font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel{background:var(--s1);border:1px solid var(--border);border-radius:var(--rl);flex-direction:column;gap:14px;padding:20px;animation:.22s both fadeUp;display:flex}.ctrl-panel{background:var(--s2);border:1px solid var(--border);border-radius:var(--r);flex-direction:column;gap:14px;padding:18px;animation:.18s both fadeUp;display:flex}.panel:nth-child(2){animation-delay:40ms}.panel:nth-child(3){animation-delay:80ms}.panel:nth-child(4){animation-delay:.12s}.panel-title{letter-spacing:.07em;text-transform:uppercase;color:var(--t3);font-size:11px;font-weight:600}.result-big{font-family:var(--mono);color:var(--accent);word-break:break-all;min-height:40px;font-size:26px;font-weight:700;line-height:1.3}.result-big.sm{letter-spacing:.02em;font-size:15px;font-weight:500}.result-big.md{font-size:19px}.result-big.italic{font-style:italic;font-family:var(--sans);color:var(--text);font-size:19px;font-weight:400;line-height:1.6}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn{font-family:var(--sans);cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-size:13.5px;font-weight:500;transition:all .14s}.btn-p{background:var(--accent);color:#0a0b0e}.btn-p:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-p:active{transform:scale(.97)}.btn-g{color:var(--t2);border:1px solid var(--border2);background:0 0}.btn-g:hover{color:var(--text);border-color:#ffffff40}.btn-copied{background:var(--s3)!important;color:var(--accent)!important;border-color:#0000!important}.ctrl-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}input[type=range]{appearance:none;background:var(--s3);border-radius:99px;outline:none;flex:1;min-width:100px;height:3px}.ctrl-val{font-size:13px;font-family:var(--mono);color:var(--accent);min-width:28px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:15px;height:15px}input[type=number],input[type=text],textarea,select{background:var(--s3);border:1px solid var(--border);color:var(--text);font-family:var(--sans);border-radius:8px;outline:none;padding:7px 11px;font-size:13.5px;transition:border-color .18s}input[type=number]:focus,input[type=text]:focus,textarea:focus,select:focus{border-color:#b5f23d66}input[type=number]{width:74px}input[type=text]{width:100%}textarea{resize:vertical;width:100%;min-height:90px;font-size:13.5px;line-height:1.6}select{cursor:pointer;padding-right:8px}.chk-row{cursor:pointer;color:var(--t2);-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:13.5px;display:flex}.chk-row input{accent-color:var(--accent);cursor:pointer;width:14px;height:14px}.r-list{flex-direction:column;gap:5px;display:flex}.r-item{background:var(--s2);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 13px;display:flex}.r-item span{font-family:var(--mono);color:var(--text);word-break:break-all;flex:1;font-size:13.5px}.copy-xs{background:var(--s3);border:1px solid var(--border);color:var(--t3);cursor:pointer;font-size:11px;font-family:var(--sans);border-radius:5px;flex-shrink:0;padding:3px 8px;transition:all .13s}.copy-xs:hover{border-color:var(--border2);color:var(--t2)}.dice-wrap{flex-wrap:wrap;gap:9px;display:flex}.die{border:1.5px solid var(--border2);background:var(--s2);width:50px;height:50px;font-size:20px;font-weight:700;font-family:var(--mono);color:var(--accent);border-radius:10px;justify-content:center;align-items:center;animation:.2s pop;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.coin-face{background:var(--s2);border:2.5px solid var(--border2);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:32px;transition:all .28s;display:flex}.coin-face.heads{border-color:var(--accent);background:var(--ag)}.coin-face.tails{border-color:var(--t3)}.stats{flex-wrap:wrap;gap:10px;display:flex}.stat{background:var(--s2);border:1px solid var(--border);text-align:center;border-radius:8px;flex:1;min-width:88px;padding:11px 14px}.stat-n{font-size:20px;font-weight:700;font-family:var(--mono);color:var(--accent)}.stat-l{color:var(--t3);margin-top:2px;font-size:11px}.pal-wrap{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;flex-direction:column;align-items:center;gap:4px;display:flex}.swatch-c{border:1px solid #ffffff14;border-radius:10px;width:52px;height:52px;transition:transform .15s}.swatch-c:hover{transform:scale(1.1)}.swatch-hex{font-size:10px;font-family:var(--mono);color:var(--t3);text-align:center;width:52px}.quote-mark{color:var(--accent);margin-bottom:8px;font-size:48px;line-height:.6}.team-grid{flex-wrap:wrap;gap:10px;display:flex}.team-card{background:var(--s2);border:1px solid var(--border);border-top-width:3px;border-radius:10px;flex:1;min-width:130px;padding:14px}.team-name{text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:11px;font-weight:600}.team-member{border-bottom:1px solid var(--border);color:var(--text);padding:5px 0;font-size:13.5px}.team-member:last-child{border-bottom:none}#qr-out{justify-content:center;padding:12px;display:flex}#qr-out canvas,#qr-out img{border:6px solid #fff;border-radius:8px}.related-wrap{border-top:1px solid var(--border);padding-top:16px}.rel-lbl{letter-spacing:.07em;text-transform:uppercase;color:var(--t3);margin-bottom:10px;font-size:11px;font-weight:600}.rel-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--s2);border:1px solid var(--border);color:var(--t2);cursor:pointer;border-radius:99px;padding:6px 13px;font-size:13px;transition:all .15s}.chip:hover{color:var(--accent);border-color:#b5f23d66}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--s2) 25%,var(--s3) 50%,var(--s2) 75%);background-size:200% 100%;border-radius:8px;animation:1.4s infinite shimmer}.skeleton-text{border-radius:4px;height:14px;margin-bottom:8px}.skeleton-text.lg{width:60%;height:28px}.skeleton-result{border-radius:8px;width:100%;height:44px}.skeleton-btn{border-radius:8px;width:120px;height:36px}.toast{z-index:999;background:var(--s3);border:1px solid var(--border2);color:var(--text);opacity:0;pointer-events:none;border-radius:9px;padding:10px 16px;font-size:13px;transition:all .22s;position:fixed;bottom:22px;right:22px;transform:translateY(8px)}.toast.on{opacity:1;transform:translateY(0)}.empty{color:var(--t3);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;font-size:14px;display:flex}.empty svg{opacity:.3}.tool-footer{border-top:1px solid var(--border);flex-direction:column;gap:0;margin-top:8px;padding-top:28px;display:flex}.section-heading{letter-spacing:.07em;text-transform:uppercase;color:var(--t3);margin-bottom:12px;font-size:10px;font-weight:600}.faq-section{margin-bottom:28px}.faq-list{flex-direction:column;gap:4px;display:flex}.faq-item{background:var(--s1);border:1px solid var(--border);border-radius:var(--r);transition:border-color .15s;overflow:hidden}.faq-item[data-open=true]{border-color:var(--border2)}.faq-question{all:unset;box-sizing:border-box;cursor:pointer;width:100%;color:var(--t2);justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:13.5px;font-weight:500;transition:color .15s,background .15s;display:flex}.faq-question:hover{color:var(--text);background:var(--s2)}.faq-item[data-open=true] .faq-question{color:var(--text)}.faq-chevron{color:var(--t3);flex-shrink:0;font-size:16px;font-weight:300;line-height:1;transition:color .15s}.faq-item[data-open=true] .faq-chevron{color:var(--accent)}.faq-answer{color:var(--t2);border-top:1px solid var(--border);padding:12px 14px 13px;font-size:13px;line-height:1.7}.faq-answer p{margin:0}.related-section{margin-bottom:28px}.related-grid{flex-wrap:wrap;gap:6px;display:flex}.related-card{color:inherit;background:var(--s2);border:1px solid var(--border);border-radius:var(--r);align-items:center;gap:9px;min-width:155px;padding:9px 13px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.related-card:hover{background:var(--s3);border-color:var(--border2)}.related-icon{flex-shrink:0;font-size:17px;line-height:1}.related-info{flex-direction:column;gap:2px;display:flex}.related-name{color:var(--text);font-size:13px;font-weight:500}.related-desc{color:var(--t3);font-size:11.5px}@media (max-width:720px){.hamburger{display:flex}.spacehint{display:none}.main{padding:16px}.sidebar{z-index:18;height:calc(100dvh - 52px);position:fixed;top:52px;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000080}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.sidebar-overlay.open{opacity:1;pointer-events:auto}.tool-hdr{padding:10px 0 12px}}