@font-face{font-family:"Cinzel";src:url(../assets/fonts/Cinzel-Variable.ttf) format("truetype");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Allura";src:url(../assets/fonts/Allura-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url(../assets/fonts/lora.woff) format("woff");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url(../assets/fonts/lora-italic.woff) format("woff");font-weight:400 700;font-style:italic;font-display:swap}
:root{--gold:#f0c35a;--gold2:#c98f2f;--gold3:#8a5a14;--cream:#fbf0d2;--muted:#c9bf9c;--panel:rgba(5,18,12,.84);--panel2:rgba(9,30,20,.88);--green:#2faa47;--green2:#10692a;--pink:#ff5fa8;--blue:#3fb4ff;--red:#ff6b6b;--ink:#06130d}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0;background:#050f0a;color:var(--cream);font-family:"Lora",Georgia,"Times New Roman",serif;font-size:15px;line-height:1.3;overscroll-behavior:none}
body{min-height:100dvh}
button{font-family:inherit;color:inherit;cursor:pointer}
input,select,textarea{font-family:inherit;color:inherit;font-size:16px}
#bg{position:fixed;inset:0;z-index:0;background:#06130d center top/cover no-repeat}
#bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,10,6,.12),rgba(2,10,6,.22) 60%,rgba(2,10,6,.38))}
#app{position:relative;z-index:1;width:100%;max-width:480px;margin:0 auto;min-height:100dvh;padding:calc(10px + env(safe-area-inset-top)) 12px calc(28px + env(safe-area-inset-bottom))}
@media (min-width:520px){#bg{background-size:auto 100%}#app{box-shadow:0 0 60px rgba(0,0,0,.7)}}
.demo-bar{position:sticky;top:0;z-index:50;margin:-10px -12px 8px;padding:6px 12px;background:#7a1fa2;color:#fff;font-size:13px;text-align:center;font-weight:600}
.demo-bar button{margin-left:8px;border:1px solid #fff;background:transparent;border-radius:12px;padding:2px 10px;font-size:12px}
/* header */
.hdr{margin-bottom:8px;position:relative;display:flex;align-items:center;justify-content:space-between;min-height:56px}
.hdr .logo{height:44px;max-width:62%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.7))}
.hdr .tag{display:block;text-align:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#f3c866;margin-top:-4px}
.hdr-c{flex:1;text-align:center}
.ibtn{width:42px;height:42px;border-radius:50%;border:2px solid var(--gold2);background:radial-gradient(circle at 30% 25%,#5a3a10,#1f1206);display:grid;place-items:center;font-size:20px;color:var(--gold);box-shadow:0 0 12px rgba(255,170,40,.45);flex:none;padding:0;line-height:1}
.ibtn.heart{color:#ff3b5c}
.ibtn.glow{animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 8px rgba(255,60,90,.5)}50%{box-shadow:0 0 22px rgba(255,60,90,1)}}
/* title plank */
.plank{position:relative;margin:10px 0 8px;padding:14px 16px 12px;min-height:84px;border-radius:12px;background:linear-gradient(180deg,#6b4220,#3e2410);border:2px solid #2a1808;box-shadow:inset 0 0 18px rgba(0,0,0,.55),0 4px 14px rgba(0,0,0,.6);overflow:visible}
.plank h1{margin:0;font-size:25px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:#fbe9c0;text-shadow:0 2px 3px #000,0 0 12px rgba(255,190,80,.4)}
.plank p{margin:3px 0 0;font-size:12.5px;font-style:italic;color:#f6dcae;max-width:58%}
.plank .sqimg{position:absolute;right:-2px;bottom:-4px;height:100px;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.7));pointer-events:none}
.plank.nofx p{max-width:62%}
/* cards */
.card{position:relative;background:linear-gradient(180deg,var(--panel2),var(--panel));border:2px solid var(--gold2);border-radius:14px;padding:10px 12px;box-shadow:0 0 14px rgba(255,160,40,.32),inset 0 0 22px rgba(0,0,0,.55);margin:8px 0}
.card::after{content:"";position:absolute;inset:3px;border:1px solid rgba(240,195,90,.28);border-radius:11px;pointer-events:none}
.card.flat{padding:8px 10px;margin:0}
.ct{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#fbe5b0;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:6px}
.ct .ic{font-size:22px;filter:drop-shadow(0 0 6px rgba(255,170,40,.5))}
.sub{font-size:12px;color:var(--muted)}
.row{display:flex;gap:8px;align-items:stretch}
.grow{flex:1;min-width:0}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ctr{text-align:center}
.gold{color:var(--gold)}
.pink{color:var(--pink)}.green{color:#5bdc79}.blue{color:var(--blue)}.red{color:var(--red)}
/* options */
.opts{display:flex;gap:6px}
.opt{flex:1;min-height:38px;border-radius:9px;border:1.5px solid #4b4a3c;background:linear-gradient(180deg,#2d3330,#171b19);font-size:14px;padding:4px 6px;line-height:1.1;color:#f3ead0;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.opt.on{background:linear-gradient(180deg,#38c250,#117a2c);border-color:#7bf08e;color:#fff;font-weight:600;box-shadow:0 0 10px rgba(80,230,110,.5)}
.opt.pinkon{background:linear-gradient(180deg,#e6559d,#9b1f60);border-color:#ff9acd}
.opt.sm{font-size:12px;min-height:34px}
.opt:disabled{opacity:.55}
.sel,.inp,.txt{width:100%;min-height:38px;border-radius:9px;border:1.5px solid #4b4a3c;background:linear-gradient(180deg,#2b302d,#181c1a);padding:4px 10px;color:#f3ead0}
.inp{text-align:center}
.inp::placeholder,.txt::placeholder{color:#8f8a76}
.txt{min-height:64px;resize:vertical;font-size:15px}
.sel{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23f0c35a' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}
.lbl{font-size:12px;color:#f1e6c6;margin:0 0 3px;text-align:center}
.spin{display:flex;gap:0;align-items:stretch}
.spin button{width:34px;border:1.5px solid #4b4a3c;background:#222826;font-size:18px;color:var(--gold)}
.spin button:first-child{border-radius:9px 0 0 9px}.spin button:last-child{border-radius:0 9px 9px 0}
.spin .inp{border-radius:0;border-left:0;border-right:0;min-width:0}
.faces{display:flex;justify-content:space-between;gap:4px}
.face{flex:1;border:0;background:transparent;font-size:26px;padding:0;filter:grayscale(1) opacity(.55);display:flex;flex-direction:column;align-items:center;font-size:25px;line-height:1.1}
.face small{font-size:11px;color:#d9ceab;filter:none}
.face.on{filter:none;transform:scale(1.18)}
.face.on small{color:var(--gold)}
.drops{display:flex;gap:1px;font-size:15px;justify-content:center;align-items:center}
.drops span{filter:grayscale(1) opacity(.4)}.drops span.on{filter:none}
/* buttons */
.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:14px;border:2px solid var(--gold2);background:linear-gradient(180deg,#1e7a38,#0b4a1e);color:#fff;font-size:17px;padding:8px 14px;box-shadow:0 0 12px rgba(255,170,40,.4),inset 0 1px 0 rgba(255,255,255,.25);width:100%;font-weight:600}
.btn.sec{background:linear-gradient(180deg,#223a2c,#10211a);font-weight:500}
.btn.big{min-height:60px;font-size:21px;letter-spacing:.07em;text-transform:uppercase;border-radius:30px}
.btn.pink{background:linear-gradient(180deg,#e0509a,#8d1c58);border-color:#ffa6d2;color:#fff}
.btn.sm{min-height:36px;font-size:14px;padding:4px 12px;border-radius:12px;width:auto}
.btn:disabled{opacity:.5}
.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:14px;border:1.5px solid var(--gold2);background:rgba(20,40,28,.9);font-size:12.5px}
.chip.on{background:linear-gradient(180deg,#e8a526,#b4730c);color:#2a1700;font-weight:700;border-color:#ffd878}
.chip.g.on{background:linear-gradient(180deg,#38c250,#117a2c);color:#fff;border-color:#7bf08e}
.tabs{display:flex;gap:6px;margin:6px 0}
.tabs.scroll{overflow-x:auto;scrollbar-width:none}
.tab{flex:1;white-space:nowrap;min-height:44px;border-radius:12px;border:1.5px solid var(--gold2);background:linear-gradient(180deg,#26241a,#0f0d08);padding:4px 8px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:6px}
.tab.on{background:linear-gradient(180deg,#38c250,#117a2c);border-color:#8dfaa0;box-shadow:0 0 14px rgba(80,230,110,.6);font-weight:600}
.seg{display:flex;border:1.5px solid var(--gold2);border-radius:12px;overflow:hidden;background:rgba(10,12,10,.85);margin:6px 0}
.seg button{flex:1;border:0;background:transparent;padding:9px 4px;font-size:14px;border-right:1px solid rgba(240,195,90,.25)}
.seg button:last-child{border-right:0}
.seg button.on{background:linear-gradient(180deg,#f2b73a,#c57f0d);color:#241400;font-weight:700}
/* tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.tile{position:relative;border:2px solid var(--gold2);border-radius:14px;background:linear-gradient(180deg,rgba(18,48,32,.78),rgba(6,22,15,.82));padding:8px 4px 8px;text-align:center;box-shadow:0 0 12px rgba(255,160,40,.3),inset 0 0 18px rgba(0,0,0,.5);min-height:122px;display:flex;flex-direction:column;align-items:center;gap:2px}
.tile .ring{width:50px;height:50px;border-radius:50%;border:2.5px solid var(--gold);background:radial-gradient(circle at 35% 30%,#7a5416,#241406 70%);display:grid;place-items:center;font-size:26px;box-shadow:0 0 12px rgba(255,170,40,.6),inset 0 0 8px rgba(0,0,0,.6)}
.tile b{font-size:13px;font-weight:600;color:#fff4d4;display:flex;align-items:center;gap:2px}
.tile b i{font-style:normal;color:var(--gold)}
.tile small{font-size:10.5px;line-height:1.15;color:#d7ccaa}
.tile.w3{grid-column:span 1}
/* start */
.ringwrap{position:relative;width:176px;height:176px;margin:0 auto;border-radius:50%;display:grid;place-items:center}
.ringwrap .arc{position:absolute;inset:0;border-radius:50%;-webkit-mask:radial-gradient(circle,transparent 66%,#000 67%);mask:radial-gradient(circle,transparent 66%,#000 67%);box-shadow:0 0 18px rgba(255,200,60,.4)}
.ringwrap .in{position:relative;width:78%;height:78%;border-radius:50%;background:radial-gradient(circle,#0b2418,#05140d);border:2px solid #b97d1c;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px}
.ringwrap .heart{position:absolute;top:-6px;left:50%;transform:translateX(-50%);font-size:22px;filter:drop-shadow(0 0 6px #5f5)}
.progress{height:10px;border-radius:6px;background:#12301f;border:1.5px solid #c98f2f;overflow:hidden;width:78%;margin:4px auto}
.progress i{display:block;height:100%;background:linear-gradient(90deg,#43d160,#9be84f)}
.quote{position:relative;border:1px solid rgba(240,195,90,.55);border-radius:10px;background:rgba(5,18,12,.62);padding:10px 12px;text-align:center;font-size:17px;line-height:1.28;color:#fff3d0;text-shadow:0 1px 3px #000}
.quote.s{font-size:13px;padding:7px 10px}
.scard{border:2px solid var(--gold2);border-radius:14px;background:linear-gradient(180deg,rgba(14,32,24,.74),rgba(4,14,10,.8));padding:12px 4px 8px;text-align:center;position:relative;box-shadow:0 0 12px rgba(255,160,40,.35);color:inherit;display:block;width:100%}
.scard .disc{width:66px;height:66px;margin:0 auto 4px;border-radius:50%;border:3px solid var(--gold);display:grid;place-items:center;font-size:36px;box-shadow:0 0 14px rgba(255,190,60,.55),inset 0 0 12px rgba(0,0,0,.5)}
.scard .pill{display:inline-block;border:1.5px solid var(--gold2);border-radius:14px;padding:1px 10px;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;background:rgba(0,0,0,.4)}
.scard .big{font-size:26px;font-weight:600;margin:4px 0 0;line-height:1}
.scard .big small{font-size:17px;font-weight:400}
.scard .rec{font-size:12px;color:#e5d9b6;margin:2px 0 4px}
.scard .dots{border-top:1px solid rgba(240,195,90,.25);padding-top:5px;display:flex;justify-content:center;gap:2px;font-size:11px;min-height:20px}
.scard .dots span{filter:grayscale(1) opacity(.35)}.scard .dots span.on{filter:none}
.scard.frozen .disc{filter:saturate(.3) brightness(.9)}
.scard.frozen{box-shadow:0 0 14px rgba(120,200,255,.5);border-color:#8fc9ea}
.scard .fz{font-size:11px;color:#bfe6ff;line-height:1.15}
.pin{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-size:15px}
.lastb{display:flex;gap:12px;align-items:center}
.lastb img.bimg{width:78px;height:78px;object-fit:contain;flex:none}
.lastb .t1{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f0c35a}
.lastb .t2{font-size:21px;font-weight:700;color:#fff3d0;line-height:1.1}
.lastb .t3{font-size:13px;color:#e8d89a}
.lastb .q{flex:0 0 36%;border-left:1px solid rgba(240,195,90,.45);padding-left:10px;text-align:center;font-size:13.5px;color:#fff3d0}
/* tables */
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{font-weight:600;color:#fbe5b0;font-size:11.5px;padding:5px 3px;border-bottom:1px solid rgba(240,195,90,.4);text-align:center;white-space:nowrap}
.tbl td{padding:6px 3px;text-align:center;border-bottom:1px solid rgba(240,195,90,.14);white-space:nowrap}
.tbl td.l,.tbl th.l{text-align:left}
.tbl .note{max-width:130px;overflow:hidden;text-overflow:ellipsis;text-align:left}
.sc-x{overflow-x:auto;-webkit-overflow-scrolling:touch}
.menu-dots{border:0;background:transparent;font-size:20px;color:var(--gold);padding:0 6px;line-height:1}
/* modal */
.ov{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:14px;overflow-y:auto}
.ov.top{align-items:flex-start;padding-top:calc(60px + env(safe-area-inset-top))}
.modal{position:relative;width:100%;max-width:440px;max-height:92dvh;overflow-y:auto;border:2.5px solid var(--gold2);border-radius:20px;background:radial-gradient(circle at 50% 0%,#12402a,#071a11 70%);padding:16px 16px 14px;box-shadow:0 0 28px rgba(255,170,40,.5),inset 0 0 26px rgba(0,0,0,.55)}
.modal h2{margin:0 0 10px;text-align:center;font-size:23px;letter-spacing:.05em;color:#fff1c8;display:flex;align-items:center;justify-content:center;gap:8px}
.modal .x{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--gold2);background:#1b1308;font-size:15px;color:var(--gold);padding:0}
.modal .field{margin:8px 0}
.modal .field>label{display:block;font-size:13px;margin-bottom:3px;color:#fbe5b0}
.cal{width:100%}
.cal .mh{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.cal .mh b{font-size:17px;text-transform:capitalize}
.cal table{width:100%;border-collapse:separate;border-spacing:3px}
.cal th{font-size:11px;color:var(--muted);font-weight:500;padding:2px 0}
.cal td{height:38px;text-align:center;border-radius:8px;font-size:14px;background:rgba(255,255,255,.03);position:relative;padding:0}
.cal td.dis{color:#5d5a4c;background:transparent}
.cal td.sel{background:linear-gradient(180deg,#38c250,#117a2c);color:#fff;font-weight:700}
.cal td.today{outline:2px solid var(--gold);outline-offset:-2px}
.cal button.cd{width:100%;height:100%;border:0;background:transparent;font-size:14px;padding:0;color:inherit}
.arrow{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--gold2);background:#1a1208;color:var(--gold);font-size:18px;padding:0;display:grid;place-items:center}
/* calendar big */
.cal.big td{height:56px;vertical-align:top;padding-top:3px;background:rgba(10,28,19,.85);border:1px solid rgba(240,195,90,.2)}
.cal.big td .n{font-size:12px;color:#f3e5bd;display:block}
.cal.big td .s{font-size:19px;line-height:1.1;display:block}
.cal.big td.dis{opacity:.45}
.sdot{display:inline-block;width:18px;height:18px;border-radius:50%;vertical-align:middle}
.sdot.ok{background:radial-gradient(circle at 35% 30%,#58e079,#13792b);box-shadow:0 0 8px #3f3}
.sdot.part{background:radial-gradient(circle at 35% 30%,#ffe27a,#d9a21b)}
.sdot.none{background:#5f6560;opacity:.7}
.sdot.fut{background:#2a2f2c}
.legend{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;font-size:12px}
/* charts */
svg text{font-family:Lora,serif}
.chart{width:100%;height:auto;display:block}
.stat{display:flex;align-items:center;gap:10px;border:1.5px solid var(--gold2);border-radius:12px;padding:8px 10px;background:rgba(8,26,18,.85)}
.stat .v{font-size:22px;font-weight:600;line-height:1}
.stat .k{font-size:11px;color:var(--muted)}
.stat .ic{font-size:26px}
.daycards{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}
.dcard{flex:1;min-width:46px;border:1.5px solid rgba(240,195,90,.5);border-radius:10px;background:rgba(7,22,15,.9);padding:6px 3px;text-align:center;font-size:12px}
.dcard.today{border-color:var(--gold);box-shadow:0 0 10px rgba(255,200,80,.6)}
.dcard small{display:block;font-size:10px;color:var(--muted);line-height:1.1}
.bar{display:inline-block;width:100%}
.toast{pointer-events:none;position:fixed;left:50%;bottom:calc(30px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:300;background:rgba(10,40,24,.97);border:2px solid var(--gold2);border-radius:20px;padding:10px 18px;font-size:15px;box-shadow:0 0 20px rgba(0,0,0,.7);animation:tin .25s}
@keyframes tin{from{opacity:0;transform:translate(-50%,10px)}}
/* badge pop-up */
.pop{position:relative;width:min(88vw,400px);aspect-ratio:700/985;animation:zin .35s}
@keyframes zin{from{transform:scale(.8);opacity:0}}
.pop .frame{position:absolute;inset:0;width:100%;height:100%}
.pop .cover{position:absolute;left:11.5%;right:11.5%;top:37%;height:45%;background:radial-gradient(ellipse at 50% 40%,#0c2c0a 0%,#0a2508 80%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 6%}
.pop .cover img{width:36%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,220,100,.7))}
.pop .cover b{display:block;font-size:clamp(19px,6vw,25px);color:#fff4cf;margin-top:6px;line-height:1.1}
.pop .cover span{font-size:clamp(12px,3.6vw,14.5px);color:#fbe9b8;margin-top:4px}
.pop .okbtn{position:absolute;left:8%;right:8%;top:83%;height:16%;background:#0a2508;border:0;border-radius:40px;padding:0;display:flex;align-items:center;justify-content:center}.pop .okbtn img{width:100%;display:block}
.rbanner{position:fixed;left:50%;top:calc(66px + env(safe-area-inset-top));transform:translateX(-50%);z-index:250;width:min(94vw,452px);aspect-ratio:1000/286;animation:bin .5s;filter:drop-shadow(0 8px 14px rgba(0,0,0,.75))}
@keyframes bin{from{transform:translate(-50%,-30px);opacity:0}}
.rbanner img{position:absolute;inset:0;width:100%;height:100%}
.rbanner .cv{position:absolute;left:36%;right:7%;top:41%;height:49%;background:#0a1a06;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:4px}
.rbanner .cv b{font-size:clamp(15px,4.8vw,21px);color:#fff4cf;line-height:1.05;font-weight:600}
.rbanner .cv i{font-style:normal;font-size:clamp(10px,3vw,13px);color:#ecdca8}
.menu{position:absolute;z-index:120;min-width:220px;background:linear-gradient(180deg,#14402a,#08170f);border:2px solid var(--gold2);border-radius:14px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.8)}
.menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;padding:11px 10px;font-size:15px;border-radius:9px;border-bottom:1px solid rgba(240,195,90,.15)}
.menu button:last-child{border-bottom:0}
.menu button:active{background:rgba(240,195,90,.15)}
.badge-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bcard{display:flex;gap:8px;align-items:center;border:1.5px solid rgba(240,195,90,.6);border-radius:12px;background:linear-gradient(180deg,rgba(11,34,24,.93),rgba(4,16,11,.95));padding:6px;min-height:92px;width:100%;text-align:left;color:inherit}
.bcard img{width:70px;height:70px;object-fit:contain;flex:none}
.bcard img.lock{filter:grayscale(1) brightness(.62) contrast(.95)}
.bcard b{display:block;font-size:13.5px;line-height:1.15;color:#fff0c4}
.bcard span{display:block;font-size:11px;line-height:1.2;color:#d9cfae;margin-top:2px}
.bcard .pg{font-size:11px;color:var(--gold);margin-top:2px}
.bcard .lockq{width:70px;height:70px;border-radius:50%;border:3px solid #8a6a2a;background:radial-gradient(circle,#3a2e12,#1a1306);display:grid;place-items:center;font-size:26px;flex:none;filter:grayscale(.6)}
.srow{display:flex;gap:10px;align-items:center;border:1.5px solid rgba(240,195,90,.55);border-radius:14px;background:linear-gradient(180deg,rgba(10,30,45,.55),rgba(4,12,20,.7));padding:8px;margin:0 0 9px;width:100%;text-align:left;color:inherit}
.srow img{width:84px;height:84px;object-fit:contain;flex:none}
.srow img.lock{filter:grayscale(1) brightness(.62)}
.srow .t1{font-size:26px;font-weight:600;letter-spacing:.04em;color:#fff1c8;text-transform:uppercase;line-height:1}
.srow .t2{font-size:15px;color:#fff;margin:3px 0 5px}
.srow .t3{display:flex;gap:6px;align-items:center;border:1px solid rgba(240,195,90,.3);border-radius:8px;padding:4px 7px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#e9dcb2;background:rgba(0,0,0,.28)}
.gtile{display:flex;align-items:center;gap:10px;border:2px solid var(--gold2);border-radius:14px;background:linear-gradient(180deg,rgba(14,48,28,.8),rgba(5,24,13,.84));padding:8px 10px;min-height:68px;font-size:15px;font-weight:600;color:#fff4d4;text-align:left;width:100%;box-shadow:0 0 10px rgba(255,160,40,.3)}
.gtile .gi{width:48px;height:48px;border-radius:50%;border:2.5px solid var(--gold);background:radial-gradient(circle at 35% 30%,#9a6a14,#2c1a05);display:grid;place-items:center;font-size:25px;flex:none}
.gtile .gi img{width:100%;height:100%;object-fit:contain}
.gtile i{font-style:normal;margin-left:auto;color:var(--gold);font-size:20px}
.gtile small{display:block;font-weight:400;font-size:11px;color:#cfc4a0}
.footbar{margin:14px 0 4px;text-align:center;font-size:12px;color:#e8dcb4;letter-spacing:.06em;text-transform:uppercase;border-top:1px solid rgba(240,195,90,.35);padding-top:8px}
.footbar .mt{font-style:italic;text-transform:none;font-size:12.5px;display:block;color:#f3e3b0;margin-top:2px;letter-spacing:0}
.pager{display:flex;justify-content:center;align-items:center;gap:14px;margin:8px 0}
.hint{font-size:12px;color:var(--muted);text-align:center;margin:6px 0}
.empty{text-align:center;color:var(--muted);padding:16px 8px;font-size:14px}
.sticker{position:absolute;right:6px;top:6px;font-size:11px}
.legendline{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:#e6dbb8;margin-top:6px}
.hr{height:1px;background:rgba(240,195,90,.3);margin:8px 0}
.k2{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:2px 0}
.mini-bars{display:flex;align-items:flex-end;gap:2px;height:54px}
.mini-bars i{flex:1;border-radius:2px 2px 0 0;min-height:2px;background:linear-gradient(180deg,#5cd0ff,#1a7fd0)}
.mini-bars i.g{background:linear-gradient(180deg,#8fe36a,#2e9a3b)}
.mini-bars i.n{background:#444;opacity:.5}
.mini-bars i.o{background:linear-gradient(180deg,#ffb35a,#d1581a)}
.mini-bars i.p{background:linear-gradient(180deg,#ff8ac2,#c8307f)}
.xlab{display:flex;gap:2px;font-size:9.5px;color:#cfc4a0;text-align:center}
.xlab span{flex:1}
.mt4{margin-top:4px}.mt8{margin-top:8px}.mt12{margin-top:12px}

/* start wg makiety */
.stop{display:grid;grid-template-columns:31% 41% 28%;gap:2px;align-items:start;margin:2px 0 6px}
.sl{display:flex;flex-direction:column}
.qb{border-style:solid;text-align:center;color:#fff6e0;font-family:"Lora",serif;text-shadow:0 1px 2px #000;display:flex;align-items:center;justify-content:center;overflow:hidden}
.qbig{border-width:12px 12px;border-image:url(../assets/ui/quote_big.webp) 62 fill / 12px stretch;padding:2px 4px 2px 12px;font-size:13px;line-height:1.28;aspect-ratio:3/2;width:100%}
.qsm{border-width:7px 10px;border-image:url(../assets/ui/quote_small.webp) 36 52 fill / 7px 10px stretch;padding:6px 4px 0;font-size:10px;line-height:1.2;margin:-8px 0 0 -16%;width:116%;position:relative;z-index:1;aspect-ratio:3.7/1}
.sl .dz{white-space:nowrap;font-family:"Allura","Lora",cursive;font-size:42px;line-height:.95;color:#fff4d4;text-shadow:0 2px 8px #000,0 0 14px rgba(255,200,100,.35)}
.sl .dz span{font-family:"Lora",serif;font-size:19px;vertical-align:middle;color:#ffe9b8}
.sl .dd{font-size:10px;color:#fff1cf;margin:2px 0 6px;line-height:1.2;text-shadow:0 1px 4px #000}
.sm{padding-top:2px}
.ring2{position:relative;container-type:inline-size;width:112%;margin-left:-6%}
.ring2 img{width:100%;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
.ring2 .rl,.ring2 .rnum,.ring2 .rbar,.ring2 .rmsg{position:absolute;left:0;width:100%;text-align:center;font-family:"Lora",serif;color:#fff6e0}
.ring2 .rl{top:21%;font-size:6.2cqw;letter-spacing:.06em;text-transform:uppercase;line-height:1}
.ring2 .rnum{top:31%;font-size:13cqw;line-height:1.1;font-weight:500}
.ring2 .rbar{top:50.5%;left:22%;width:58%;height:6%;border-radius:6px;border:1.5px solid #d9962a;background:#0a1a10;overflow:hidden}
.ring2 .rbar i{display:block;height:100%;background:linear-gradient(180deg,#8ff08a,#35b94c)}
.ring2 .rmsg{top:61.5%;font-size:5.4cqw;line-height:1.2;left:21%;width:64%}
.sr .sqs{width:96%;display:block;margin:0 auto 0;position:relative;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.7))}
.srow4{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:2px}
.sc2{position:relative;container-type:inline-size;aspect-ratio:845/1455;background:center/100% 100% no-repeat;border:0;padding:0;color:#fff6e0;font-family:"Lora",serif;display:block;width:100%}
.sc2 span{position:absolute;left:0;width:100%;text-align:center;line-height:1}
.sc2 .cpill{top:54%;left:-4%;font-size:9.4cqw;letter-spacing:.04em}
.sc2 .cnum{top:62.5%;font-size:19cqw;font-weight:500;white-space:nowrap}
.sc2 .crec{top:77%;font-size:10.5cqw}
.sc2 .cdots{top:88.6%;left:14%;width:72%;display:flex;justify-content:space-between;align-items:center}
.sc2 .cdots svg{width:9.2cqw;height:9.2cqw;flex:none}
.sc2 .cfz{top:94%;font-size:8cqw;color:#bfeaff}
.strip{position:relative;container-type:inline-size;width:100%;aspect-ratio:1890/440;background:url(../assets/ui/strip.webp) center/100% 100% no-repeat;font-family:"Lora",serif;color:#fff6e0}
.strip>*{position:absolute}
.strip .sbimg{left:7.2%;top:10%;width:18.4%;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 6px rgba(0,0,0,.6))}
.strip .s1{left:28.8%;width:38.5%;top:19.2%;text-align:center;font-size:2.4cqw;letter-spacing:.04em;color:#f0dcae;font-weight:400;white-space:nowrap}
.strip .s2{left:28.8%;top:34%;width:38.5%;height:25%;font-size:4.2cqw;line-height:1.05;font-weight:500;font-style:italic;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}
.strip .s3{left:28.8%;width:38.5%;text-align:center;top:62%;font-size:2.7cqw;letter-spacing:.04em;color:#f0dcae;white-space:nowrap}
.strip .s4{left:71.5%;top:22%;width:24%;height:56%;font-size:3.2cqw;line-height:1.25;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}
.sr{align-self:end;margin-bottom:-2px}
.stop{margin-bottom:2px}
.sm{position:relative;z-index:3}
.qsm{margin-left:-24%;width:124%}
.qsm{padding-left:22%}

.ring2 img{width:100%}
.sc2 .cfzn{top:79.1%;font-size:11cqw;color:#fff6e0;white-space:nowrap}

.sc2 .cpill{display:flex;align-items:center;justify-content:center;font-size:5.1cqw;letter-spacing:.03em;padding-left:.03em;white-space:nowrap}
.sc2.k-aktywnosc .cpill{font-size:4.4cqw}
.sc2.k-picie .cpill{top:50.6%;height:9.0%;left:14.8%;width:61.3%}
.sc2.k-kroki .cpill{top:51.5%;height:8.2%;left:16.3%;width:60.0%}
.sc2.k-aktywnosc .cpill{top:52.9%;height:7.7%;left:13.0%;width:68.0%}
.sc2.k-sen .cpill{top:51.0%;height:8.3%;left:19.1%;width:54.5%}

.openw{margin-top:clamp(40px,9vh,96px)}
.sr .sqs{width:113%;margin:0 0 0 -9%}
.srow4{gap:3px;margin-left:-8px;margin-right:-8px}
.openw .btn.big{min-height:46px;font-size:16px;width:76%;margin:0 auto;border-radius:24px}
.sr .sqs{width:125%;margin:0 0 0 -16%}
.srow4{gap:2px;margin-left:-11px;margin-right:-11px}

.openb{display:block;width:96%;margin:0 auto;padding:0;border:0;background:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6));-webkit-tap-highlight-color:transparent}
.openb img{width:100%;display:block}
.openb:active{transform:scale(.98)}
.sr .sqs{width:126%;margin:0 0 0 -17%;z-index:4}

.striprow{margin-top:clamp(28px,5vh,52px)}

/* ===== ramka 2:3 (czarne pasy u góry i u dołu na wysokich telefonach) ===== */
:root{--W:min(100vw,520px,66.667dvh);--H:calc(var(--W)*1.5);--bar:max(0px,calc((100dvh - var(--H))/2))}
html,body{background:#06130d url(../assets/ui/fullbg.webp?v=1) center/cover no-repeat fixed}
body::before,body::after{content:"";position:fixed;left:0;right:0;height:var(--bar);background:#06130d url(../assets/ui/fullbg.webp?v=1) center/cover no-repeat fixed;z-index:60;pointer-events:none}
body::before{top:0}body::after{bottom:0}
#bg{inset:auto;left:50%;top:var(--bar);width:var(--W);height:var(--H);transform:translateX(-50%);background-size:cover;background-position:center top}
#app{width:var(--W);max-width:none;box-shadow:none;padding-top:calc(var(--bar) + 10px);padding-bottom:calc(var(--bar) + 20px)}
.demo-bar{top:var(--bar)}
.toast{bottom:calc(var(--bar) + 30px)}
.rbanner{top:calc(var(--bar) + 66px);width:calc(var(--W)*.94)}
.openw{margin-top:calc(var(--H)*.05)}
.striprow{margin-top:calc(var(--H)*.035)}
.openw{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--bar) + 12px);width:calc(var(--W) - 24px);margin:0;z-index:5}
.striprow{margin-top:calc(var(--H)*.025)}
.demo-bar{position:fixed;left:50%;transform:translateX(-50%);width:var(--W);top:max(0px,calc(var(--bar) - 30px));margin:0;padding:4px 8px;font-size:11.5px;line-height:1.2;white-space:nowrap;z-index:70;border-radius:0;overflow:hidden}
.demo-bar button{margin-left:6px;padding:1px 8px;font-size:11px}
#app{z-index:auto}

.mockfull{position:fixed;left:50%;top:var(--bar);width:var(--W);height:var(--H);transform:translateX(-50%);background:center/100% 100% no-repeat;z-index:5}
.mockfull .hs{position:absolute;background:transparent;border:0;padding:0;border-radius:22px;-webkit-tap-highlight-color:transparent}
.mockfull .hs.round{border-radius:50%}
.mockfull .hs:active{background:rgba(255,220,120,.16)}

.mockfull{container-type:inline-size;font-family:"Lora",serif;color:#fbf0d2}
.mockfull .hs:disabled{cursor:default}
.mockfull .kdis{position:absolute;border-radius:50%;background:rgba(8,20,12,.6);pointer-events:none}
/* kalendarz v2: sprite'y z Twojej siatki */
.mockfull .kc2{position:absolute;padding:0;border:0;background:none;display:block;-webkit-tap-highlight-color:transparent;color:inherit;font:inherit}
.mockfull .kc2 img{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.mockfull .kc2 .kn{position:absolute;left:12%;top:6%;font-size:2.8cqw;line-height:1.1;color:#fffbe9;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.mockfull .kc2.out .kn,.mockfull .kc2.none .kn{color:#b9b6ab}
.mockfull .kc2 .kdrop{position:absolute;left:68%;top:38%;width:3cqw;height:3cqw}
.mockfull .kc2 .kdrop svg{width:100%;height:100%}
.mockfull .kc2 .kt{position:absolute;left:0;right:0;bottom:6%;text-align:center;font-size:2.1cqw;color:#fff2c8}
.mockfull .kmon{position:absolute;transform:translate(-50%,-50%);font-size:3.7cqw;font-weight:600;letter-spacing:.07em;color:#fbf0d2;text-shadow:0 2px 5px rgba(0,0,0,.6);white-space:nowrap}
.mockfull .ksm{position:absolute;font-size:2.5cqw;letter-spacing:.09em;color:#e9c777;white-space:nowrap;line-height:1;transform:translateY(-50%)}
.mockfull .ksn{position:absolute;color:#fbf0d2;line-height:1;white-space:nowrap;display:flex;align-items:baseline;transform:translateY(-50%)}
.mockfull .ksn b{font-size:3.6cqw;font-weight:500}
.mockfull .ksn i{font-size:3.6cqw;font-weight:300;font-style:normal;margin:0 1.6cqw;color:#e8dcc0}
.mockfull .ksr{position:absolute;font-size:3.3cqw;color:#fbf0d2;line-height:1;transform:translate(-50%,-50%)}
.mockfull .kc2.today::after{content:"";position:absolute;inset:0;border:.45cqw solid #ffc84a;border-radius:1.2cqw;box-shadow:0 0 1.4cqw rgba(255,190,60,.6);pointer-events:none}
/* ===== Dzień: karty z Twoich elementów ===== */
.mockfull.dz{overflow:hidden}
.dz .dzc{position:absolute;pointer-events:none;display:block;max-width:none}
.dz .dzc.dim{opacity:.4;filter:saturate(.6)}
.dz .dzh{position:absolute;background:none;border:0;padding:0;margin:0;-webkit-tap-highlight-color:transparent;z-index:3}
.dz .dzh:disabled{pointer-events:none}
.dz .dzh.round{border-radius:50%}
.dz .dzn{color:#f6e7b4;text-shadow:0 1px 4px #000;display:flex;align-items:center;justify-content:center;line-height:1}
.dz .dzn:disabled{opacity:.25}
.dz .dzt{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fbf6e6;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none;z-index:2}
.dz .dzt.ph{color:#dcd6c0}
.dz .dzt.num{font-weight:500;color:#f4ecd8}
.dz .dzb{position:absolute;box-sizing:border-box;border-style:solid;border-color:transparent;border-width:var(--bw);border-image:url(../assets/dz/btn_off.webp) 48 fill/var(--bw) stretch;background:none;padding:0;margin:0;color:#fbf6e6;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.05;text-shadow:0 1px 3px rgba(0,0,0,.7);z-index:2;-webkit-tap-highlight-color:transparent}
.dz .dzb.on{border-image-source:url(../assets/dz/btn_on.webp)}
.dz .dzb span{display:block;white-space:nowrap}
.dz .dzb:disabled{opacity:1}
.dz .dzs{position:absolute;background:none;border:0;padding:0 0 0 2%;margin:0;text-align:left;color:#fbf6e6;text-shadow:0 1px 3px rgba(0,0,0,.7);display:flex;align-items:center;z-index:2;font-weight:400;-webkit-tap-highlight-color:transparent}
.dz .dzs.ph{color:#c9c3ad}
.dz .dzs:disabled{opacity:.6}
.dz .dzi,.dz .dzn2{position:absolute;background:none;border:0;outline:0;margin:0;padding:0 2%;color:#fbf6e6;text-shadow:0 1px 3px rgba(0,0,0,.7);font-family:inherit;z-index:2;box-sizing:border-box}
.dz .dzi{text-align:left}
.dz .dzn2{resize:none;line-height:1.25;padding-bottom:0;overflow-y:auto}
.dz .dzn2::placeholder,.dz .dzi::placeholder{color:#c9c3ad;opacity:1}
.dz .dzg{position:absolute;background:none;border:0;padding:0;border-radius:2cqw;z-index:2;-webkit-tap-highlight-color:transparent}
.dz .dzg.on{background:linear-gradient(180deg,rgba(60,200,40,.32),rgba(20,120,30,.36));box-shadow:inset 0 0 0 .35cqw #a8e41c}
.dz .dzon{position:absolute;border-radius:1.4cqw;pointer-events:none;z-index:1}
.dz .dzon.on{background:linear-gradient(180deg,rgba(60,200,40,.34),rgba(20,120,30,.4));box-shadow:inset 0 0 0 .35cqw #a8e41c}
.dz .dzfz{pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center;background:rgba(6,20,14,.62);border-radius:3cqw;color:#bfe6ff;font-size:2.6cqw;z-index:4}
.dz .dzbd{position:absolute;color:#f6e7b4;text-shadow:0 1px 3px #000;pointer-events:none;z-index:3;white-space:nowrap}
.dz .dzov{position:absolute;inset:0;background:rgba(0,0,0,.001);border:0;z-index:8}
.dz .dzlist{position:absolute;z-index:9;display:flex;flex-direction:column;background:rgba(22,26,28,.96);border:1px solid rgba(255,255,255,.28);border-radius:1.2cqw;padding:.6cqw;box-shadow:0 .8cqw 3cqw rgba(0,0,0,.6)}
.dz .dzlist.sc{max-height:34cqw;overflow-y:auto}
.dz .dzlist button{background:none;border:0;text-align:left;color:#f4ecd8;padding:1cqw 1.8cqw;border-radius:.8cqw;font-size:inherit}
.dz .dzlist button.on{background:linear-gradient(180deg,#26b025,#0f7a1a);color:#fff}
.dz .dzhl{position:absolute;z-index:9;border-radius:1.2cqw;background:linear-gradient(180deg,#2bbd29,#0e7a18);mix-blend-mode:screen;pointer-events:none}
.dz .dzlimg{z-index:8}

/* Tydzień */
.dz .twt{position:absolute;white-space:nowrap;font-family:"Lora",Georgia,serif;color:#f6efdc;text-shadow:0 1px 3px rgba(0,0,0,.85);line-height:1;pointer-events:none;letter-spacing:-.01em}
.dz .twt b{font-weight:600}
.dz .twbar{position:absolute;border-radius:.7cqw .7cqw .25cqw .25cqw;pointer-events:none;z-index:1}
.dz .twbase{position:absolute;background:rgb(110,96,68);pointer-events:none}
.dz .twtoday{position:absolute;border:.28cqw solid #f3c25a;border-radius:2.2cqw;box-shadow:0 0 1.3cqw rgba(255,190,70,.95),inset 0 0 1.5cqw rgba(255,190,70,.45);pointer-events:none;z-index:2}
.dz .twdim{position:absolute;background:rgba(10,20,14,.55);pointer-events:none}
.dz .twoff{opacity:1;filter:saturate(.6) brightness(.62)}
.dz .twsl{font-size:.8em;margin:0 .26em;position:relative;top:-.03em}

.zyov{z-index:100}
.zyov .zyt{position:absolute;text-align:left;font-family:"Lora",serif;font-style:italic;color:#fff4d4;line-height:1.4;text-shadow:0 1px 4px #000}
.zyov .zyi{float:left;height:2.8em}
.introov{z-index:110}
.wolvesov{z-index:120}.wolvesov .wvb{display:flex;flex-direction:column;align-items:center;gap:6px;animation:zin .35s}.wolvesov .wvt{font-family:"Allura","Lora",cursive;font-size:clamp(26px,7.6vw,38px);line-height:1.1;color:#ffe3a3;text-shadow:0 2px 10px #000,0 0 18px rgba(255,190,90,.55);text-align:center;white-space:nowrap}.wolvesov img{max-width:min(92vw,470px);max-height:80dvh;object-fit:contain;filter:drop-shadow(0 0 22px rgba(255,190,90,.35))}
.dz .mcell{position:absolute;box-sizing:border-box;border:.16cqw solid #7d6537;border-radius:.6cqw;background:linear-gradient(180deg,#0d211f,#0a1a18)}
.dz .mcell .mn{position:absolute;top:50%;transform:translate(-50%,-50%);font-family:"Lora",serif;color:#fff;text-shadow:0 1px 3px #000;line-height:1}
.dz .mcell .mn.mf{color:#b9b4a2;opacity:.75}
.dz .mcell .mic{position:absolute;top:50%;transform:translate(-50%,-50%);display:block}
.dz .mcell .mic svg{width:100%;height:100%;display:block}
.dz .mcell .mdr{position:absolute;right:3%;bottom:6%;width:3.2cqw;height:3.2cqw}.dz .mcell .mdr svg{width:100%;height:100%}
.dz .mcell.mtoday{border-color:#f3c25a;box-shadow:0 0 1.3cqw rgba(255,190,70,.95),inset 0 0 1.2cqw rgba(255,190,70,.4)}
.dz .twh{position:absolute;white-space:nowrap;font-family:"Lora",serif;font-weight:600;letter-spacing:.03em;background:linear-gradient(180deg,#fff3c4,#e7b24a 70%,#c98a22);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.8));pointer-events:none}
/* Waga */
.dz .wgsvg{position:absolute;pointer-events:none;z-index:2}
.dz .wgsvg .wgl{fill:#f6efdc;font:19px "Lora",Georgia,serif}
.dz .wgsvg .wgh{fill:transparent;pointer-events:all;cursor:pointer}
.dz .wgsc{position:absolute;overflow-y:auto;overflow-x:hidden;z-index:3;scrollbar-width:none}
.dz .wgsc::-webkit-scrollbar{display:none}
.dz .wgr{position:relative;width:100%;font-family:"Lora",Georgia,serif;color:#f6efdc;font-size:2.1cqw;line-height:1}
.dz .wgr span{position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}
.dz .wgr2,.dz .wgr3{position:relative;width:100%;height:3.67cqw;font-family:"Lora",Georgia,serif;color:#f6efdc;font-size:2.1cqw;line-height:1;border-bottom:1px solid rgba(210,190,150,.28)}
.dz .wgr3{height:4.0cqw}
.dz .wgr2 span,.dz .wgr3 span{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}
.dz .wgr2 span.c{transform:translate(-50%,-50%)}
.dz .wgr2 img{height:3.1cqw;display:block}
.dz .wgdots{position:absolute;top:50%;transform:translate(-50%,-50%);background:none;border:0;padding:0;width:5.3cqw}
.dz .wgdots img{width:100%;display:block}
.dz .wgl2{padding:6cqw 3cqw;font-family:"Lora",serif;color:#cdbf9a;font-size:2.2cqw;text-align:center}
/* Pomiary */
.dz .pmr,.dz .pmn{position:relative;width:100%;height:4.17cqw;border-bottom:1px solid rgba(210,200,170,.24);font-family:"Lora",Georgia,serif;color:#f6efdc;font-size:1.71cqw;line-height:1}
.dz .pmn{height:3.44cqw;font-size:1.6cqw}
.dz .pmr i,.dz .pmn i{position:absolute;top:0;bottom:0;width:1px;background:rgba(210,200,170,.24)}
.dz .pmr span,.dz .pmn span{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}
.dz .pmr span.c{transform:translate(-50%,-50%)}
.dz .pmr span.e,.dz .pmn span.e{overflow:hidden;text-overflow:ellipsis}
.dz .pmr .wgdots{width:4.8cqw}.dz .pmn .wgdots{width:4.6cqw}
.dz .pmr span.e,.dz .pmn span.e{line-height:1.5;padding:.2cqw 0}
.dz .pmsc{overflow-y:auto;overflow-x:hidden}
.dsb{background:none;border:0;color:inherit;font:inherit;text-decoration:underline dotted;cursor:pointer;padding:2px 6px}
.cal table{table-layout:fixed}
.sc2 .cfr{position:absolute;right:auto;width:auto;text-align:left;transform:translateY(-50%);white-space:nowrap;font-family:"Lora",Georgia,serif;color:#fff6e0;line-height:1;pointer-events:none}

.dz .pszw{position:absolute;overflow-y:auto;overflow-x:hidden;z-index:3;box-sizing:border-box;background:#050f0a;border:2px solid rgba(240,195,90,.55);border-radius:3cqw;padding:2.6cqw;scrollbar-width:none}
.dz .pszw::-webkit-scrollbar{display:none}
.dz .pspill{position:absolute;display:flex;align-items:center;justify-content:center;gap:.9cqw;white-space:nowrap;font-family:"Lora",Georgia,serif;pointer-events:none;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.dz .pspill .psar{width:2.15cqw;height:2.83cqw;flex:none}

.dz .dzn3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}

.dz .frr{position:relative;width:100%;height:calc(97/10.24*1cqw);background-size:100% 100%;background-repeat:no-repeat;flex:none}.dz .frn{overflow:hidden;text-overflow:ellipsis;line-height:1.35;padding-bottom:.1em}

/* Ważne */
.wzb{display:block;position:relative;width:40%;margin:0 auto 2px;padding:0;border:0;background:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 3px 8px rgba(0,0,0,.55))}
.wzb img{width:100%;display:block}
.wzb span{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-family:"Lora",serif;font-weight:600;font-size:min(4.6vw,19px);letter-spacing:.06em;text-transform:uppercase;color:#fbf0d2;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.wzb.wz-d0{filter:drop-shadow(0 0 10px rgba(255,205,100,.8)) drop-shadow(0 3px 8px rgba(0,0,0,.5))}
.wzb:active{transform:scale(.98)}
.ov .modal.wzmod{background:none;border:0;box-shadow:none;padding:0;overflow:visible;max-width:none;width:min(94vw,calc(88dvh * .75));max-height:none}
.wzp{position:relative;width:100%;container-type:inline-size}
.wzp .wzpi{position:absolute;inset:0;width:100%;height:100%;display:block}
.wzp .wzt{position:absolute;color:#fff4dc;font-family:"Lora",Georgia,serif;text-shadow:0 1px 3px rgba(0,0,0,.7);display:flex;align-items:center;box-sizing:border-box;overflow:hidden;white-space:nowrap}
.wzp .wzc{justify-content:center;text-align:center}
.wzp .wzx{white-space:normal;line-height:1.15;overflow:hidden}
.wzp .wzh{position:absolute;background:none;border:0;padding:0;margin:0;-webkit-tap-highlight-color:transparent}
.wzp .wzta{position:absolute;box-sizing:border-box;background:none;border:0;outline:0;resize:none;color:#fff4dc;font-family:"Lora",Georgia,serif;padding:1.2% 1.6%;line-height:1.3}
.wzp .wzta::placeholder{color:#b9b6a2;opacity:1}
.wzp .wzdim{position:absolute;background:rgba(10,20,14,.5);border-radius:3cqw;pointer-events:none}
.wzp .wzcr{display:flex;align-items:center;gap:2%}
.wzp .wzcr>img{flex:none}
.wzcat{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;margin:5px 0;border:1.5px solid var(--gold2);border-radius:12px;background:#0c2619;color:#fff4dc;font-family:"Lora",serif;font-size:17px;text-align:left}
.wzcat.on{background:#1b5a2c}
.wzcat img{width:34px;height:34px;object-fit:contain}
.dz .wzlist{overflow-y:auto}
.dz .wzrow{display:flex;align-items:center;gap:2.2cqw;width:100%;height:calc(64/10.24*1cqw);padding:0 0 0 .6cqw;background:none;border:0;color:#fbf6ea;font-family:"Lora",serif;text-align:left;-webkit-tap-highlight-color:transparent}
.dz .wzrow img{flex:none;object-fit:contain;height:auto}
.dz .wzrow .wzrt{font-size:3.1cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.7)}

.wzp .wzdel{position:absolute;display:grid;place-items:center;border-radius:50%;border:2px solid #d9a93a;background:radial-gradient(circle at 50% 30%,#1c4a30,#0a2417);padding:0;box-shadow:0 0 8px rgba(255,190,80,.4);-webkit-tap-highlight-color:transparent}.wzp .wzdel svg{width:56%;height:56%}

.trashi{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.28em;object-fit:contain}
.trashb{display:inline-grid;place-items:center;padding:0;border:0;background:none;width:34px;height:34px;-webkit-tap-highlight-color:transparent;vertical-align:middle}
.trashb img{width:100%;height:100%;object-fit:contain}
.wzp .wzdel{background:none;border:0;box-shadow:none}.wzp .wzdel img{width:100%;height:100%;object-fit:contain;display:block}

.ib{display:block;width:100%;padding:0;border:0;background:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}
.ib img{width:100%;display:block}
.ib:active{transform:scale(.98)}
.ib.mt12{margin-top:12px}.ib.mt8{margin-top:8px}
.g2>.ib{align-self:center}

.wzp .wzib{display:block}.wzp .wzib img{width:100%;display:block}.wzp .wzdim{border-radius:6cqw}

/* nowe ikony przycisków okrągłych */
.sk{position:absolute;left:50%;top:50%;width:8.4cqw;height:auto;transform:translate(-50%,-50%);pointer-events:none;display:block}
.ibtn{width:44px;height:44px;border:0;background:none;box-shadow:none;border-radius:50%;padding:0;display:grid;place-items:center}
.ibtn img{width:100%;height:100%;display:block}
.ibtn.glow{filter:drop-shadow(0 0 8px rgba(255,90,110,.9))}
.modal .x{width:36px;height:36px;border:0;background:none;padding:0;border-radius:50%}
.modal .x img{width:100%;height:100%;display:block}

.bellic{height:1.15em;width:auto;vertical-align:-.2em;margin-right:.15em}
select.inp.sel{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2l6 6 6-6' fill='none' stroke='%23e8e0c8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
select.inp.sel{background-color:#282c2c;border:1.5px solid #5d6261;color:#f6f0dc}

/* menu rozwijane (⚙ i pozostałe) */
.menu{min-width:300px;background:linear-gradient(180deg,#0f4a2c,#0a3320 60%,#0a2c1b);border:2px solid #e0a82a;border-radius:18px;padding:4px 6px;box-shadow:0 10px 28px rgba(0,0,0,.75),0 0 0 1px rgba(255,200,80,.25)}
.menu button{gap:14px;padding:11px 8px;font-size:16px;color:#f8f1dc;border-bottom:1px solid rgba(240,195,90,.2);border-radius:0;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.menu button:last-child{border-bottom:0}
.menu button>span:first-child{display:grid;place-items:center;width:34px;flex:none}
.menu .mni{width:34px;height:34px;display:block}
.menu .trashi{width:30px;height:30px}
/* menu — mniejsze o ok. 20% */
.menu{min-width:0;width:max-content;max-width:calc(100vw - 16px);border-radius:15px;padding:3px 5px}
.menu button{gap:11px;padding:9px 7px;font-size:13px}
.menu button>span:first-child{width:28px}
.menu .mni{width:28px;height:28px}
.menu .trashi{width:25px;height:25px}

/* okno informacji o dniu (Kalendarz) */
.modal.dinfm{padding:0}
.dinf{container-type:inline-size;padding:5.5cqw 6cqw 6cqw}
.dinf .dit{text-align:center;font-weight:700;font-size:8.6cqw;line-height:1.1;color:#fbf0d2;text-shadow:0 2px 4px rgba(0,0,0,.5)}
.dinf .did{text-align:center;font-size:4.9cqw;margin-top:2.6cqw;color:#f1e8cc}
.dinf .dic{text-align:center;font-weight:700;font-size:10cqw;line-height:1;margin-top:3.4cqw;color:#fbf0d2}
.dinf .dic small{font-size:6cqw;font-weight:400}
.dinf .dig{display:grid;grid-template-columns:1fr 1fr;gap:2.6cqw 3cqw;margin-top:3cqw;font-size:5.2cqw;color:#fbf0d2;padding:0 2cqw}
.dinf .dig>div{display:flex;align-items:center;gap:2.4cqw;white-space:nowrap}
.dinf .dig .dii{width:7.6cqw;height:7.6cqw;flex:none}
.dinf .dihr{height:1px;background:rgba(240,195,90,.7);margin:3.4cqw 0 2cqw}
.dinf .din{font-size:4.9cqw;font-style:italic;line-height:1.28;color:#fbf0d2}
.dinf .ib{margin-top:3.6cqw}

.dinf .direg{display:flex;align-items:center;justify-content:center;gap:2.4cqw;margin-top:3.4cqw;font-size:5.2cqw;color:#fbf0d2}
.dinf .direg img{height:6.6cqw;width:auto;display:block}
.striprow{margin-top:calc(var(--H)*.004)}
.wzb{width:32%;margin:0 auto calc(var(--H)*.017)}
.wzb{margin:0 auto calc(var(--H)*.0085)}
.wzb span{font-size:min(3.7vw,15px)}

/* ikonki samopoczucia */
.dz .dzs .smf{height:1.25em;width:auto;vertical-align:middle;margin-right:.35em;display:inline-block}
.mockfull .kc2 .kdrop{left:auto;right:7%;top:6%;width:3.6cqw;height:3.6cqw;display:flex;align-items:center;justify-content:center}
.mockfull .kc2 .kdrop .smk{max-width:100%;max-height:100%;width:auto;height:auto;position:static;inset:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
.dinf .direg .smd{height:6.6cqw;width:auto;display:block}

/* kalendarz: małe ikonki w komórce */
.mockfull .kc2 .kbg{position:absolute;inset:0;width:100%;height:100%}
.mockfull .kc2 .kic{position:absolute;left:0;right:0;top:44%;height:3.2cqw;display:flex;align-items:center;justify-content:center;gap:.25cqw;pointer-events:none}
.mockfull .kc2 .kic img{position:static;inset:auto;width:3.2cqw;height:3.2cqw;object-fit:contain;flex:none}
.mockfull .kc2 .kic .kfly{font-size:2.6cqw;line-height:1;width:3.2cqw;text-align:center;flex:none}
.mockfull .kc2 .kt{left:auto;right:9%;top:9%;bottom:auto;width:auto;font-size:2.3cqw;font-weight:600}

.mockfull .kc2 .kic{justify-content:space-evenly;gap:0}
.mockfull .kc2 .kic img.kreg{width:4.8cqw}
.mockfull .kc2 .ksy{position:absolute;left:50%;top:6%;height:3.2cqw;transform:translateX(-50%);display:flex;align-items:center;pointer-events:none}
.mockfull .kc2 .ksy img{position:static;inset:auto;width:3.2cqw;height:3.2cqw;object-fit:contain}

/* kalendarz: układ ikonek (nadpisuje poprzednie) */
.mockfull .kc2 .kic{position:absolute;left:0;right:0;top:0;height:100%;display:block;pointer-events:none}
.mockfull .kc2 .kic .kio{position:absolute;transform:translateX(-50%);width:var(--sz);height:var(--sz);display:block}
.mockfull .kc2 .kic .kio img,.mockfull .kc2 .kic .kio img.kreg{position:static;inset:auto;width:100%;height:100%;object-fit:contain}
.mockfull .kc2 .kic .kio .kfly{display:block;font-size:calc(var(--sz)*.8);line-height:var(--sz);width:100%;text-align:center}
/* kalendarz: mniejsze cyfry, lotos wizualnie jak inne ikonki */
.mockfull .kc2 .kn{font-size:2.3cqw}
.mockfull .kc2 .kic .kio img.kreg{transform:scale(1.4)}
/* okno dnia: wiersz objaw + regeneracja + wyjazd obok siebie */
.dinf .dirow{flex-wrap:wrap;gap:1.6cqw 5cqw}
.dinf .dirow .dit2{display:inline-flex;align-items:center;gap:2cqw}
.dinf .dirow .dit2 img{height:6.6cqw;width:auto;display:block}
.dinf .dirow .dit2 .kreg{height:5cqw}
/* licznik: wiersze regeneracja / wyjazd */
.mockfull .ksi{position:absolute;width:6.4cqw;height:4.2cqw;object-fit:contain;transform:translate(-50%,-50%)}
.mockfull .kst{position:absolute;font-size:3cqw;color:#f5eedb;line-height:1;white-space:nowrap;transform:translateY(-50%);text-shadow:0 1px 3px rgba(0,0,0,.7)}
.mockfull .ksi{width:8.6cqw;height:5.2cqw}
.mockfull .kst{font-size:2.7cqw}
.dinf .din{text-align:center}
.dinf .dinl{margin-top:0;margin-bottom:1.6cqw}
.dinf .dinl img{height:5.4cqw}
/* zdanie dnia */
.dinf .dizd{text-align:center;font-size:5cqw;line-height:1.3;color:#f3dc9c;margin-top:3.6cqw;padding:0 3cqw}
.dinf .din.dizd{font-size:4.9cqw;font-style:italic;color:#fbf0d2;margin-top:0;padding:0}
.dinf .dizd + .dinl{margin-top:3.4cqw}
.dinf .dizd{text-align:center;font-size:5cqw;line-height:1.3;color:#f3dc9c;margin-top:3.6cqw;padding:0 3cqw;font-style:normal}
.dinf .dihr + .dinl{margin-top:0}
/* zdanie dnia = dawny „cytat”: kursywa, wyśrodkowane, pod linią */
.dinf .din.dizd{font-size:4.9cqw;font-style:italic;color:#fbf0d2;margin-top:0;padding:0;text-align:center;line-height:1.28}
.dinf .dizd + .dinl{margin-top:3.4cqw}
.dinf .dinb{background:none;border:0;padding:1.2cqw 3cqw;margin:3.2cqw auto 0;display:flex;cursor:pointer;color:#fbf0d2;font-family:inherit}
.dinf .dinb:active{opacity:.7}
.dinf .dinnote{margin-top:2cqw;white-space:pre-wrap;text-align:center;font-style:italic;font-size:5cqw;color:#fbf0d2;padding:0 2cqw 3cqw}
.wzb{margin:calc(var(--H)*-.0102) auto calc(var(--H)*.0187)}
.wzp .wzsel{background:rgba(255,200,90,.16);border-radius:2cqw}
.ov .modal.wzcatm{max-width:none;width:calc(min(94vw,calc(88dvh*.75))*.974)}
/* okna Waga / Pomiary (grafiki) */
.ov .modal.mgmod,.ov .modal.pmmod{background:none;border:0;box-shadow:none;padding:0;overflow:visible;max-width:none;max-height:none}
.ov .modal.mgmod{width:min(100vw,500px)}
.ov .modal.pmmod{width:min(98vw,calc(88dvh*.725),480px)}
.wzp.mgp .wzin{position:absolute;box-sizing:border-box;background:none;border:0;outline:0;color:#fff4dc;font-family:"Lora",Georgia,serif;padding:0 3%;margin:0;resize:none;-webkit-appearance:none}
.wzp.mgp .wzin::placeholder{color:#b9b6a2;opacity:.6}
.wzp.mgp .wzta2{padding:2% 3%;line-height:1.3;text-align:left}
.wzp.mgp .mgd{display:flex;align-items:center;justify-content:center;color:#fbf0d2;font-family:"Lora",Georgia,serif;text-decoration:underline dotted;text-underline-offset:.35em;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden}
.rxs{display:flex;flex-direction:column;align-items:center;gap:0;margin:2px 0 4px}
.rxb{background:none;border:0;padding:0;width:42%;margin:-2px 0;cursor:pointer;transition:opacity .15s,transform .15s;-webkit-tap-highlight-color:transparent}
.rxb img{display:block;width:100%;height:auto}
.rxb.off{opacity:.45}
.rxb.on{transform:scale(1.04);filter:drop-shadow(0 0 7px rgba(255,214,90,.9))}
.rxs{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px}
.rxb{width:34%;margin:0}
.rxb[data-r="dobre"]{flex:0 0 100%;width:auto;display:flex;justify-content:center}
.rxb[data-r="dobre"] img{width:34%}
.rxb[data-r="ujdzie"] img,.rxb[data-r="zle"] img{width:100%}
.szt{height:1.15em;width:auto;vertical-align:-.2em;margin-right:2px}
.rxs{column-gap:15%;row-gap:4px}
.rxb{width:30%}
.rxb[data-r="dobre"] img{width:30%}
.fri{align-items:center;gap:10px}.fri span{flex:1;text-align:left}.fri img{width:34%;height:auto;flex:none}
.snrow{display:flex;gap:10px;margin-top:6px}.sncol{flex:1;min-width:0}.sncol img{display:block;width:100%;height:auto}
.snl{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:6px}.snl span{background:rgba(255,255,255,.08);border:1px solid #4b4a3c;border-radius:8px;padding:2px 6px;font-size:14px;line-height:1.2;text-align:center}.snl small{opacity:.7;font-size:11px}.snl .snn{background:none;border:0;opacity:.6}
.snl{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 0;justify-items:center}
.snl span{background:none;border:0;border-radius:0;padding:2px 0}

.snl.mo{grid-template-columns:1fr;gap:3px;justify-items:center}.snl.mo span{font-size:13px;white-space:nowrap}
.wnh{display:flex;align-items:center;justify-content:center;gap:10px}.wnh img{height:44px;width:auto;display:block}.wnl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.wnc{padding:6px 8px;border:1px solid rgba(240,195,90,.2);border-radius:10px;background:rgba(255,255,255,.04);min-width:0;overflow-wrap:anywhere}
.dz .wgr3[data-a]{cursor:pointer}
.menu button.mimg{padding:3px 2px;border-bottom:0!important;display:block;width:100%}.menu button.mimg img{display:block;width:176px;max-width:100%;height:auto;margin:0 auto}
.fdel{display:inline-block;width:92px;vertical-align:middle;margin-left:6px}.fdel img{width:100%;display:block}

.mockfull .kc2.hasn .kn,.mockfull .kc2.none.hasn .kn{color:#f5c84b;font-weight:700;text-shadow:0 0 5px rgba(245,200,75,.55),0 1px 2px rgba(0,0,0,.6)}

.mockfull .kc2 .kolv{position:absolute;inset:.3cqw;border-radius:1cqw;background:rgba(56,62,18,.88);pointer-events:none}

.mockfull .kc2 .kolv.lt{background:rgba(118,124,44,.82)}
.mockfull .kc2 .kolv.sh{background:linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,244,190,.38) 47%,rgba(255,255,255,0) 62%),rgba(56,62,18,.88);box-shadow:inset 0 0 0 .2cqw rgba(235,205,110,.55),0 0 1cqw rgba(235,205,110,.3)}

.dz .pmn[data-a]{cursor:pointer}
.dz .pmr{height:5.3cqw}
.dz .pmr{font-size:2.2cqw}
.dz .pmn{height:4.7cqw}

.odlock{position:absolute;border-radius:3.2cqw;background:rgba(5,10,16,.55);backdrop-filter:grayscale(1) brightness(.7);-webkit-backdrop-filter:grayscale(1) brightness(.7);pointer-events:none}
.dz .krsc{overflow:hidden}
.dz .krr{cursor:pointer;border-bottom:1px solid rgba(210,190,150,.22);color:#fff7e3}
.dz .krr i{position:absolute;top:0;bottom:0;width:1px;background:rgba(210,190,150,.28)}
.dz .krr.on{border:2px solid #c9f23a;border-radius:1.6cqw;background:linear-gradient(#0d3a14,#0a2a10);box-shadow:0 0 1.6cqw rgba(160,255,60,.45),inset 0 0 1cqw rgba(120,255,60,.25)}
.dz .krr.on i{display:none}
.dz .krsvg{pointer-events:none;z-index:2}
.dz .krq i{position:absolute;top:0;bottom:0;width:1.5px;background:rgba(210,190,150,.55);z-index:1}

.ov .modal.krmod{background:none;border:0;box-shadow:none;padding:0;overflow:visible;max-width:none;width:min(96vw,540px)}
.krmw{position:relative}.krmw img{width:100%;display:block}.krmw svg{position:absolute;left:0;top:0;width:100%;height:100%}
.krmx{position:absolute;left:86.9%;top:5.5%;width:8.9%;height:14.2%;background:none;border:0;padding:0;border-radius:50%;cursor:pointer}

.krrg{position:absolute;pointer-events:none}.krrg img{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.ov .modal.snm{width:min(82vw,460px)}
.snw{position:relative;font-size:min(.82vw,4.6px);line-height:1}.snw>img{width:100%;display:block}.snw>svg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.snx{position:absolute;left:87.4%;top:2.2%;width:9.8%;height:6.7%;background:none;border:0;padding:0;border-radius:50%;cursor:pointer}
.snmo .snx{left:87.4%;top:2%;width:9.7%;height:7.5%}
.snd{position:absolute;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:max-content;align-content:start;gap:1.6em .4em;overflow-y:auto;padding:.6em 0 .6em 1.2em;box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.snd span{display:flex;align-items:baseline;gap:.9em;font-family:Lora,Georgia,serif;color:#f6e9c8;text-shadow:0 1px 3px #000;white-space:nowrap}.snd b{font-size:3.7em;font-weight:600;min-width:1.2em;text-align:right}.snd small{font-size:2.9em;font-weight:500}
.snd i{grid-column:1/-1;text-align:center;font-style:normal;font-size:4em;color:#f6e9c8;margin-top:1.2em}

.pimx{position:absolute;left:87.7%;top:18.1%;width:7.9%;height:19.9%;background:none;border:0;padding:0;border-radius:50%;cursor:pointer}
.pjx{position:absolute;left:86.6%;top:16.5%;width:8.1%;height:16.2%;background:none;border:0;padding:0;border-radius:50%;cursor:pointer}

.mockfull .rsm{height:3.4cqw;width:auto;flex:none;margin-right:.5cqw}

.mockfull .npt{text-align:center;position:absolute;transform:translate(-50%,-50%);white-space:nowrap;line-height:1;color:#f7efd9;text-shadow:0 1px 3px rgba(0,0,0,.75);pointer-events:none}
.mockfull #npt1{font-family:"Cinzel","Lora",serif;font-weight:700;text-shadow:none;letter-spacing:.03em;color:#fff3dc;background:linear-gradient(180deg,#ffffff 0%,#fbeccb 50%,#e8c48c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1.5px 1px rgba(30,10,0,.9))}
.mockfull #npt2{font-family:"Allura","Lora",cursive}
.mockfull #npt2 img{height:.78em;width:auto;vertical-align:-.06em;margin-left:.25em}
.hdr{z-index:6}
.menu button.vrow>span:nth-child(2){flex:1;text-align:center}
.menu button.vrow>span:last-child{display:grid;place-items:center;width:34px;flex:none}
.menu button.vrow .mni{cursor:pointer}
.menu button>span:first-child{width:34px}
.menu .menux{display:flex;justify-content:flex-end;padding:4px 4px 2px}
.menu .menux button.mx{width:26px;height:26px;padding:0;border:0;background:none;display:block;gap:0}
.menu .menux img{width:100%;height:100%;display:block}
.menu button>span:nth-child(2){flex:1;text-align:center}
.menu button:not(.vrow)::after{content:"";width:34px;flex:none}

.snwd .snt{position:relative}.snwd .snt>img{width:100%;display:block}.snwd .snt>svg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.snwd>.snb{width:100%;display:block;margin-top:-1px}
.snwd .snt .snx{left:87.4%;top:4%;width:9.7%;height:14.9%}
.snmid{position:relative;width:100%;background-repeat:repeat-y;background-size:100% auto;min-height:16em}
.snd2{height:auto;overflow:visible;padding-top:1.2em}
.snw.snwd{overflow:hidden;border-radius:4.6em}

.dz .pmon{position:absolute;border:2px solid #a6e22b;border-radius:2.2cqw;background:linear-gradient(180deg,rgba(60,150,20,.55),rgba(25,90,10,.65));box-shadow:0 0 .9cqw rgba(150,230,40,.55);z-index:0;pointer-events:none}
.dz .pn2r{position:relative;width:100%;height:4.78cqw;font-family:"Lora",Georgia,serif;color:#f6efdc;font-size:2.05cqw;line-height:1;cursor:pointer}
.dz .pn2r span{position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}
.dz .pn2sc{padding:0}.dz .pn2sc .wgl2{padding:2cqw}
.dz .pn2n{position:relative;width:100%;height:100%;min-height:3.9cqw;font-family:"Lora",Georgia,serif;color:#f6efdc;font-size:2cqw;cursor:pointer;display:flex;align-items:center}
.dz .pn2n .d{flex:0 0 21.7%;padding-left:2.2cqw;box-sizing:border-box;white-space:nowrap}
.dz .pn2n .e{flex:1;padding-left:2.2cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz .rysh{position:absolute;left:0;top:0;width:100%;height:100%;transform:translateY(1.953%);pointer-events:none}.dz .rysh>*{pointer-events:auto}

.mockfull>.applogo{position:absolute;left:29%;top:.6cqw;width:42%;pointer-events:none;z-index:1}

.dz .wgr2[data-a=wSel]{cursor:pointer}.dz .wgr2.wsel{background:rgba(255,214,120,.2)!important;box-shadow:inset 0 0 0 .2cqw rgba(255,214,120,.85)}
.dz .pn2r.wsel{background:rgba(255,214,120,.2);box-shadow:inset 0 0 0 .2cqw rgba(255,214,120,.85)}
.dz .pmnt{position:absolute;text-align:left;overflow-y:auto;scrollbar-width:none;font-family:Lora,serif;font-size:2.15cqw;line-height:1.35;color:#f6efdc;white-space:pre-wrap;padding:.8cqw 1cqw}.dz .pmnt::-webkit-scrollbar{display:none}

/* Rytm: przewijana tabela wpisów */
.dz .rytsc{background:rgb(1,20,16);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.dz .rytsc .rrow{position:relative;width:100%;flex:none}
.dz .rytsc .rrow.alt{background:rgb(7,31,27)}

/* ---------- okna logowania (konto) ---------- */
.ov .modal.authmod{background:none;border:0;box-shadow:none;padding:0;overflow:visible;max-width:none;width:min(92vw,calc(80dvh * .8),460px);max-height:none}
.ov .modal.authmod.wide{width:min(94vw,520px)}
.ov .modal.authmod.sticky{width:min(88vw,calc(86dvh * .667),420px)}
.au{position:relative;width:100%;background-size:100% 100%;background-repeat:no-repeat;container-type:inline-size}
.au .auin{position:absolute;box-sizing:border-box;background:transparent;border:0;outline:0;color:#fff7e3;font:600 4.6cqw Georgia,serif;padding:0 2cqw;border-radius:12px;min-width:0}
.au .auin.tri{font-size:5.4cqw}
.au .aubtn,.au .aueye,.au .aulnk,.au .ausq{position:absolute;background:transparent;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.au .ausq img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.au .aubtn:active,.au .ausq:active{filter:brightness(1.25)}
.au.shake{animation:aush .4s}
@keyframes aush{20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}