:root{--sky-a:#0A5FB4;--sky-b:#2B9FE8;--sky-c:#A4E2FF;--sky-d:#E6FAFF;--sky-e:#B4EE6E;--hill-a:#C4F47A;--hill-b:#5CC43B;--hill-c:#1F8A34;--hill-d:#2E9E3F;--flare:rgba(255,255,255,.8);--ink:#0B2744;--ink-2:#3C5874;--line:#9DB7D1;--line-soft:rgba(12,70,130,.22);--glass:rgba(255,255,255,.58);--glass-edge:rgba(255,255,255,.8);--panel-a:#FFFFFF;--panel-b:#EEF6FD;--frame-a:rgba(255,255,255,.75);--frame-b:rgba(185,222,255,.5);--tile-a:rgba(255,255,255,.97);--tile-b:rgba(233,245,255,.9);--tile-c:rgba(210,233,251,.88);--tile-d:rgba(238,249,255,.94);--gel-a:#FFFFFF;--gel-b:#E4EDF6;--gel-c:#CBDAE8;--gel-d:#EAF2F9;--gel-line:#7F9BB8;--gel-ink:#0B2744;--emboss:rgba(255,255,255,.85);--aqua-a:#A6E0FF;--aqua-b:#3CA9F5;--aqua-c:#0B77DC;--aqua-d:#45BAFF;--aqua-line:#084C9C;--field:#FFFFFF;--surface-2:#DDEBF7;--accent:#0B6FD6;--tape:#FFD23F;--tape-ink:#3A2A00;--bad:#B3261E;--good:#17773B;--add:#DDF6E2;--del:#FDE1DD;--mark:#FFE889;--shadow:0 12px 30px rgba(0,45,100,.3);--head:#FFFFFF;--head-shadow:0 2px 3px rgba(0,45,100,.6),0 0 22px rgba(255,255,255,.4);--font:"Segoe UI","Lucida Grande","Open Sans","IBM Plex Sans Arabic",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,Menlo,monospace;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sky-a:#020F24;--sky-b:#06305A;--sky-c:#0B5C86;--sky-d:#0E7C86;--sky-e:#1E6B3A;--hill-a:#3E9C4A;--hill-b:#1E6B34;--hill-c:#0B3A1E;--hill-d:#0F4A26;--flare:rgba(150,220,255,.35);--ink:#EAF6FF;--ink-2:#A9C6E0;--line:#3E6187;--line-soft:rgba(160,210,255,.22);--glass:rgba(14,40,70,.6);--glass-edge:rgba(170,220,255,.35);--panel-a:#16324F;--panel-b:#0F2540;--frame-a:rgba(150,205,255,.4);--frame-b:rgba(60,130,200,.3);--tile-a:rgba(40,78,118,.96);--tile-b:rgba(28,60,96,.94);--tile-c:rgba(18,46,78,.94);--tile-d:rgba(30,66,104,.95);--gel-a:#5D7C9C;--gel-b:#3D5C7C;--gel-c:#2A4664;--gel-d:#3F6082;--gel-line:#0A1C30;--gel-ink:#F2F9FF;--emboss:rgba(0,0,0,.55);--field:#0B1E33;--surface-2:#234566;--accent:#8CCBFF;--bad:#FF9B92;--good:#7FE0A0;--add:#14402A;--del:#4F211D;--mark:#6B5200;--shadow:0 12px 30px rgba(0,0,0,.5);color-scheme:dark}}:root[data-theme=dark]{--sky-a:#020F24;--sky-b:#06305A;--sky-c:#0B5C86;--sky-d:#0E7C86;--sky-e:#1E6B3A;--hill-a:#3E9C4A;--hill-b:#1E6B34;--hill-c:#0B3A1E;--hill-d:#0F4A26;--flare:rgba(150,220,255,.35);--ink:#EAF6FF;--ink-2:#A9C6E0;--line:#3E6187;--line-soft:rgba(160,210,255,.22);--glass:rgba(14,40,70,.6);--glass-edge:rgba(170,220,255,.35);--panel-a:#16324F;--panel-b:#0F2540;--frame-a:rgba(150,205,255,.4);--frame-b:rgba(60,130,200,.3);--tile-a:rgba(40,78,118,.96);--tile-b:rgba(28,60,96,.94);--tile-c:rgba(18,46,78,.94);--tile-d:rgba(30,66,104,.95);--gel-a:#5D7C9C;--gel-b:#3D5C7C;--gel-c:#2A4664;--gel-d:#3F6082;--gel-line:#0A1C30;--gel-ink:#F2F9FF;--emboss:rgba(0,0,0,.55);--field:#0B1E33;--surface-2:#234566;--accent:#8CCBFF;--bad:#FF9B92;--good:#7FE0A0;--add:#14402A;--del:#4F211D;--mark:#6B5200;--shadow:0 12px 30px rgba(0,0,0,.5);color-scheme:dark}*,::before,::after{box-sizing:border-box}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0);-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;overflow-x:clip;background:var(--sky-b);color:var(--ink);font:400 16px/1.5 var(--font);display:flex;flex-direction:column;position:relative;isolation:isolate}.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 20px}h1,h2,h3{font-weight:700;line-height:1.2;margin:0}a{color:var(--accent)}:focus-visible{outline:3px solid var(--tape);outline-offset:2px}[hidden]{display:none!important}.sky{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,var(--sky-a) 0%,var(--sky-b) 32%,var(--sky-c) 64%,var(--sky-d) 82%,var(--sky-e) 100%)}.sky::before{content:"";position:absolute;inset-inline-end:-12%;top:-34%;width:78vmax;height:78vmax;background:radial-gradient(circle,var(--flare)0,rgba(255,255,255,.22) 24%,rgba(255,255,255,0) 60%)}.sky svg{position:absolute;inset:0;width:100%;height:100%}.bub{position:absolute;bottom:-160px;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.95)0 5%,rgba(255,255,255,.3) 16%,rgba(255,255,255,.05) 46%,rgba(255,255,255,.22) 74%,rgba(255,255,255,.6) 100%);box-shadow:inset 0 0 16px rgba(255,255,255,.55),0 0 0 1px rgba(255,255,255,.3);animation:floatUp linear infinite;will-change:transform}@keyframes floatUp{to{transform:translate3d(40px,-135vh,0) rotate(40deg)}}.band{color:var(--head);position:relative}.band .wrap{padding-top:16px;padding-bottom:26px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px}.topr{display:flex;align-items:center;gap:8px}.mark{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:22px;color:var(--head);text-decoration:none;text-shadow:var(--head-shadow)}.logo{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:17px;position:relative;background:radial-gradient(circle at 50% 118%,#d4fa7a,#58c42c 55%,#1b8530);box-shadow:inset 0 2px 3px rgba(0,0,0,.28),0 2px 6px rgba(0,40,90,.5),0 0 0 2px rgba(255,255,255,.8);animation:spinY 1.3s cubic-bezier(.2,.7,.2,1) both}.logo::after,.orb::after{content:"";position:absolute;inset-inline:13%;top:5%;height:46%;border-radius:50%;background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.08));pointer-events:none}@keyframes spinY{0%{transform:perspective(300px) rotateY(-360deg)}to{transform:perspective(300px) rotateY(0)}}#lang{width:auto;padding:7px 10px;border:1px solid var(--gel-line);border-radius:9px;background:linear-gradient(var(--gel-a),var(--gel-b) 48%,var(--gel-c) 52%,var(--gel-d));color:var(--gel-ink);font-size:14px;font-weight:600;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 5px rgba(0,40,90,.3)}#lang option{color:#0b2744;background:#fff}.ask{display:block;font-weight:700;font-size:clamp(28px,5vw,48px);line-height:1.1;margin:30px 0 16px;max-width:20ch;text-shadow:var(--head-shadow);animation:dropin .8s cubic-bezier(.2,.8,.2,1) both;transform-origin:50%0}.qwrap{position:relative;max-width:660px;animation:dropin .8s .08s cubic-bezier(.2,.8,.2,1) both;transform-origin:50%0}.qwrap::before{content:"";position:absolute;inset-inline-start:18px;top:50%;width:20px;height:20px;margin-top:-10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B6CB0' stroke-width='3' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='6.5'/%3E%3Cpath d='M15 15l6 6'/%3E%3C/svg%3E")center/contain no-repeat;pointer-events:none}@keyframes dropin{0%{opacity:0;transform:perspective(800px) rotateX(-50deg) translateY(-18px)}to{opacity:1;transform:none}}#q{width:100%;font:500 18px/1.3 var(--font);padding:15px 20px;padding-inline-start:50px;border:1px solid rgba(255,255,255,.95);border-radius:999px;background:linear-gradient(#fff,#eaf5ff);color:#0b2744;box-shadow:inset 0 3px 7px rgba(0,50,110,.3),0 1px 0 rgba(255,255,255,.6),0 8px 22px rgba(0,50,110,.3)}#q::placeholder{color:#5f7892}.count{margin:14px 0 0;font-size:14px;font-weight:600;text-shadow:0 1px 2px rgba(0,40,90,.6)}.in-tool .ask,.in-tool .count{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);animation:none}.in-tool .band{background:linear-gradient(rgba(255,255,255,.34),rgba(255,255,255,.1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-edge);box-shadow:0 6px 18px rgba(0,40,90,.25),inset 0 1px 0 rgba(255,255,255,.5)}.in-tool .band .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding-top:12px;padding-bottom:12px}.in-tool .top{display:contents}.in-tool .qwrap{flex:1 1 200px;max-width:420px;order:2;animation:none}.in-tool #q{padding-block:10px;font-size:16px}.in-tool .topr{order:3;margin-inline-start:auto}main{flex:1}main.wrap{padding-top:10px;padding-bottom:60px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.chip{font:600 14px/1 var(--font);padding:10px 16px;border-radius:999px;border:1px solid var(--gel-line);background:linear-gradient(var(--gel-a),var(--gel-b) 48%,var(--gel-c) 52%,var(--gel-d));color:var(--gel-ink);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 5px rgba(0,40,90,.28);text-shadow:0 1px 0 var(--emboss)}.chip[aria-pressed=true]{border-color:var(--aqua-line);background:linear-gradient(var(--aqua-a),var(--aqua-b) 48%,var(--aqua-c) 52%,var(--aqua-d));color:#fff;text-shadow:0-1px 0 rgba(0,40,90,.55)}.cat{margin-top:18px;padding:16px 16px 18px;border-radius:20px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-edge);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.65)}.cat h2{font-size:21px;margin:2px 4px 12px;text-shadow:0 1px 0 var(--emboss)}.cat h2 small{font-weight:600;font-size:14px;color:var(--ink-2);margin-inline-start:8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.tile{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);padding:11px 13px;border-radius:14px;border:1px solid var(--glass-edge);background:linear-gradient(var(--tile-a),var(--tile-b) 49%,var(--tile-c) 51%,var(--tile-d));box-shadow:0 0 0 1px var(--line-soft),0 5px 12px rgba(0,45,100,.2),inset 0 1px 0 rgba(255,255,255,.7);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}.tile b{display:block;font-weight:700;font-size:16px;line-height:1.25}.tile .tt span{display:block;color:var(--ink-2);font-size:13.5px;line-height:1.35;margin-top:2px}.tile:hover,.tile:focus-visible{transform:perspective(700px) rotateX(7deg) translateY(-4px);box-shadow:0 0 0 1px var(--line-soft),0 14px 22px rgba(0,45,100,.3),inset 0 1px 0 rgba(255,255,255,.7)}.tile:hover .orb{transform:translateY(-2px) scale(1.1)}.orb{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:22px;line-height:1;position:relative;transition:transform .2s;background:radial-gradient(circle at 50% 118%,var(--o3),var(--o2) 58%,var(--o1));box-shadow:inset 0 2px 3px rgba(0,0,0,.28),inset 0-4px 7px rgba(255,255,255,.3),0 2px 5px rgba(0,40,90,.45),0 0 0 1.5px rgba(255,255,255,.75)}.orb.lg{width:66px;height:66px;font-size:32px}.c-media{--o1:#B01E7A;--o2:#F04FA8;--o3:#FFC2E3}.c-files{--o1:#0A5FC2;--o2:#3AA6F4;--o3:#B6E6FF}.c-text{--o1:#C25A00;--o2:#FF9A2E;--o3:#FFE0A8}.c-dev{--o1:#4A2FA8;--o2:#8C6CF0;--o3:#D8CCFF}.c-calc{--o1:#1B7F2E;--o2:#55C83A;--o3:#D2F7A0}.c-make{--o1:#B88600;--o2:#FFC928;--o3:#FFF2AE}.c-time{--o1:#007C86;--o2:#22C3CC;--o3:#B8F5F2}.empty{margin-top:18px;max-width:60ch;padding:22px;border-radius:20px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-edge);box-shadow:var(--shadow)}.empty h2{font-size:21px;margin-bottom:8px}.back{margin:10px 0 14px}.toolhead{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:16px;color:var(--head)}.toolhead div{flex:1 1 300px}.toolhead h1{font-size:clamp(26px,4vw,36px);text-shadow:var(--head-shadow)}.lede{margin:4px 0 0;max-width:62ch;text-shadow:0 1px 2px rgba(0,40,90,.65);font-weight:600}.panel{border:8px solid transparent;border-radius:18px;background:linear-gradient(var(--panel-a),var(--panel-b)) padding-box,linear-gradient(var(--frame-a),var(--frame-b)) border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 1px rgba(10,60,120,.4),0 20px 44px rgba(0,40,100,.36);padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0;animation:swing .34s cubic-bezier(.2,.8,.2,1);transform-origin:50%0}@keyframes swing{0%{opacity:0;transform:perspective(1100px) rotateX(-12deg) translateY(22px)}to{opacity:1;transform:none}}.panel h3{font-size:17px;margin-top:8px;padding-bottom:5px;border-bottom:1px solid var(--line-soft)}.panel p{margin:0;max-width:72ch}.row{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-end}.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.f{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600;min-width:0}.f.grow,.grow{flex:1 1 200px;min-width:0}.f small{font-weight:400;color:var(--ink-2)}.f.check{flex-direction:row;align-items:center;gap:8px;font-weight:500;font-size:15px;padding:8px 0}input,select,textarea,button{font:inherit;color:inherit}input[type=text],input[type=number],input[type=search],input[type=date],input[type=datetime-local],input[type=time],input[type=password],select,textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:var(--field);font-weight:400;font-size:16px;min-width:0;box-shadow:inset 0 2px 4px rgba(0,40,90,.16)}.panel input:focus,.panel select:focus,.panel textarea:focus{border-color:#2f9bef;box-shadow:inset 0 2px 4px rgba(0,40,90,.16),0 0 0 3px rgba(70,175,255,.4)}textarea{resize:vertical;line-height:1.45;display:block}.mono{font-family:var(--mono);font-size:14px}input[type=range]{width:100%;accent-color:#1e9bf0;min-width:120px}input[type=color]{width:52px;height:40px;padding:2px;border:1px solid var(--line);border-radius:7px;background:var(--field)}input[type=checkbox]{width:18px;height:18px;accent-color:#1e9bf0}.btn{font-weight:600;font-size:15px;line-height:1.2;padding:10px 17px;border-radius:10px;cursor:pointer;border:1px solid var(--gel-line);color:var(--gel-ink);text-shadow:0 1px 0 var(--emboss);background:linear-gradient(var(--gel-a),var(--gel-b) 48%,var(--gel-c) 52%,var(--gel-d));box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 2px 4px rgba(0,40,90,.28);transition:filter .12s,transform .08s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px);filter:brightness(.94);box-shadow:inset 0 2px 5px rgba(0,30,70,.4)}.btn.pri{border-color:var(--aqua-line);color:#fff;text-shadow:0-1px 0 rgba(0,40,90,.6);font-weight:700;background:linear-gradient(var(--aqua-a),var(--aqua-b) 48%,var(--aqua-c) 52%,var(--aqua-d));box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 3px 8px rgba(0,70,150,.45)}.btn.sm{padding:6px 12px;font-size:14px;border-radius:8px}.btn:disabled{opacity:.5;cursor:default}a.btn{text-decoration:none;display:inline-block}.msg{min-height:1.5em;font-size:15px;color:var(--ink-2)}.msg.bad,.bad{color:var(--bad);font-weight:600}.drop{display:block;border:2px dashed #6fa9dc;border-radius:12px;padding:26px 18px;text-align:center;cursor:pointer;position:relative;background:linear-gradient(rgba(120,190,255,.16),rgba(120,190,255,.05));box-shadow:inset 0 3px 8px rgba(0,50,110,.14);transition:transform .14s,border-color .14s}.drop:hover,.drop.over,.drop:focus-within{border-color:#1e9bf0}.drop.over{transform:perspective(700px) translateZ(14px) scale(1.01)}.drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.drop span{color:var(--ink-2)}.list{display:flex;flex-direction:column;gap:6px}.list:empty{display:none}.item{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;min-width:0;background:linear-gradient(var(--tile-a),var(--tile-c));box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 3px rgba(0,40,90,.14)}.item .grow{overflow-wrap:anywhere;flex:1 1 160px}.item small{color:var(--ink-2)}.item.done .grow{text-decoration:line-through;color:var(--ink-2)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(124px,1fr));gap:8px}.stat{border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0;background:linear-gradient(var(--tile-a),var(--tile-b) 49%,var(--tile-c) 51%,var(--tile-d));box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 5px rgba(0,40,90,.16)}.stat b{display:block;font-weight:700;font-size:22px;line-height:1.2;overflow-wrap:anywhere}.stat span{font-size:13px;color:var(--ink-2)}.big{font-weight:700;font-size:clamp(34px,9vw,64px);line-height:1.08;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-shadow:0 1px 0 var(--emboss);transform-origin:left center}.lcd{align-self:flex-start;max-width:100%;font-family:var(--mono);font-weight:700;color:#8febff;text-shadow:0 0 12px rgba(90,215,255,.85);padding:10px 20px;border-radius:12px;border:2px solid #04101d;position:relative;overflow:hidden;background:linear-gradient(#0a1c30,#143656);box-shadow:inset 0 4px 12px rgba(0,0,0,.65),0 1px 0 rgba(255,255,255,.55);unicode-bidi:plaintext}.lcd::after{content:"";position:absolute;inset:0 0 55%0;background:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.03));pointer-events:none}.result{border:1px solid var(--line);border-radius:8px;background:var(--field);padding:12px 14px;overflow-wrap:anywhere;min-height:46px;box-shadow:inset 0 2px 4px rgba(0,40,90,.14)}.result.pre{white-space:pre-wrap;font-family:var(--mono);font-size:14px}.scroll{overflow-x:auto;max-width:100%}table{border-collapse:collapse;font-size:14px}td,th{border:1px solid var(--line);padding:5px 9px;text-align:start;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}canvas{max-width:100%;height:auto}.preview{display:block;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 12px rgba(0,40,90,.25);background:repeating-conic-gradient(var(--surface-2)0 25%,var(--field)0 50%)0 0/16px 16px}.stage{position:relative;display:inline-block;max-width:100%;touch-action:none;cursor:crosshair;align-self:flex-start;line-height:0;overflow:hidden;border-radius:8px}.selbox{position:absolute;border:2px dashed #fff;box-shadow:0 0 0 9999px rgba(10,20,40,.5);pointer-events:none}.swatches{display:flex;flex-wrap:wrap;gap:8px}.sw{flex:1 1 90px;min-height:92px;border:1px solid rgba(0,30,70,.45);border-radius:12px;display:flex;align-items:flex-end;padding:6px;cursor:pointer;font:600 13px var(--mono);position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 3px 8px rgba(0,40,90,.3)}.sw::before{content:"";position:absolute;inset:0 0 52%0;background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.08));pointer-events:none}.sw span{background:#fff;color:#13213a;padding:2px 6px;border-radius:4px;position:relative}.diff{font-family:var(--mono);font-size:14px;border:1px solid var(--line);border-radius:8px;overflow-x:auto;background:var(--field)}.diff div{padding:1px 10px;white-space:pre}.diff .a{background:var(--add)}.diff .d{background:var(--del)}mark{background:var(--mark);color:inherit;border-radius:2px}.keys{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-width:440px;direction:ltr;padding:12px;border-radius:14px;background:linear-gradient(var(--surface-2),var(--panel-b));border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 4px 10px rgba(0,40,90,.2)}.keys .btn{padding:13px 4px;font-size:16px}.pad{touch-action:none;border:10px solid #c89b5a;border-image:linear-gradient(135deg,#e3bd82,#a9763a 50%,#d7ad6e)10;background:#fff;width:100%;cursor:crosshair;display:block;box-shadow:0 6px 16px rgba(0,40,90,.3),inset 0 0 12px rgba(0,0,0,.18)}.paper{background:linear-gradient(90deg,transparent 39px,#f2a0a0 39px 40px,transparent 40px),repeating-linear-gradient(#fff8b8 0 27px,#a9cdeb 27px 28px);background-attachment:local;line-height:28px!important;font-size:17px!important;color:#2b2a1e!important;border:1px solid #d2c25e!important;padding:0 14px 0 50px!important;box-shadow:0 8px 18px rgba(0,40,90,.28),inset 0 0 34px rgba(190,160,40,.18)!important;border-radius:4px!important}.react{min-height:190px;border-radius:18px;border:1px solid var(--gel-line);display:grid;place-items:center;font-weight:700;font-size:20px;cursor:pointer;text-align:center;padding:16px;width:100%;color:var(--gel-ink);background:linear-gradient(var(--gel-a),var(--gel-b) 48%,var(--gel-c) 52%,var(--gel-d));box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 0 var(--gel-line),0 12px 18px rgba(0,40,90,.3)}.react:active{transform:translateY(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 0 var(--gel-line),0 5px 9px rgba(0,40,90,.3)}.react.go{background:linear-gradient(#fff3a6,#ffd23f 48%,#f2b100 52%,#ffdd5c);color:#3a2a00;border-color:#a97800;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 0#a97800,0 0 34px rgba(255,210,63,.8)}.typing{font-size:19px;line-height:1.6;border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--field);box-shadow:inset 0 2px 4px rgba(0,40,90,.14)}.typing .ok{color:var(--good)}.typing .no{background:var(--del);color:var(--bad)}.typing .cur{border-inline-start:2px solid var(--accent)}.md{border:1px solid var(--line);border-radius:8px;padding:6px 16px;background:var(--field);overflow-x:auto;min-height:60px}.md img{max-width:100%}.md pre{overflow-x:auto;background:var(--surface-2);padding:10px;border-radius:4px}.md code{font-family:var(--mono);font-size:.9em}footer{color:#fff;font-size:14px;font-weight:600;padding:18px 0 24px;text-shadow:0 1px 3px rgba(0,50,20,.85)}.rights{margin-top:6px;font-weight:700;letter-spacing:.01em}#toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0));transform:translate(-50%,20px);background:linear-gradient(rgba(40,70,105,.96),rgba(8,26,48,.96));color:#fff;padding:11px 20px;border-radius:999px;font-weight:600;font-size:15px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;max-width:calc(100vw - 32px);z-index:40;border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 22px rgba(0,30,70,.5)}#toast.on{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:rgba(4,28,58,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:auto}.dlg{width:100%;max-width:580px;max-height:calc(100vh - 32px);overflow:auto;animation:dlg .32s cubic-bezier(.2,.8,.2,1)}.dlg h2{font-size:22px}@keyframes dlg{0%{opacity:0;transform:perspective(900px) rotateX(18deg) scale(.9)}to{opacity:1;transform:none}}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;background:var(--surface-2);border:1px solid var(--line)}.pill.on{background:linear-gradient(#c9f7a0,#7cd420);border-color:#3e8a0c;color:#143800}.th-media{--ink:#0B1A3D;--ink-2:#44506B;--line:#9B9A8A;--line-soft:rgba(70,60,20,.25);--field:#FFFFFF;--surface-2:#E3E0CF;--accent:#0A46C8;--tile-a:#FFFFFF;--tile-b:#F8F7F1;--tile-c:#EEEBDD;--tile-d:#F7F6EF;--emboss:rgba(255,255,255,.8);--glass-edge:#FFFFFF;--xp-body:#ECE9D8;--xp-border:#0A3BD6;--xp-bar:linear-gradient(#3D95FF 0,#0A5FEA 14%,#0453DC 50%,#0659E6 86%,#0B47C9 100%);--xp-btn:linear-gradient(#6FA6FF,#2363E2)}.th-files{--ink:#2A1A08;--ink-2:#5E4426;--line:#A98A63;--line-soft:rgba(80,50,10,.28);--field:#FFFDF7;--surface-2:#E8D9BF;--accent:#8A4B0F;--tile-a:#FFFDF6;--tile-b:#FBF5E6;--tile-c:#F2E6CC;--tile-d:#FAF2E0;--emboss:rgba(255,255,255,.8);--glass-edge:#FFFDF6;--kraft:#C9A26C;--tape:rgba(247,236,196,.86)}.th-text{--ink:#11214A;--ink-2:#44527A;--line:#A9BFD8;--line-soft:rgba(40,80,140,.22);--field:#FFFFFF;--surface-2:#E6EEF8;--accent:#1B57C4;--tile-a:#FFFFFF;--tile-b:#FDFCF7;--tile-c:#F5F2E4;--tile-d:#FCFBF4;--emboss:rgba(255,255,255,.8);--glass-edge:#FFFFFF;--paper:#FFFEF6;--rule:#BBD4EE;--margin:#EF8F8F;--hole:#3B5470}.th-dev{--ink:#DAFFE7;--ink-2:#83D9A4;--line:#2D4A3A;--line-soft:rgba(70,255,140,.16);--field:#06100B;--surface-2:#13261B;--accent:#46FF8C;--tile-a:#1E2C38;--tile-b:#18242F;--tile-c:#121C25;--tile-d:#1A2733;--emboss:rgba(0,0,0,.6);--glass-edge:rgba(120,200,160,.25);--term:#0B121B}.th-calc{--ink:#0D2A4A;--ink-2:#3F5A78;--line:#9CB8D6;--line-soft:rgba(30,90,160,.2);--field:#FFFFFF;--surface-2:#E3EEF9;--accent:#1A6FC4;--tile-a:#FFFFFF;--tile-b:#F4F8FD;--tile-c:#E7F0FA;--tile-d:#F5F9FD;--emboss:rgba(255,255,255,.8);--glass-edge:#FFFFFF;--paper:#FBFDFF;--grid:#D3E4F6;--grid2:#AFCBEA}.th-make{--ink:#2A1D10;--ink-2:#5C4630;--line:#B8A37F;--line-soft:rgba(90,60,20,.22);--field:#FFFFFF;--surface-2:#F1E8D5;--accent:#B4361E;--tile-a:#FFFEF8;--tile-b:#FDFAEE;--tile-c:#F5EEDA;--tile-d:#FCF8EC;--emboss:rgba(255,255,255,.8);--glass-edge:#FFFEF8;--cork:#B98A55;--paper:#FFFEFA}.th-time{--ink:#17212C;--ink-2:#4C5866;--line:#9AA5B1;--line-soft:rgba(20,40,60,.2);--field:#FFFFFF;--surface-2:#E1E6EB;--accent:#1A6FC4;--tile-a:#FDFDFE;--tile-b:#EEF1F4;--tile-c:#DFE4E9;--tile-d:#ECEFF2;--emboss:rgba(255,255,255,.85);--glass-edge:#FFFFFF;--metal-a:#F1F3F5;--metal-b:#C5CCD3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .th-media{--ink:#E9EEF7;--ink-2:#B2BCCC;--line:#4A5263;--line-soft:rgba(255,255,255,.14);--field:#1B2029;--surface-2:#2C3340;--accent:#8AB8FF;--tile-a:#3A4250;--tile-b:#303744;--tile-c:#272D38;--tile-d:#333B48;--emboss:rgba(0,0,0,.5);--glass-edge:rgba(255,255,255,.18);--xp-body:#1F242C;--xp-border:#0B0D10;--xp-bar:linear-gradient(#5B616B 0,#2A2E35 18%,#14171B 50%,#1E2228 86%,#2E333B 100%);--xp-btn:linear-gradient(#5A606A,#24282E)}:root:not([data-theme=light]) .th-files{--ink:#FDF2DF;--ink-2:#E2CBA8;--line:#8A6A44;--line-soft:rgba(255,230,190,.2);--field:#2F2416;--surface-2:#4A3722;--accent:#FFCF8F;--tile-a:#6E5233;--tile-b:#634A2E;--tile-c:#574029;--tile-d:#664C30;--emboss:rgba(0,0,0,.45);--glass-edge:rgba(255,230,190,.25);--kraft:#5E4428;--tape:rgba(220,205,160,.55)}:root:not([data-theme=light]) .th-text{--ink:#EAF1FF;--ink-2:#A9B9D6;--line:#3E5478;--line-soft:rgba(160,200,255,.18);--field:#0F1828;--surface-2:#22324C;--accent:#9CC5FF;--tile-a:#263450;--tile-b:#20304A;--tile-c:#1A2840;--tile-d:#22324C;--emboss:rgba(0,0,0,.5);--glass-edge:rgba(160,200,255,.2);--paper:#162236;--rule:rgba(140,180,230,.22);--margin:rgba(240,120,120,.45);--hole:#05090F}:root:not([data-theme=light]) .th-calc{--ink:#F1F7FF;--ink-2:#B9D3F2;--line:#5D86B8;--line-soft:rgba(255,255,255,.18);--field:#0A2C55;--surface-2:#1A4D86;--accent:#9FD0FF;--tile-a:#1E5795;--tile-b:#194C86;--tile-c:#144377;--tile-d:#1B5190;--emboss:rgba(0,0,0,.45);--glass-edge:rgba(255,255,255,.22);--paper:#0F3D73;--grid:rgba(255,255,255,.1);--grid2:rgba(255,255,255,.22)}:root:not([data-theme=light]) .th-make{--ink:#FBEFDC;--ink-2:#DCC7A5;--line:#7A6446;--line-soft:rgba(255,230,190,.18);--field:#261F16;--surface-2:#40352A;--accent:#FF9C85;--tile-a:#3E3427;--tile-b:#372E22;--tile-c:#30281E;--tile-d:#3A3125;--emboss:rgba(0,0,0,.5);--glass-edge:rgba(255,230,190,.2);--cork:#5A3F24;--paper:#2B241B}:root:not([data-theme=light]) .th-time{--ink:#EEF2F6;--ink-2:#B3BCC6;--line:#59626D;--line-soft:rgba(255,255,255,.14);--field:#1A1E23;--surface-2:#3A4048;--accent:#9CC5FF;--tile-a:#4A515A;--tile-b:#40464F;--tile-c:#363B43;--tile-d:#3E444C;--emboss:rgba(0,0,0,.5);--glass-edge:rgba(255,255,255,.18);--metal-a:#3A4048;--metal-b:#22262B}}:root[data-theme=dark] .th-media{--ink:#E9EEF7;--ink-2:#B2BCCC;--line:#4A5263;--line-soft:rgba(255,255,255,.14);--field:#1B2029;--surface-2:#2C3340;--accent:#8AB8FF;--tile-a:#3A4250;--tile-b:#303744;--tile-c:#272D38;--tile-d:#333B48;--emboss:rgba(0,0,0,.5);--glass-edge:rgba(255,255,255,.18);--xp-body:#1F242C;--xp-border:#0B0D10;--xp-bar:linear-gradient(#5B616B 0,#2A2E35 18%,#14171B 50%,#1E2228 86%,#2E333B 100%);--xp-btn:linear-gradient(#5A606A,#24282E)}:root[data-theme=dark] .th-files{--ink:#FDF2DF;--ink-2:#E2CBA8;--line:#8A6A44;--line-soft:rgba(255,230,190,.2);--field:#2F2416;--surface-2:#4A3722;--accent:#FFCF8F;--tile-a:#6E5233;--tile-b:#634A2E;--tile-c:#574029;--tile-d:#664C30;--emboss:rgba(0,0,0,.45);--glass-edge:rgba(255,230,190,.25);--kraft:#5E4428;--tape:rgba(220,205,160,.55)}:root[data-theme=dark] .th-text{--ink:#EAF1FF;--ink-2:#A9B9D6;--line:#3E5478;--line-soft:rgba(160,200,255,.18);--field:#0F1828;--surface-2:#22324C;--accent:#9CC5FF;--tile-a:#263450;--tile-b:#20304A;--tile-c:#1A2840;--tile-d:#22324C;--emboss:rgba(0,0,0,.5);--glass-edge:rgba(160,200,255,.2);--paper:#162236;--rule:rgba(140,180,230,.22);--margin:rgba(240,120,120,.45);--hole:#05090F}:root[data-theme=dark] .th-calc{--ink:#F1F7FF;--ink-2:#B9D3F2;--line:#5D86B8;--line-soft:rgba(255,255,255,.18);--field:#0A2C55;--surface-2:#1A4D86;--accent:#9FD0FF;--tile-a:#1E5795;--tile-b:#194C86;--tile-c:#144377;--tile-d:#1B5190;--emboss:rgba(0,0,0,.45);--glass-edge:rgba(255,255,255,.22);--paper:#0F3D73;--grid:rgba(255,255,255,.1);--grid2:rgba(255,255,255,.22)}:root[data-theme=dark] .th-make{--ink:#FBEFDC;--ink-2:#DCC7A5;--line:#7A6446;--line-soft:rgba(255,230,190,.18);--field:#261F16;--surface-2:#40352A;--accent:#FF9C85;--tile-a:#3E3427;--tile-b:#372E22;--tile-c:#30281E;--tile-d:#3A3125;--emboss:rgba(0,0,0,.5);--glass-edge:rgba(255,230,190,.2);--cork:#5A3F24;--paper:#2B241B}:root[data-theme=dark] .th-time{--ink:#EEF2F6;--ink-2:#B3BCC6;--line:#59626D;--line-soft:rgba(255,255,255,.14);--field:#1A1E23;--surface-2:#3A4048;--accent:#9CC5FF;--tile-a:#4A515A;--tile-b:#40464F;--tile-c:#363B43;--tile-d:#3E444C;--emboss:rgba(0,0,0,.5);--glass-edge:rgba(255,255,255,.18);--metal-a:#3A4048;--metal-b:#22262B}.cat,.panel{position:relative}.cat-top{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;margin:0 0 12px}.cat-top .ct{flex:1 1 200px;min-width:0}.cat-top h2{margin:0 2px 4px}.cat-top p{margin:0 2px;color:var(--ink-2);font-size:15px;max-width:44ch}.art{display:block;flex:none;line-height:0}.art svg{display:block;width:100%;height:auto}.cat-top .art{width:min(44%,300px);margin:-6px -4px -8px 0;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.cat:hover .cat-top .art{transform:perspective(700px) rotateY(-8deg) translateY(-4px)}.toolhead .art{width:190px;margin:-10px 0-14px}.winbtns{display:none}.cat .grid{position:relative}.th-media.cat,.th-media.panel{background:var(--xp-body);border:3px solid var(--xp-border);border-radius:10px 10px 4px 4px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 16px 34px rgba(0,40,100,.38),inset 0 0 0 1px rgba(255,255,255,.5)}.th-media.cat{padding:44px 14px 16px}.th-media.panel{padding-top:50px}.th-media.cat::before,.th-media.panel::before{content:attr(data-title);position:absolute;inset:0 0 auto 0;height:32px;border-radius:7px 7px 0 0;background:var(--xp-bar);color:#fff;font:700 16px/32px"Trebuchet MS","Tahoma",var(--font);padding-inline-start:12px;text-shadow:1px 1px 0 rgba(0,20,80,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:90px}.th-media .winbtns{display:flex;gap:3px;position:absolute;top:5px;inset-inline-end:7px;z-index:1}.th-media .winbtns i{width:22px;height:22px;border-radius:3px;border:1px solid #fff;background:var(--xp-btn);display:grid;place-items:center;color:#fff;font:700 13px/1 Tahoma,Arial,sans-serif;font-style:normal;box-shadow:inset 0 1px 1px rgba(255,255,255,.6)}.th-media .winbtns i:nth-child(1)::before{content:"–"}.th-media .winbtns i:nth-child(2)::before{content:"□"}.th-media .winbtns i:nth-child(3){background:linear-gradient(#f4a487,#d8461f 60%,#c13a15)}.th-media .winbtns i:nth-child(3)::before{content:"✕";font-size:11px}.th-media.cat .cat-top h2{display:none}.th-files.cat,.th-files.panel{border:0;border-radius:3px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 30px rgba(40,20,0,.38),inset 0 0 60px rgba(90,50,10,.22);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .18 0 0 0 0 .05 0 0 0 .42 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(170deg,rgba(255,255,255,.12),rgba(0,0,0,.08)),var(--kraft)}.th-files.cat::before,.th-files.cat::after,.th-files.panel::before,.th-files.panel::after{content:"";position:absolute;top:-11px;width:96px;height:26px;background:var(--tape);box-shadow:0 1px 3px rgba(0,0,0,.18);z-index:2;pointer-events:none}.th-files.cat::before,.th-files.panel::before{inset-inline-start:28px;transform:rotate(-5deg)}.th-files.cat::after,.th-files.panel::after{inset-inline-end:28px;transform:rotate(4deg)}.th-files .tile{border-radius:3px;border-color:rgba(120,90,50,.25)}.th-text.cat,.th-text.panel{border:0;border-radius:4px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 30px rgba(0,40,100,.32);padding-inline-start:62px;background:radial-gradient(circle at 22px 50%,var(--hole)0 6.5px,transparent 7.5px)0 6px/100% 36px repeat-y,linear-gradient(90deg,transparent 46px,var(--margin) 46px 48px,transparent 48px),repeating-linear-gradient(var(--paper)0 29px,var(--rule) 29px 30px),var(--paper)}[dir=rtl] .th-text.cat,[dir=rtl] .th-text.panel{background:radial-gradient(circle at calc(100% - 22px) 50%,var(--hole)0 6.5px,transparent 7.5px)0 6px/100% 36px repeat-y,linear-gradient(270deg,transparent 46px,var(--margin) 46px 48px,transparent 48px),repeating-linear-gradient(var(--paper)0 29px,var(--rule) 29px 30px),var(--paper)}.th-text h2,.th-text.panel h3{font-family:"Segoe Print","Bradley Hand","Marker Felt","Comic Sans MS",var(--font);font-weight:700}.th-text .tile{border-radius:4px;box-shadow:0 3px 8px rgba(0,30,70,.16)}.th-dev.cat,.th-dev.panel{background:repeating-linear-gradient(rgba(70,255,140,.035)0 1px,transparent 1px 3px),radial-gradient(120% 90%at 20%0,rgba(40,120,80,.25),transparent 60%),var(--term);border:1px solid #33475c;border-radius:12px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 18px 38px rgba(0,10,30,.5),0 0 0 1px rgba(0,0,0,.4)}.th-dev.cat{padding-top:40px}.th-dev.panel{padding-top:46px}.th-dev.cat::before,.th-dev.panel::before{content:attr(data-title);position:absolute;inset:0 0 auto 0;height:28px;border-radius:11px 11px 0 0;background:linear-gradient(#4a5b72,#28333f);color:#d6e2ee;font:600 13px/28px var(--font);text-align:center;padding:0 80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #0b1118}.th-dev .winbtns{display:flex;gap:8px;position:absolute;top:8px;inset-inline-start:12px;z-index:1}.th-dev .winbtns i{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#ffd2cf,#ff5f57 60%,#c8382f)}.th-dev .winbtns i:nth-child(2){background:radial-gradient(circle at 50% 30%,#ffeab0,#febc2e 60%,#c48f15)}.th-dev .winbtns i:nth-child(3){background:radial-gradient(circle at 50% 30%,#c9f5c9,#28c840 60%,#1a8f2c)}.th-dev.cat .cat-top h2{display:none}.th-dev h2,.th-dev h3,.th-dev .cat-top p{font-family:var(--mono);text-shadow:0 0 8px rgba(70,255,140,.35)}.th-dev .tile{border-color:rgba(120,200,160,.22)}.th-dev .tile:hover,.th-dev .tile:focus-visible{box-shadow:0 0 0 1px rgba(70,255,140,.5),0 0 18px rgba(70,255,140,.25)}.th-calc.cat,.th-calc.panel{border:7px solid transparent;border-radius:10px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 30px rgba(0,40,100,.32);background:linear-gradient(var(--grid2) 1px,transparent 1px) -1px -1px/110px 110px padding-box,linear-gradient(90deg,var(--grid2) 1px,transparent 1px) -1px -1px/110px 110px padding-box,linear-gradient(var(--grid) 1px,transparent 1px) -1px -1px/22px 22px padding-box,linear-gradient(90deg,var(--grid) 1px,transparent 1px) -1px -1px/22px 22px padding-box,linear-gradient(var(--paper),var(--paper)) padding-box,linear-gradient(135deg,#fbfcfd,#9aa5b1 32%,#e9edf1 52%,#8a96a2 78%,#dde3e9) border-box}.th-make.cat,.th-make.panel{border:12px solid transparent;border-radius:8px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 16px 32px rgba(40,20,0,.4),inset 0 0 22px rgba(0,0,0,.35);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .22 0 0 0 0 .12 0 0 0 0 .03 0 0 0 1.1 -.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3C/svg%3E")padding-box,linear-gradient(var(--cork),var(--cork)) padding-box,linear-gradient(135deg,#c68a4e,#8a5526 30%,#b97b41 55%,#7a4a20 80%,#a86e38) border-box}.th-make .tile{border-radius:2px;border-color:rgba(120,90,40,.2);box-shadow:0 6px 12px rgba(40,20,0,.32)}.th-make .tile::before{content:"";position:absolute;top:-6px;left:50%;width:15px;height:15px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb3a8,#e0301e 55%,#7e0e04);box-shadow:0 3px 3px rgba(0,0,0,.4)}.th-make .tile{position:relative}.th-make.cat .ct{position:relative;flex:0 1 420px;background:var(--paper);padding:16px 18px 14px;box-shadow:0 6px 12px rgba(40,20,0,.35);border-radius:2px;transform:rotate(-1.2deg)}.th-make.cat .ct::before{content:"";position:absolute;top:-6px;left:50%;width:15px;height:15px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb3a8,#e0301e 55%,#7e0e04);box-shadow:0 3px 3px rgba(0,0,0,.4)}.th-make.panel{background-clip:padding-box,padding-box,border-box}.th-make.panel::after{content:"";position:absolute;inset:14px;background:var(--paper);box-shadow:0 6px 14px rgba(40,20,0,.35);border-radius:2px;z-index:0;pointer-events:none}.th-make.panel::before{content:"";position:absolute;top:6px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb3a8,#e0301e 55%,#7e0e04);box-shadow:0 3px 4px rgba(0,0,0,.45);z-index:2}.th-make.panel>*{position:relative;z-index:1}.th-make.panel{padding:30px 30px 28px}.th-time.cat,.th-time.panel{border:1px solid #8b939b;border-radius:18px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 16px 32px rgba(0,30,70,.32),inset 0 1px 0 rgba(255,255,255,.9),inset 0-2px 6px rgba(0,0,0,.12);background:repeating-linear-gradient(90deg,rgba(255,255,255,.07)0 1px,rgba(0,0,0,.035) 1px 2px,rgba(255,255,255,0) 2px 4px),radial-gradient(140% 70%at 50% -10%,rgba(255,255,255,.55),transparent 60%),linear-gradient(var(--metal-a),var(--metal-b))}.th-time .tile{border-radius:16px}.panel[class*=th-] .result,.panel[class*=th-] .typing,.panel[class*=th-] .md{background:var(--field)}@media (max-width:720px){.toolhead .art{display:none}}@media (max-width:560px){.cat-top{flex-wrap:wrap}.cat-top .art{order:-1;width:min(76%,260px);margin:-4px auto 2px}.th-text.cat,.th-text.panel{padding-inline-start:52px}.th-make.panel{padding:26px 22px 22px}.th-media.cat::before,.th-media.panel::before{font-size:14px}}.btn,.chip{position:relative;overflow:hidden}.btn::after,.chip::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);transition:left .55s ease;pointer-events:none}.btn:hover::after,.chip:hover::after{left:130%}.btn.done{animation:pop .45s cubic-bezier(.2,.8,.2,1);border-color:#2e7d22;color:#fff;text-shadow:0-1px 0 rgba(0,40,0,.5);background:linear-gradient(#c9f7a0,#7cd420 48%,#4caf1a 52%,#8ee23a)}.chip[aria-pressed=true]{animation:pop .45s cubic-bezier(.2,.8,.2,1)}@keyframes flipin2{0%{opacity:0;transform:perspective(800px) rotateY(-70deg) translateZ(-40px)}to{opacity:1;transform:none}}.tile.cascade{animation:flipin2 .55s cubic-bezier(.2,.8,.2,1) backwards;transform-origin:0 50%}@keyframes bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-1.2deg)}}.cat-top .art svg{animation:bob 6s ease-in-out infinite}.cat:nth-child(odd) .cat-top .art svg{animation-delay:-3s}.sky .bub{pointer-events:auto;cursor:pointer}@keyframes popb{0%{transform:scale(1);opacity:1}40%{transform:scale(1.35);opacity:.9}to{transform:scale(1.7);opacity:0}}.sky .bub.popped{animation:popb .45s ease-out forwards!important;box-shadow:0 0 0 3px rgba(255,255,255,.8)}@keyframes okglow{0%{box-shadow:0 0 0 0 rgba(124,212,32,.75)}to{box-shadow:0 0 0 14px transparent}}.item.new{animation:flipdown .42s cubic-bezier(.2,.8,.2,1) both,okglow 1.1s ease-out .25s}#toast{transform:translate(-50%,24px) perspective(500px) rotateX(70deg)}#toast.on{transform:translate(-50%,0) perspective(500px) rotateX(0)}.logo{cursor:pointer}.mark:hover .logo{animation:spinY .9s cubic-bezier(.2,.7,.2,1)}.cat.rise{animation:rise .5s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}#gear{font-size:16px;padding:5px 10px}.bars{display:flex;align-items:flex-end;gap:3px;height:200px;padding:10px 6px 22px;border:1px solid var(--line);border-radius:10px;background:var(--field);overflow-x:auto;direction:ltr}.bar{flex:1 0 12px;max-width:40px;height:100%;display:flex;flex-direction:column-reverse;position:relative;animation:grow .7s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 100%}.bar i{display:block;border-radius:3px 3px 0 0}.bar .paid{background:linear-gradient(90deg,#3aa0f0,#1665c4);border-radius:0}.bar .gain{background:linear-gradient(90deg,#9be15d,#3e9f1e)}.bar span{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:10px;color:var(--ink-2)}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.item.best{border-color:#4caf1a;box-shadow:0 0 0 2px rgba(124,212,32,.6),0 4px 12px rgba(0,60,0,.2)}.badge{display:inline-block;margin-top:4px;padding:3px 10px;border-radius:999px;font-weight:800;font-size:13px;color:#fff;text-shadow:0-1px 0 rgba(0,40,0,.5);background:linear-gradient(#c9f7a0,#7cd420 48%,#4caf1a 52%,#8ee23a);animation:pop .5s cubic-bezier(.2,.8,.2,1)}.wheel{width:min(100%,400px);height:auto;filter:drop-shadow(0 12px 18px rgba(0,30,70,.35))}.flipboard{display:flex;flex-wrap:wrap;gap:14px;direction:ltr;perspective:600px}.funit{display:flex;flex-direction:column;align-items:center;gap:6px}.funit small{font-weight:700;color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.fdigits{display:flex;gap:4px}.fcard{display:grid;place-items:center;width:clamp(38px,9vw,62px);height:clamp(56px,13vw,90px);border-radius:8px;font:800 clamp(34px,8vw,58px)/1 var(--mono);color:#f2f6fa;position:relative;overflow:hidden;background:linear-gradient(#3a4350 0,#262d36 49.5%,#11161c 50.5%,#2a313b 100%);box-shadow:0 6px 12px rgba(0,20,40,.4),inset 0 1px 0 rgba(255,255,255,.25)}.fcard::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.65)}@keyframes flipcard{0%{transform:rotateX(90deg)}60%{transform:rotateX(-12deg)}to{transform:rotateX(0)}}.fcard.flip{animation:flipcard .45s cubic-bezier(.2,.8,.2,1);transform-origin:50%0}.cd-title{border:0!important}.breath-stage{position:relative;height:320px;display:grid;place-items:center}.breath{width:150px;height:150px;border-radius:50%;transform:scale(.6);transition:transform 4s ease-in-out;background:radial-gradient(circle at 35% 28%,#fff 0,#bff3ff 18%,#3cc0f0 52%,#0a6fc8 100%);box-shadow:0 0 40px rgba(60,190,240,.6),inset 0-12px 24px rgba(0,40,90,.35)}.breath.big{transform:scale(1.75)}.breath[data-k=hold]{box-shadow:0 0 60px rgba(124,212,32,.75),inset 0-12px 24px rgba(0,40,90,.35)}.breath-text{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.breath-word{font-weight:800;font-size:24px;color:#fff;text-shadow:0 2px 6px rgba(0,30,70,.7)}.breath-count{font-weight:800;font-size:40px;color:#fff;text-shadow:0 2px 6px rgba(0,30,70,.7)}.finder{margin-top:14px;padding:14px 18px;text-align:start;border-color:rgba(255,255,255,.85);background:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,.16));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 16px rgba(0,40,90,.18)}.finder strong{font-size:16px}.finder span{color:var(--ink-2)}.finder-hit{border:2px solid #2f9bef;animation:rise .45s cubic-bezier(.2,.8,.2,1) both}.cat-tog{display:none}@media (max-width:560px){.cat-tog{display:block;width:100%;margin:2px 0 12px}.cat.shut .grid,.cat.shut .cat-top .art{display:none}.cat.shut .cat-tog{margin-bottom:0}.cat.shut .cat-top{margin-bottom:10px}}.veil{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:rgba(4,40,80,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.veil div{padding:30px 40px;border:3px dashed #fff;border-radius:24px;color:#fff;text-align:center;display:grid;gap:6px;background:linear-gradient(rgba(60,169,245,.55),rgba(11,119,220,.55));box-shadow:0 20px 50px rgba(0,30,70,.5);animation:dlg .25s cubic-bezier(.2,.8,.2,1)}.veil b{font-size:26px;text-shadow:0 2px 4px rgba(0,30,70,.6)}.foot-links{margin-top:6px}.foot-links a{color:#fff}kbd.slash{position:absolute;inset-inline-end:16px;top:50%;transform:translateY(-50%);font:600 13px/1 var(--mono);color:#4f6a86;padding:5px 8px;border-radius:6px;border:1px solid #b6c9dd;background:linear-gradient(#fff,#e4eef8);box-shadow:0 1px 0#9db4cc;pointer-events:none}.in-tool kbd.slash,#q:focus~kbd.slash{display:none}@media (hover:none),(pointer:coarse),(max-width:720px){kbd.slash{display:none}}.player{position:relative;z-index:5;color:#e8f4ff;--field:#0A1520;--line:#2C3A4A;--ink:#E8F4FF;--ink-2:#9FB8CC;--surface-2:#1C2733;background:linear-gradient(#41464f 0,#1d2026 46%,#0a0c0f 54%,#15181d 100%);border-bottom:1px solid #000;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 5px 16px rgba(0,20,50,.45)}.player::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,#3fd4ff 30%,#b4fff6 50%,#3fd4ff 70%,transparent);opacity:.85;pointer-events:none}.mp-bar{display:flex;align-items:center;gap:8px 14px;padding-top:8px;padding-bottom:8px}.mp-badge{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:15px;color:#fff;background:radial-gradient(circle at 50% 120%,#b4fff6,#22b6f0 55%,#0b5fb8);box-shadow:inset 0 2px 3px rgba(0,0,0,.3),0 0 10px rgba(63,212,255,.5),0 0 0 1.5px rgba(255,255,255,.6);position:relative}.mp-ctl{display:flex;align-items:center;gap:6px;flex:none;direction:ltr}.mp-btn{width:34px;height:34px;padding:0;border-radius:50%;border:1px solid #04060a;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:grid;place-items:center;text-shadow:0 1px 1px rgba(0,0,0,.6);background:radial-gradient(circle at 50% 28%,#9aa3ae,#3b424b 52%,#14171c);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 2px rgba(0,0,0,.6);transition:transform .1s,box-shadow .2s}.mp-btn:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 10px rgba(63,212,255,.6)}.mp-btn:active{transform:scale(.93)}.mp-play{width:46px;height:46px;font-size:15px;border-color:#063a70;background:radial-gradient(circle at 50% 26%,#d2f5ff,#3aaef2 46%,#0a5eb6 54%,#2b9cef);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 12px rgba(63,190,255,.5),0 2px 4px rgba(0,0,0,.6)}.mp-play.on{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 22px rgba(63,212,255,.95),0 2px 4px rgba(0,0,0,.6);animation:mpglow 2.4s ease-in-out infinite}@keyframes mpglow{50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 8px rgba(63,212,255,.5),0 2px 4px rgba(0,0,0,.6)}}.mp-lcd{flex:1 1 280px;min-width:0;position:relative;height:46px;padding:4px 112px 4px 10px;border-radius:8px;overflow:hidden;background:linear-gradient(#061723,#0d2e45);border:1px solid #000;box-shadow:inset 0 2px 8px rgba(0,0,0,.75),0 1px 0 rgba(255,255,255,.16)}.mp-lcd::after{content:"";position:absolute;inset:0 0 55%0;background:linear-gradient(rgba(255,255,255,.13),rgba(255,255,255,.02));pointer-events:none}.mp-tl{overflow:hidden;white-space:nowrap;height:20px}.mp-title{display:inline-block;font-weight:700;font-size:14px;line-height:20px;color:#a6f2ff;text-shadow:0 0 8px rgba(80,220,255,.7);white-space:nowrap}.mp-title.roll{animation:mproll 14s linear infinite alternate}@keyframes mproll{0%,12%{transform:translateX(0)}88%,to{transform:translateX(var(--roll,0))}}.mp-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:16px;color:#7fc9e6}.mp-artist{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.mp-time{font-family:var(--mono);flex:none;color:#c4f7ff;direction:ltr;unicode-bidi:isolate}.mp-viz{position:absolute;right:8px;top:8px;width:96px;height:30px}[dir=rtl] .mp-lcd{padding:4px 10px 4px 112px}[dir=rtl] .mp-viz{right:auto;left:8px}.mp-meter{flex:1 1 200px;position:relative;height:20px;min-width:140px;direction:ltr}.mp-track{position:absolute;left:0;right:0;top:6px;height:8px;border-radius:4px;overflow:hidden;background:linear-gradient(#04070a,#1c232b);box-shadow:inset 0 1px 2px rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.15)}.mp-fill{display:block;height:100%;width:0;background:linear-gradient(#b4f3ff,#22b4f5 48%,#0a7fd0 52%,#47c8ff);box-shadow:0 0 8px rgba(63,212,255,.85);transition:width .25s linear}.mp-seek{position:absolute;left:0;top:0;width:100%;height:20px;margin:0;-webkit-appearance:none;appearance:none;background:0 0;cursor:pointer}.mp-seek::-webkit-slider-runnable-track{background:0 0;height:20px}.mp-seek::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:2px;border-radius:50%;border:1px solid #23303c;background:radial-gradient(circle at 35% 30%,#fff,#bcc7d2 60%,#7b8895);box-shadow:0 1px 3px rgba(0,0,0,.7),0 0 6px rgba(63,212,255,.5)}.mp-seek::-moz-range-track{background:0 0}.mp-seek::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:1px solid #23303c;background:radial-gradient(circle at 35% 30%,#fff,#bcc7d2 60%,#7b8895)}.mp-side{display:flex;align-items:center;gap:8px;flex:none}.mp-small{width:32px;height:28px;padding:0;border-radius:7px;border:1px solid #04060a;color:#fff;font-size:14px;cursor:pointer;background:linear-gradient(#5a626c,#2b3138 48%,#1a1e23 52%,#2d343c);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.mp-small[aria-pressed=true],.mp-small[aria-expanded=true]{background:linear-gradient(#a6e0ff,#3ca9f5 48%,#0b77dc 52%,#45baff);border-color:#063a70;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 10px rgba(63,190,255,.6)}.mp-vi{font-size:13px;opacity:.85}.mp-vol{width:84px;min-width:60px;accent-color:#3fd4ff}.pl-panel{padding:4px 0 18px;animation:flipdown .35s cubic-bezier(.2,.8,.2,1);transform-origin:50%0}.pl-panel h3{font-size:16px;color:#a6f2ff}.pl-panel p{margin:0;color:#9fb8cc;font-size:14px}.pl-list{display:flex;flex-direction:column;max-height:340px;overflow:auto;border-radius:9px;background:rgba(0,0,0,.4);border:1px solid #000;box-shadow:inset 0 2px 6px rgba(0,0,0,.6)}.pl-group{position:sticky;top:0;z-index:1;padding:6px 10px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7fc9e6;background:linear-gradient(#2a3038,#14181d)}.pl-item{display:grid;grid-template-columns:1fr auto;gap:0 10px;text-align:start;padding:7px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:0 0;color:#e8f4ff;cursor:pointer;font-size:14px}.pl-item:hover{background:rgba(63,212,255,.12)}.pl-item.cur{background:linear-gradient(90deg,rgba(63,212,255,.35),rgba(63,212,255,.08));box-shadow:inset 3px 0 0#3fd4ff}.pl-n{font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pl-a{grid-column:1;font-size:12px;color:#8fb3c9;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pl-d{grid-row:1/span 2;grid-column:2;align-self:center;font-family:var(--mono);font-size:12px;color:#8fb3c9}@media (max-width:1100px){.mp-bar{flex-wrap:wrap;row-gap:4px}.mp-meter{order:5;flex:1 1 100%}.mp-lcd{flex:1 1 220px}}@media (max-width:560px){.mp-badge,.mp-vol,.mp-vi{display:none}.mp-lcd{order:4;flex:1 1 100%}.mp-side{margin-inline-start:auto}}.cat[class*=th-],.panel[class*=th-]{color:var(--ink)}.art svg{direction:ltr;unicode-bidi:isolate}.th-media{--sf:"Tahoma","Trebuchet MS","Verdana","IBM Plex Sans Arabic",sans-serif}.th-files{--sf:"Special Elite","American Typewriter","Courier New","IBM Plex Sans Arabic",monospace}.th-text{--sf:"Segoe Print","Bradley Hand","Caveat","Marker Felt","IBM Plex Sans Arabic",cursive}.th-dev{--sf:"Consolas","SF Mono","Cascadia Mono",ui-monospace,"IBM Plex Sans Arabic",monospace}.th-calc{--sf:"Barlow Condensed","Bahnschrift","DIN Alternate","Arial Narrow","IBM Plex Sans Arabic",sans-serif}.th-make{--sf:"Permanent Marker","Chalkboard SE","Comic Sans MS","IBM Plex Sans Arabic",cursive}.th-time{--sf:"Orbitron","Eurostile","Bahnschrift","IBM Plex Sans Arabic",sans-serif}.cat[class*=th-] .cat-top h2,.cat[class*=th-] .cat-top p,.toolhead[class*=th-] h1,.toolhead[class*=th-] .lede{font-family:var(--sf)}.th-media.cat .cat-top p{font-size:16px}.th-files.cat .cat-top h2{font-weight:400;letter-spacing:.01em}.th-files.cat .cat-top p{font-size:16px}.th-files.toolhead h1{font-weight:400}.th-text.cat .cat-top p,.th-text.toolhead .lede{font-size:18px;font-weight:600;color:var(--ink)}.th-text.toolhead .lede{color:inherit}.th-calc.cat .cat-top h2,.th-calc.toolhead h1{font-weight:700;letter-spacing:.02em;text-transform:uppercase}.th-calc.cat .cat-top p{font-size:17px;font-weight:500}.th-calc.toolhead .lede{font-size:17px;font-weight:600}.th-make.cat .cat-top h2,.th-make.toolhead h1{font-weight:400;letter-spacing:.02em}.th-make.cat .cat-top p{font-size:15px;line-height:1.5}.th-make.toolhead .lede{font-weight:400}.th-time.cat .cat-top h2,.th-time.toolhead h1{font-weight:700;letter-spacing:.04em}.th-time.cat .cat-top p,.th-time.toolhead .lede{font-size:14px;font-weight:500;letter-spacing:.03em}:lang(ar) .cat[class*=th-] .cat-top h2,:lang(ar) .cat[class*=th-] .cat-top p,:lang(ar) .toolhead[class*=th-] h1,:lang(ar) .toolhead[class*=th-] .lede{letter-spacing:0;text-transform:none}.art .a-spin{animation:aSpin 7s linear infinite}.art .a-spin2{animation:aSpin 2.4s linear infinite}@keyframes aSpin{to{transform:rotate(360deg)}}.art .a-bob{animation:aBob 2.6s ease-in-out infinite}@keyframes aBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.art .a-hop{animation:aHop 3s ease-in-out infinite}@keyframes aHop{0%,70%,to{transform:translateY(0)}78%{transform:translateY(-9px)}86%{transform:translateY(0)}92%{transform:translateY(-3px)}}.art .a-zip{animation:aZip 4s ease-in-out infinite}@keyframes aZip{0%,to{transform:translateY(0)}50%{transform:translateY(62px)}}.art .a-ink{stroke-dasharray:100;animation:aInk 6s ease-in-out infinite}@keyframes aInk{0%{stroke-dashoffset:100}45%,85%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}.art .a-scan{animation:aScan 7s ease-in-out infinite}@keyframes aScan{0%,to{transform:translate(0,0)}33%{transform:translate(-26px,8px)}66%{transform:translate(-8px,22px)}}.art .a-sway{animation:aSway 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes aSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.art .a-type{transform-box:fill-box;transform-origin:0 50%;animation:aType 4.5s steps(6) infinite}@keyframes aType{0%{transform:scaleX(0)}30%,90%{transform:scaleX(1)}to{transform:scaleX(1);opacity:0}}.art .a-blink{animation:aBlink 1s steps(1) infinite}@keyframes aBlink{50%{opacity:0}}.art .a-col{animation:aCol 2.4s ease-in-out infinite}@keyframes aCol{0%,to{opacity:.45}50%{opacity:1}}.art .a-lcd{opacity:0;animation:aLcd 9s steps(1) infinite}@keyframes aLcd{0%,33%{opacity:1}34%,to{opacity:0}}.art .a-tilt{transform-box:fill-box;transform-origin:50% 50%;animation:aTilt 5s ease-in-out infinite}@keyframes aTilt{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}.art .a-draw{transform-box:fill-box;transform-origin:0 50%;animation:aDraw .9s ease-in-out infinite}.art .a-draw.alt{animation-duration:1.15s;animation-direction:reverse}@keyframes aDraw{0%,to{transform:rotate(-3deg) translateX(0)}50%{transform:rotate(3deg) translateX(4px)}}.art .a-roll{transform-box:fill-box;transform-origin:50% 50%;animation:aRoll 4s cubic-bezier(.3,.1,.2,1) infinite}@keyframes aRoll{0%,60%{transform:rotate(0)}85%{transform:rotate(380deg)}to{transform:rotate(360deg)}}.art .a-hand{animation:aSpin 6s steps(60) infinite}main{--ed:0s}.panel.th-media:not(.dlg){animation:enXP .6s cubic-bezier(.2,.8,.2,1) var(--ed) both}@keyframes enXP{0%{opacity:0;transform:translateY(26vh) scale(.12)}55%{opacity:1}75%{transform:scale(1.025)}to{transform:none}}.panel.th-media:not(.dlg)::after{content:"";position:absolute;inset:-6px;border:2px dashed rgba(255,255,255,.9);border-radius:12px;pointer-events:none;opacity:0;animation:enXPghost .6s ease-out var(--ed) both}@keyframes enXPghost{0%{opacity:.9;transform:translateY(26vh) scale(.1)}70%{opacity:.6}to{opacity:0;transform:scale(1.04)}}.panel.th-files:not(.dlg){transform-origin:50%0;animation:enBox .75s cubic-bezier(.2,.8,.2,1) var(--ed) both}@keyframes enBox{0%{opacity:0;transform:perspective(1200px) rotateX(-96deg)}60%{opacity:1;transform:perspective(1200px) rotateX(10deg)}80%{transform:perspective(1200px) rotateX(-4deg)}to{transform:none}}.panel.th-files:not(.dlg)::before,.panel.th-files:not(.dlg)::after{animation:enTape .35s cubic-bezier(.2,.8,.2,1) calc(var(--ed) + .55s) both}@keyframes enTape{0%{opacity:0;scale:1.8}to{opacity:1;scale:1}}.panel.th-text:not(.dlg){transform-origin:0 50%;animation:enPage .7s cubic-bezier(.2,.8,.2,1) var(--ed) both}[dir=rtl] .panel.th-text:not(.dlg){transform-origin:100% 50%;animation-name:enPageR}@keyframes enPage{0%{opacity:0;transform:perspective(1400px) rotateY(100deg)}50%{opacity:1}to{transform:none}}@keyframes enPageR{0%{opacity:0;transform:perspective(1400px) rotateY(-100deg)}50%{opacity:1}to{transform:none}}.panel.th-dev:not(.dlg){animation:enCRT .7s ease-out var(--ed) both}@keyframes enCRT{0%{opacity:1;transform:scale(.4,.006);filter:brightness(4)}30%{transform:scale(1,.006);filter:brightness(4)}60%{transform:scale(1,1);filter:brightness(1.8)}to{transform:none;filter:none}}.panel.th-dev:not(.dlg)>*{animation:enLine .35s steps(4) backwards}.panel.th-dev:not(.dlg)>:nth-child(2){animation-delay:calc(var(--ed) + .5s)}.panel.th-dev:not(.dlg)>:nth-child(3){animation-delay:calc(var(--ed) + .6s)}.panel.th-dev:not(.dlg)>:nth-child(4){animation-delay:calc(var(--ed) + .7s)}.panel.th-dev:not(.dlg)>:nth-child(5){animation-delay:calc(var(--ed) + .8s)}.panel.th-dev:not(.dlg)>:nth-child(n+6){animation-delay:calc(var(--ed) + .9s)}@keyframes enLine{0%{opacity:0;clip-path:inset(0 100%0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}.panel.th-calc:not(.dlg){animation:enGrid .8s cubic-bezier(.3,.1,.2,1) var(--ed) backwards}@keyframes enGrid{0%{opacity:.4;clip-path:inset(0 0 100%0);transform:translateY(-10px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:none}}.panel.th-make:not(.dlg){transform-origin:50%0;animation:enPin 1s cubic-bezier(.3,.1,.2,1) var(--ed) both}@keyframes enPin{0%{opacity:0;transform:translateY(-80px) rotate(-14deg)}30%{opacity:1;transform:translateY(0) rotate(9deg)}50%{transform:rotate(-6deg)}68%{transform:rotate(3deg)}84%{transform:rotate(-1.2deg)}to{transform:none}}.panel.th-make:not(.dlg)::before{animation:enPinHead .45s cubic-bezier(.2,.8,.2,1) calc(var(--ed) + .1s) both}@keyframes enPinHead{0%{opacity:0;transform:translateY(-40px) scale(2)}70%{transform:scale(.85)}to{opacity:1;transform:none}}.panel.th-time:not(.dlg){animation:enPower .8s ease-out var(--ed) both}@keyframes enPower{0%{opacity:0;transform:scale(.94);filter:brightness(.5)}55%{opacity:1;filter:brightness(1.3)}to{transform:none;filter:none}}.panel.th-time:not(.dlg)::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%) no-repeat;background-size:200% 100%;background-position:150%0;animation:enSheen 1.1s ease-out calc(var(--ed) + .35s) both}@keyframes enSheen{to{background-position:-60%0}}.th-media .tile:hover .orb,.th-media .tile:focus-visible .orb{animation:aSpin 1.4s linear infinite}.th-files .tile:hover,.th-files .tile:focus-visible{transform:translateY(-5px) rotate(-1.4deg);box-shadow:0 0 0 1px var(--line-soft),0 16px 20px rgba(60,30,0,.3)}.th-text .tile .tt b{background:linear-gradient(transparent 58%,rgba(255,226,0,.6) 58%) no-repeat 0 0/0 100%;transition:background-size .45s ease}.th-text .tile:hover .tt b,.th-text .tile:focus-visible .tt b{background-size:100% 100%}.th-text .tile:hover,.th-text .tile:focus-visible{transform:translateY(-3px) rotate(.6deg)}.th-dev .tile:hover .tt b,.th-dev .tile:focus-visible .tt b{animation:glitch .5s steps(2)2}@keyframes glitch{0%{text-shadow:2px 0#ff4fd8,-2px 0#46ff8c;transform:translateX(1px)}50%{text-shadow:-2px 0#ff4fd8,2px 0#46ff8c;transform:translateX(-1px)}to{text-shadow:none;transform:none}}.th-calc .tile:hover,.th-calc .tile:focus-visible{transform:translateY(-3px)}.th-calc .tile:active{transform:translateY(2px);box-shadow:0 0 0 1px var(--line-soft),0 1px 2px rgba(0,45,100,.2),inset 0 2px 5px rgba(0,30,70,.25);transition-duration:.05s}.th-make .tile{transform-origin:50%0}.th-make .tile:hover,.th-make .tile:focus-visible{animation:pinSwing 1s ease-out;transform:none}@keyframes pinSwing{0%{transform:rotate(0)}20%{transform:rotate(4deg)}45%{transform:rotate(-3deg)}70%{transform:rotate(1.5deg)}to{transform:rotate(0)}}.th-time .tile:hover .orb,.th-time .tile:focus-visible .orb{animation:aTick 4s steps(8) infinite}@keyframes aTick{to{transform:rotate(360deg)}}.th-time .tile:hover,.th-time .tile:focus-visible{transform:translateY(-3px) scale(1.01)}.fx{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease;pointer-events:none}.fx.on{opacity:1}button,a,select,input,label,.tile,.chip{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (pointer:coarse){input[type=text],input[type=number],input[type=search],input[type=date],input[type=datetime-local],input[type=time],input[type=password],select,textarea,textarea.mono,.mono,#lang,#q{font-size:16px!important}.btn{min-height:44px;padding:10px 16px}.btn.sm{min-height:40px;padding:8px 14px;font-size:15px}.chip{min-height:42px;padding:11px 16px}#lang,#gear{min-height:40px}#gear{min-width:44px}.mark{min-height:44px}input[type=checkbox]{width:24px;height:24px}.f.check{min-height:44px}input[type=range]{min-height:36px}.mp-btn{width:42px;height:42px;font-size:14px}.mp-play{width:52px;height:52px;font-size:17px}.mp-small{flex:none;width:44px;height:40px;font-size:16px}.mp-meter{height:32px}.mp-track{top:12px}.mp-seek{height:32px}.mp-seek::-webkit-slider-runnable-track{height:32px}.mp-seek::-webkit-slider-thumb{width:24px;height:24px;margin-top:4px}.mp-seek::-moz-range-thumb{width:24px;height:24px}.mp-vol{min-height:36px}.pl-item{padding:11px 12px}.item .btn.sm{min-width:44px}.keys .btn{padding:15px 4px;font-size:18px}}@media (hover:none){.tile:hover,.tile:focus-visible,.th-files .tile:hover,.th-text .tile:hover,.th-calc .tile:hover,.th-time .tile:hover{transform:none;box-shadow:0 0 0 1px var(--line-soft),0 5px 12px rgba(0,45,100,.2),inset 0 1px 0 rgba(255,255,255,.7)}.tile:hover .orb,.th-media .tile:hover .orb,.th-time .tile:hover .orb{transform:none;animation:none}.th-make .tile:hover{animation:none}.cat:hover .cat-top .art{transform:none}.btn:hover::after,.chip:hover::after{left:-70%}.tile:active{transform:scale(.98);transition:transform .08s}}@media (max-width:560px){.mp-bar{gap:8px 10px;padding-top:6px;padding-bottom:8px}.toolhead{gap:10px 12px}.toolhead h1{font-size:clamp(22px,7vw,30px)}.orb.lg{width:52px;height:52px;font-size:26px}.ask{margin:18px 0 12px}.cat h2{font-size:19px}.panel{gap:12px}.row{gap:10px}.row>.btn{flex:1 1 auto}.drop{padding:30px 14px}.dlg{max-height:calc(100vh - 24px)}.modal{padding:10px}.keys{max-width:none}}@media (max-width:560px){.top{flex-wrap:wrap;row-gap:8px}.topr{margin-inline-start:auto}#lang{max-width:132px}}@media (max-width:380px){.wrap{padding:0 10px}.chip{padding:9px 12px;font-size:13px}.topr{gap:6px}}:lang(ar) body{line-height:1.7}[dir=rtl] .big,[dir=rtl] .stat b{unicode-bidi:plaintext;text-align:right;transform-origin:right center}[dir=rtl] input::placeholder,[dir=rtl] textarea::placeholder{direction:rtl;text-align:right}[dir=rtl] input[type=number]{direction:ltr;text-align:right}@keyframes pop{0%{transform:perspective(520px) rotateX(-88deg);opacity:.2}55%{transform:perspective(520px) rotateX(16deg);opacity:1}to{transform:perspective(520px) rotateX(0)}}.pop{animation:pop .5s cubic-bezier(.2,.8,.2,1)}@keyframes flipdown{0%{opacity:0;transform:perspective(700px) rotateX(-78deg)}to{opacity:1;transform:none}}.item.new,.stag{animation:flipdown .42s cubic-bezier(.2,.8,.2,1) both;transform-origin:50%0}@keyframes flipin{0%{opacity:0;transform:perspective(600px) rotateY(-92deg)}to{opacity:1;transform:none}}.sw.stag{animation:flipin .5s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 50%}.coin-stage{perspective:900px;perspective-origin:90px 25%;height:216px;position:relative;display:grid;justify-items:start;align-items:end;padding:0 30px 28px}.coin-tilt{transform-style:preserve-3d;transform:rotateX(24deg)}[dir=rtl] .coin-stage{perspective-origin:calc(100% - 90px) 25%}.coin3{width:120px;height:120px;position:relative;transform-style:preserve-3d}.cface,.cedge{position:absolute;inset:0;border-radius:50%}.cedge{background:#a97800}.cface{display:grid;place-items:center;font-weight:800;font-size:19px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(5px);color:#5a3b00;text-shadow:0 1px 0 rgba(255,255,255,.6);background:radial-gradient(circle at 34% 26%,#fff6c9,#ffcb3a 50%,#c98a00 96%);box-shadow:inset 0 0 0 5px rgba(160,105,0,.55),inset 0 0 0 8px rgba(255,238,160,.65)}.cface.tails{transform:rotateX(180deg) translateZ(5px);color:#22344a;background:radial-gradient(circle at 34% 26%,#fff,#d5dee8 50%,#8494a8 96%);box-shadow:inset 0 0 0 5px rgba(90,105,125,.55),inset 0 0 0 8px rgba(255,255,255,.65)}.coin-shadow{position:absolute;inset-inline-start:34px;bottom:16px;width:112px;height:22px;border-radius:50%;background:radial-gradient(rgba(0,30,60,.5),rgba(0,30,60,0) 70%)}.tray{display:flex;flex-wrap:wrap;gap:30px;min-height:110px;padding:26px 22px 12px;perspective:800px;direction:ltr}[dir=rtl] .tray{justify-content:flex-end}.tray:empty{min-height:0;padding:0}.dwrap{position:relative;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(-28deg)}.dwrap::after{content:"";position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(rgba(0,30,60,.5),rgba(0,30,60,0) 68%);transform:rotateX(90deg) translateZ(-42px)}.die3{width:64px;height:64px;position:relative;transform-style:preserve-3d}.dface{position:absolute;inset:0;border-radius:11px;background:linear-gradient(135deg,#fff,#d6e2ee);border:1px solid #93a8bf;display:grid;grid-template-columns:repeat(3,1fr);padding:9px;gap:3px;box-shadow:inset 0 0 12px rgba(0,40,90,.2);color:#0b2744;font-weight:800;font-size:24px}.dface i{border-radius:50%}.dface i.on{background:radial-gradient(circle at 35% 30%,#56687e,#081726)}.dface.num{grid-template-columns:1fr;place-items:center;padding:0}.drums{display:inline-flex;gap:6px;direction:ltr;padding:10px 12px;border-radius:14px;align-self:flex-start;background:linear-gradient(#0a1c30,#163a5c);border:2px solid #04101d;box-shadow:inset 0 4px 12px rgba(0,0,0,.65),0 1px 0 rgba(255,255,255,.55)}.drums:empty{display:none}.drum{width:46px;height:64px;perspective:420px;overflow:hidden;border-radius:6px;background:linear-gradient(#aebbc8,#fff 42%,#fff 58%,#a5b3c1);box-shadow:inset 0 0 7px rgba(0,0,0,.55)}.drum.sign{display:grid;place-items:center;font:800 44px/1 var(--font);color:#0b2744}.reel{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.6s cubic-bezier(.12,.72,.18,1)}.reel b{position:absolute;inset:0;display:grid;place-items:center;font:800 44px/1 var(--font);color:#0b2744;backface-visibility:hidden;-webkit-backface-visibility:hidden}.namereel{height:132px;width:min(100%,380px);perspective:640px;overflow:hidden;border-radius:14px;position:relative;align-self:flex-start;border:2px solid #04101d;background:linear-gradient(#93a3b4,#fff 36%,#fff 64%,#8c9cad);box-shadow:inset 0 0 14px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.55)}.namereel .reel{position:absolute;inset:44px 0;height:44px;transition-duration:2.6s}.namereel .reel b{font-size:22px;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:44px;text-align:center}.namereel::after{content:"";position:absolute;inset:44px 0;border-block:2px solid rgba(30,155,240,.75);background:linear-gradient(rgba(120,200,255,.22),rgba(120,200,255,.08));pointer-events:none}.beats{display:flex;gap:14px;direction:ltr;padding:6px 2px}[dir=rtl] .beats{justify-content:flex-end}.beats i{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8fa3b8,#2c4058 70%);box-shadow:inset 0-2px 4px rgba(255,255,255,.25),0 2px 4px rgba(0,30,60,.4);transition:transform .08s,box-shadow .08s}.beats i:first-child{outline:2px solid var(--ink-2);outline-offset:2px}.beats i.on{background:radial-gradient(circle at 35% 30%,#fffbd0,#ffd23f 55%,#d99a00);box-shadow:0 0 18px 4px rgba(255,210,63,.85);transform:perspective(200px) translateZ(40px)}@keyframes alarm{0%,to{transform:perspective(520px) rotateY(0)}25%{transform:perspective(520px) rotateY(-16deg)}75%{transform:perspective(520px) rotateY(16deg)}}.alarm{animation:alarm .5s ease-in-out 8;transform-origin:50% 50%}.lcd.alarm{color:#ffb3a8;text-shadow:0 0 14px rgba(255,110,90,.9)}.prog{height:18px;border-radius:9px;overflow:hidden;border:1px solid #7f9bb8;background:linear-gradient(#b9c8d6,#edf3f8);box-shadow:inset 0 2px 5px rgba(0,40,90,.4)}.prog .bar{height:100%;width:0;border-radius:8px;transition:width .25s linear;background:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,0) 52%),repeating-linear-gradient(45deg,#4fd25a 0 12px,#2fb040 12px 24px);background-size:100% 100%,34px 100%;animation:stripes .8s linear infinite}@keyframes stripes{to{background-position:0 0,34px 0}}@media (prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bub{animation:none!important;bottom:var(--b)}.tile:hover,.tile:focus-visible{transform:none}}@media (max-width:560px){.wrap{padding:0 12px}.panel{padding:14px;border-width:6px}.mark{font-size:19px}.cat{padding:12px 10px 14px}.grid{grid-template-columns:1fr}.row>.f:not(.check){flex:1 1 130px}.tray{gap:26px}}