:root{--p:#262626;--b:#3a3a3a;--t:#f2f2f2;--m:#9a9a9a;--g:#7ddc3f;--r:#ff4d4d;--bl:#8ab4f8}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;display:flex;height:100vh;background:#111;color:var(--t);font:15px/1.5 Inter,"Segoe UI",Roboto,Arial,sans-serif;overflow:hidden}
body.fl{animation:fl .9s}@keyframes fl{0%,60%{box-shadow:inset 0 0 0 100vmax #ff4d4d99}100%{box-shadow:none}}
@keyframes in{from{opacity:0;transform:scale(.96)}}@keyframes sh{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
#side{width:260px;padding:16px;background:#111;overflow:auto;flex:none}
.logo{font:800 40px Arial,sans-serif;color:var(--g);letter-spacing:-1px;margin:4px 0 22px;text-align:center}
.box{background:#222;border-radius:16px;padding:14px;margin-bottom:14px}
.box h3{margin:6px 0 14px;font-size:21px;text-align:center}#scn{margin:0;line-height:1.5}
#steps{list-style:none;margin:0;padding:0}
#steps li{position:relative;text-align:center;padding:9px 0;font-weight:700;font-size:18px;color:#5c5c5c}
#steps li+li:before{content:"";position:absolute;left:50%;top:-6px;height:14px;border-left:1px solid #555}
#steps li.d{color:#999}#steps li.a{color:#fff;text-shadow:0 0 14px var(--g)}
main{flex:1;overflow:auto;margin-top:14px;background:#232323;border-radius:22px 0 0 0;padding:12px 18px 450px}main h2{display:none}
.row{display:flex;align-items:center;gap:14px;padding:9px 6px;border-bottom:1px solid var(--b);color:var(--m);transition:background .15s}
.cb{width:14px;height:14px;background:#fff;border-radius:2px;flex:none}
.sj{color:#fff;white-space:nowrap;flex:none;max-width:42%;overflow:hidden;text-overflow:ellipsis;font-size:14px}.row.f .sj{color:#bbb}
.pv{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.row time{color:#ddd;flex:none}
.row.n{background:#2c3a2c;cursor:pointer;animation:pl 1s 3}@keyframes pl{50%{background:#3f6b3a}}.row.n:hover{background:#8d8d8d}
.tag{background:#8ee89a;color:#111;border-radius:12px;padding:0 12px;font-size:12px}
.ov{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;z-index:10;padding:12px}#pp{z-index:20}
.win{background:var(--p);border:1px solid var(--b);border-radius:12px;max-width:640px;width:100%;max-height:92vh;overflow:auto;animation:in .25s}
.win.wide{max-width:800px}.win header{padding:12px 16px;border-bottom:1px solid var(--b)}.c{padding:16px}.ctr{text-align:center}
.bt{padding:8px 14px;border:0;border-radius:8px;cursor:pointer;font-weight:600;color:#fff;background:#3c4043;margin:2px;transition:transform .1s}.bt:hover{transform:translateY(-1px)}
.bt.r{background:var(--r)}.bt.g{background:var(--g);color:#000}.bt:disabled{opacity:.4;cursor:default}
.win.mail{max-width:820px;background:#efefef;color:#222;border:0;border-radius:14px;min-height:min(78vh,720px)}
.mail header{background:#fafafa;color:#111;display:flex;justify-content:space-between;border:0;padding:10px 18px}.mail .x{background:none;border:0;cursor:pointer;font-size:16px}
.mail .c{padding:4px 18px 24px}.od,.su{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #9998}
.rp,.mail .lnk{color:#00e;text-decoration:underline;cursor:pointer}.mail .lnk{font-weight:700}.lnk{color:var(--bl);cursor:pointer}.qrc{width:130px;display:block;margin:8px 0}
#url{position:fixed;left:0;bottom:0;background:#303134;border:1px solid var(--b);padding:2px 10px;font-size:12px;z-index:50;display:none;max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toast{position:fixed;top:16px;right:16px;background:#fff;color:#111;padding:10px 16px;border-radius:12px;z-index:60;max-width:320px;border-left:5px solid var(--g);box-shadow:0 8px 30px #000a;animation:tin .4s,tout .4s 3.8s forwards}
@keyframes tin{from{transform:translateX(120%)}}@keyframes tout{to{opacity:0;transform:translateY(-20px)}}
#me{position:fixed;right:14px;bottom:14px;width:300px;background:#1b1b1b;border:1px solid var(--b);border-radius:18px;z-index:5;box-shadow:0 12px 40px #000a}
#me header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;font-size:13px;color:var(--m)}#me header button{background:none;border:0;color:var(--t);cursor:pointer}
#me.min #meB{display:none}#meB{padding:0 14px 12px}
.cd{perspective:900px;cursor:pointer;height:172px}.cf{position:relative;height:100%;transition:transform .6s;transform-style:preserve-3d}.cd.fp .cf{transform:rotateY(180deg)}
.cfr,.cfb{position:absolute;inset:0;border-radius:14px;padding:14px;backface-visibility:hidden;background:linear-gradient(135deg,#2e3b2a,#0c120b 60%,#1d2a1a);border:1px solid #4b6a3a;box-shadow:inset 0 0 40px #7ddc3f22;display:flex;flex-direction:column;justify-content:space-between}
.cfb{transform:rotateY(180deg);padding:0;justify-content:flex-start}
.chip{display:block;width:38px;height:28px;border-radius:6px;background:linear-gradient(135deg,#e8d28a,#a98b3a)}.cr1{display:flex;justify-content:space-between;align-items:center}.visa{font:italic 800 22px Arial;letter-spacing:1px}
.num{font:600 18px/1 ui-monospace,Consolas,monospace;letter-spacing:2px;text-shadow:0 1px 0 #000}.cr2{display:flex;justify-content:space-between;font-size:12px;font-weight:600}
.cr2 small,.cvv small,.bal small{display:block;font-size:9px;color:var(--m);font-weight:400}
.mag{display:block;height:34px;background:#000;margin:18px 0 14px}.cvv{background:#fff;color:#111;margin:0 14px;padding:4px 10px;text-align:right;font:700 15px monospace;border-radius:4px}.cvv small{color:#555}
.bal{margin:12px 0 4px;font:700 30px/1.1 Inter,Arial,sans-serif}.bal small{font-size:11px}.bal.loss{color:var(--r);animation:sh .4s}
.acc div{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #333;padding:5px 0;font-size:13px}.acc small{font-size:11px;color:var(--m)}
.loss,.tr{color:var(--r)}.tg{color:var(--g)}
.bar{background:#111;padding:8px 12px;font:13px monospace;color:#f28b82;word-break:break-all}
.site{background:#fff;color:#222;padding:16px}.site h3{margin:0 0 10px}.site label{display:block;font-size:12px;color:#555}
.site input{display:block;width:100%;margin:2px 0 10px;padding:8px;color:#000;border:1px solid #aaa;border-radius:4px}
.win.ph{max-width:340px;border:8px solid #111;border-radius:28px}
.av header{border-top:4px solid #ff7800}.pg{height:10px;background:var(--b);border-radius:5px;overflow:hidden;margin:12px 0}
.pg i{display:block;height:100%;width:0;background:#ff7800;transition:width 2s linear}.pg.go i{width:100%}
.ring{width:84px;height:84px;margin:6px auto 12px;border-radius:50%;background:var(--g);color:#111;font-size:34px;display:flex;align-items:center;justify-content:center;animation:rg 1.2s infinite}
@keyframes rg{0%{box-shadow:0 0 0 0 #7ddc3f88}100%{box-shadow:0 0 0 26px #7ddc3f00}}
.cap{min-height:110px;text-align:left;background:#1b1b1b;border-radius:10px;padding:6px 12px;margin-bottom:10px}.cap p{margin:6px 0;animation:in .3s}
.res{border:1px solid var(--b);border-radius:8px;padding:10px;margin:8px 0;cursor:pointer}.res:hover{background:#35363a}
.lb{padding:1px 8px;border-radius:10px;font-size:12px;color:#000}.lb.ok{background:var(--g)}.lb.er{background:var(--r);color:#fff}
.det{margin-top:10px;padding-top:8px;border-top:1px solid var(--b);cursor:default}.why{background:#1b1c1e;padding:10px;border-radius:8px}
mark.bad{background:#5c1a1a;color:#f28b82}mark.good{background:#14401f;color:#81c995}
@media(max-width:800px){body{flex-direction:column;overflow:auto;height:auto}#side{width:auto}.sj{max-width:50%}.pv,.cb{display:none}#me{width:260px}main{padding-bottom:420px}}
/* ===== Cyber OS ===== */
#desktop{position:fixed;inset:0 0 48px 0;overflow:hidden;background:linear-gradient(#ffffff09 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,#ffffff09 1px,transparent 1px) 0 0/48px 48px,radial-gradient(circle at 70% 20%,#0f4a4a66,transparent 55%),linear-gradient(135deg,#06141a,#0a2a2c 55%,#0a1c2e)}
#icons{position:absolute;left:10px;top:10px;bottom:10px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(auto-fill,92px);grid-auto-columns:88px;align-content:start;gap:4px}
.ic{position:relative;background:none;border:0;color:#fff;font-size:12px;font-family:inherit;line-height:1.2;cursor:pointer;border-radius:10px;padding:8px 2px;text-shadow:0 1px 3px #000}.ic:hover{background:#ffffff1c}.ic i{display:block;font-style:normal;font-size:36px}
.bdg{position:absolute;top:2px;right:14px;min-width:18px;background:var(--r);border-radius:9px;font:700 11px/18px Arial;font-style:normal;animation:pl 1s 3}
.wn{position:absolute;left:110px;top:24px;width:calc(100% - 450px);height:calc(100% - 48px);min-width:340px;background:#1b1b1b;border:1px solid var(--b);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #0008;animation:in .2s}
#w-web{left:150px;top:50px}#w-av{left:200px;top:80px;width:520px;height:400px;min-width:0}
.wn.ac{box-shadow:0 0 0 1px var(--g),0 18px 60px #000c}.wn.mn{display:none}.wn.mx{left:0!important;top:0!important;width:100%!important;height:100%!important;border-radius:0}.wn.al .th{background:#7a1f1f}
.th{display:flex;justify-content:space-between;align-items:center;padding:5px 8px 5px 12px;background:#262626;cursor:move;user-select:none;font-size:13px}
.wc button{width:32px;height:24px;background:none;border:0;color:#fff;cursor:pointer;border-radius:6px}.wc button:hover{background:#444}.wc [data-w=x]:hover{background:var(--r)}
.wb{flex:1;display:flex;min-height:0;position:relative;overflow:auto}.wb.col{flex-direction:column}#avb{display:block}
#ov{position:absolute;z-index:5}.win.mail{min-height:0;max-height:100%}main{padding:12px 18px 20px}#side{overflow:auto}
.tabs{background:#141414;padding:6px 10px 0}.tabs span{display:inline-block;background:#262626;padding:4px 16px;border-radius:8px 8px 0 0;font-size:13px}
.nav{display:flex;gap:6px;padding:6px;background:#262626}.nav button{background:none;border:0;color:#888;font-size:16px}
#addr{flex:1;background:#111;border-radius:16px;padding:3px 14px;font:13px monospace;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#addr .tr{font-weight:700}
#page{flex:1;overflow:auto;background:#111}.sk{height:14px;background:#ddd;border-radius:4px;margin:10px 0}.sk.s{width:60%}.shield{font-size:60px}
#me{position:absolute;right:14px;top:14px;bottom:auto;z-index:3000;background:#1b1b1bd9;backdrop-filter:blur(8px)}
#taskbar{position:fixed;left:0;right:0;bottom:0;height:48px;background:#0b1214ee;border-top:1px solid #2a3a3a;display:flex;align-items:center;gap:8px;padding:0 8px;z-index:4000}
#st,.tbi,#tw{background:none;border:0;color:#fff;cursor:pointer;padding:8px 14px;border-radius:8px;font-size:14px}#st{background:var(--g);color:#000;font-weight:700}
#tb{flex:1;display:flex;gap:6px;overflow:hidden}.tbi{background:#ffffff12;white-space:nowrap}.tbi.on{background:#ffffff30;box-shadow:inset 0 -3px var(--g)}
#tray{display:flex;align-items:center;gap:10px}#clk{text-align:right;font-size:12px;line-height:1.2}
#startm{position:fixed;left:8px;bottom:56px;background:#1b1b1b;border:1px solid var(--b);border-radius:12px;padding:14px;z-index:4100;width:260px}
#pp{z-index:5000}#url{bottom:48px;z-index:6000}.toast{top:auto;bottom:62px;right:16px;z-index:4500;cursor:pointer}
@media(max-width:800px){.wn{left:0!important;top:0!important;width:100%!important;height:100%!important}#me{width:230px}}
/* ===== Funnel Display (lokálně, bez externích serverů) ===== */
@font-face{font-family:'Funnel Display';font-weight:300 800;font-display:swap;src:url(fonts/funnel-display-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Funnel Display';font-weight:300 800;font-display:swap;src:url(fonts/funnel-display-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.logo{font:800 40px/1 'Funnel Display',Arial,sans-serif;letter-spacing:-.5px}#st{font-family:'Funnel Display',Arial,sans-serif;font-size:16px}
/* ===== Gmail sidebar ===== */
#side{width:240px;padding:12px 10px;background:#161616}#side .logo{text-align:left;margin:4px 8px 16px}
.comp{display:flex;align-items:center;gap:14px;background:#fff;color:#222;border-radius:18px;padding:16px 20px;font:500 15px Roboto,Arial,sans-serif;margin:0 0 18px;box-shadow:0 1px 3px #0006}.comp span:first-child{font-size:18px}
.nv{list-style:none;margin:0;padding:0}.nv li{display:flex;justify-content:space-between;align-items:center;min-height:32px;padding:4px 14px;border-radius:16px;color:#e3e3e3;font-size:14px}
.nv li.on{background:#3d3d3d;color:#fff}.nv li.on span,.nv li.bd span{font-weight:700}.nv li b{font-size:12px;font-weight:700}.nv u{text-decoration:none}.nv li span{white-space:nowrap}
#side h4{display:flex;justify-content:space-between;margin:24px 0 6px;padding:0 14px;font:500 16px Roboto,Arial,sans-serif}
/* ===== widgety na tapetě ===== */
#wd{position:absolute;right:14px;top:14px;bottom:14px;width:300px;overflow:auto;z-index:3000;display:flex;flex-direction:column;gap:12px;scrollbar-width:none;pointer-events:none}#wd>*{pointer-events:auto}
#me{position:static;width:100%;flex:none}
.wd{flex:none;background:#1b1b1bd9;backdrop-filter:blur(8px);border:1px solid var(--b);border-radius:16px;padding:12px 14px}
.wd h3{margin:2px 0 8px;font-size:18px;text-align:center}.wd #steps li{padding:4px 0;font-size:15px}.wd #steps li+li:before{top:-4px;height:8px}.wd p{margin:0;font-size:14px}
/* ===== e-mail jako okno (Gmail "Nová zpráva") ===== */
#w-msg{left:260px;top:40px;width:min(800px,calc(100% - 480px));height:auto;min-height:480px;max-height:calc(100% - 60px);background:#efefef;color:#222;border:0;font:14px/1.5 Roboto,Arial,sans-serif}
#w-msg .th{background:#fafafa;color:#111;padding:9px 12px 9px 18px;font-weight:500}#w-msg .wc button{color:#333}#w-msg .wc button:hover{background:#ddd}
#mbody{flex:1;padding:0 18px 28px}#w-msg .mh{margin:0}.od,.su{padding:16px 0}#w-msg p{margin:14px 0}
.rp{color:#00e;text-decoration:underline;cursor:pointer;font-weight:400}#w-msg .lnk{color:#00e;font-weight:700;text-decoration:underline;cursor:pointer}
/* ===== okna nad widgety + weby v prohlížeči ===== */
.wn{z-index:10}#wd{z-index:2}
#err{position:fixed;top:0;left:0;right:0;background:#b00020;color:#fff;padding:6px 12px;z-index:9999;font:13px monospace}
#page{background:#cfd4d8}.web{position:relative;background:#fff;color:#222;font-family:Arial,sans-serif;min-height:100%}
.wh{padding:14px 24px;font:700 20px Arial,sans-serif}.wm{padding:24px;max-width:580px;margin:0 auto}.wm h2{margin:0 0 14px;font-size:22px}
.wm label{display:block;font-size:12px;color:#555;margin:8px 0 0}.wm input:not([type=radio]){display:block;width:100%;padding:9px;margin:3px 0 6px;border:1px solid #aaa;border-radius:6px;color:#000;background:#fff}
.rt{width:100%;border-collapse:collapse;margin-bottom:12px}.rt td{padding:8px;border-bottom:1px solid #ddd}.rt td:last-child{text-align:right}
.wm .op{display:flex;gap:10px;align-items:center;border:1px solid #ccc;border-radius:8px;padding:10px;margin:8px 0;cursor:pointer;color:#222;font-size:14px}
.wm button{margin:10px 6px 0 0;padding:10px 18px}.wf{padding:14px 24px;font-size:12px;color:#777;border-top:1px solid #ddd;margin-top:30px}
.web.dk{background:#000;color:#ff5a5a}.web.dk .wm,.web.dk .wm h2{color:#ff6b6b}.web.dk .wf{color:#733;border-color:#300}.tm{font:700 44px monospace;margin:16px 0}
.doc{height:240px;filter:blur(3px)}.doc i{display:block;height:16px;background:#ccd;margin:16px 0;border-radius:3px}
.capb{position:absolute;left:50%;top:38%;transform:translate(-50%,-30%);width:min(420px,90%);background:#fff;border:1px solid #bbb;border-radius:10px;padding:20px;box-shadow:0 10px 40px #0006;text-align:center}
.ph2{max-width:340px;margin:14px auto;border:8px solid #111;border-radius:28px;overflow:hidden;min-height:0}