:root,[data-design=klassika][data-theme=light]{--screen: #f4f8f4;--card: #ffffff;--card2: #eef4ee;--line: #e3eae4;--text: #0f1a14;--text2: #5e6e64;--muted: #93a299;--accent: #00e676;--accent-2: #00c853;--accent-text: #039d52;--accent-ink: #053d22;--accent-dim: rgba(0, 230, 118, .14);--glow: 0 0 18px rgba(0, 230, 118, .45);--red: #ff3b30;--red-dim: rgba(255, 59, 48, .1);--red-text: #d92a20;--ok: #00c853;--ok-dim: rgba(0, 200, 83, .14);--amber: #ff9f0a;--amber-dim: rgba(255, 159, 10, .14);--amber-text: #c97a00;--shadow: 0 4px 16px rgba(15, 40, 25, .06);--bar-track: #e4ece5;--tabbar-bg: rgba(255, 255, 255, .9);--r-card: 18px;--r-kpi: 16px;--r-btn: 14px;--card-border: 1px solid var(--line);--btn-bg: linear-gradient(180deg, #3bffa6, #00e676);--btn-shadow: 0 8px 20px rgba(0, 230, 118, .4);--bar-fill: linear-gradient(90deg, var(--accent-2), var(--accent));--bar-glow: var(--glow);--screen-bg: none;--panel-blur: none;--panel-inset: none}[data-design=klassika][data-theme=dark]{--screen: #0e1512;--card: #161b18;--card2: #1e2621;--line: #28322c;--text: #eaf3ee;--text2: #93a79c;--muted: #6e827a;--accent-dim: rgba(0, 230, 118, .18);--red-dim: rgba(255, 59, 48, .16);--red-text: #ff6a61;--ok-dim: rgba(0, 200, 83, .18);--amber-dim: rgba(255, 159, 10, .16);--amber-text: #ffb03a;--shadow: 0 6px 18px rgba(0, 0, 0, .35);--bar-track: #233029;--tabbar-bg: rgba(14, 21, 18, .92)}[data-design=plitka][data-theme=dark]{--screen: #0e1512;--card: #1b241f;--card2: #202c25;--line: #26332b;--text: #eaf3ee;--text2: #9fb1a6;--muted: #7d8f85;--accent: #00c853;--accent-2: #00c853;--accent-text: #34d17f;--accent-ink: #053d22;--accent-dim: #1b2c22;--glow: none;--red: #ff6a61;--red-dim: #2b1d1c;--red-text: #ff6a61;--ok: #34d17f;--ok-dim: #1b2c22;--amber: #ffb03a;--amber-dim: #2c2317;--amber-text: #ffb03a;--shadow: none;--bar-track: #26332b;--tabbar-bg: #131b17;--r-card: 20px;--r-kpi: 20px;--r-btn: 16px;--card-border: 0;--btn-bg: var(--accent);--btn-shadow: none;--bar-fill: var(--accent-text);--bar-glow: none;--screen-bg: none;--panel-blur: none;--panel-inset: none}[data-design=plitka][data-theme=light]{--screen: #eef3ef;--card: #ffffff;--card2: #e6f0ea;--line: #e0eae3;--text: #0f1a14;--text2: #54655b;--muted: #7b8b82;--accent: #00c853;--accent-2: #00c853;--accent-text: #087a45;--accent-ink: #053d22;--accent-dim: #d6efe0;--glow: none;--red: #c0261c;--red-dim: #f7dcd9;--red-text: #c0261c;--ok: #087a45;--ok-dim: #d6efe0;--amber: #d97706;--amber-dim: #fce8d0;--amber-text: #d97706;--shadow: 0 6px 18px -12px rgba(15, 40, 25, .22);--bar-track: #e0eae3;--tabbar-bg: #ffffff;--r-card: 20px;--r-kpi: 20px;--r-btn: 16px;--card-border: 0;--btn-bg: var(--accent);--btn-shadow: none;--bar-fill: var(--accent-text);--bar-glow: none;--screen-bg: none;--panel-blur: none;--panel-inset: none}[data-design=steklo][data-theme=light]{--screen: #eef4f0;--card: rgba(255, 255, 255, .52);--card2: rgba(255, 255, 255, .34);--line: rgba(255, 255, 255, .7);--text: #0f1a14;--text2: #4e5d54;--muted: #7b8b82;--accent: #00c853;--accent-2: #00c853;--accent-text: #0b6b44;--accent-ink: #053d22;--accent-dim: rgba(0, 200, 83, .16);--glow: none;--red: #c0261c;--red-dim: rgba(192, 38, 28, .12);--red-text: #c0261c;--ok: #0b6b44;--ok-dim: rgba(0, 200, 83, .16);--amber: #d97706;--amber-dim: rgba(217, 119, 6, .12);--amber-text: #d97706;--glass-edge: rgba(255, 255, 255, .72);--glass-divider: rgba(12, 46, 30, .14);--glass-top: rgba(255, 255, 255, .9);--glass-bar: rgba(255, 255, 255, .62);--sheen: rgba(255, 255, 255, .3);--shadow: 0 8px 30px -14px rgba(15, 40, 25, .32);--bar-track: rgba(255, 255, 255, .5);--tabbar-bg: var(--glass-bar);--r-card: 26px;--r-kpi: 22px;--r-btn: 18px;--card-border: 1px solid var(--glass-edge);--btn-bg: var(--accent);--btn-shadow: 0 8px 24px -12px rgba(0, 200, 83, .6);--bar-fill: var(--accent);--bar-glow: none;--panel-blur: blur(22px) saturate(180%);--panel-inset: inset 0 1px 0 var(--glass-top);--screen-bg: radial-gradient(58% 40% at 82% -6%, rgba(0, 200, 83, .16), transparent 70%), radial-gradient(52% 38% at 8% 104%, rgba(90, 160, 255, .14), transparent 72%)}[data-design=steklo][data-theme=dark]{--screen: #090f0c;--card: rgba(16, 24, 20, .5);--card2: rgba(16, 24, 20, .32);--line: rgba(255, 255, 255, .12);--text: #eaf3ee;--text2: #9fb1a6;--muted: #7d8f85;--accent: #00e676;--accent-2: #00e676;--accent-text: #5be8a0;--accent-ink: #053d22;--accent-dim: rgba(0, 230, 118, .14);--glow: none;--red: #ff6a61;--red-dim: rgba(255, 106, 97, .14);--red-text: #ff6a61;--ok: #5be8a0;--ok-dim: rgba(0, 230, 118, .14);--amber: #ffb03a;--amber-dim: rgba(255, 176, 58, .12);--amber-text: #ffb03a;--glass-edge: rgba(255, 255, 255, .14);--glass-divider: rgba(255, 255, 255, .16);--glass-top: rgba(255, 255, 255, .12);--glass-bar: rgba(12, 18, 15, .62);--sheen: rgba(255, 255, 255, .08);--shadow: 0 10px 34px -16px rgba(0, 0, 0, .7);--bar-track: rgba(255, 255, 255, .12);--tabbar-bg: var(--glass-bar);--r-card: 26px;--r-kpi: 22px;--r-btn: 18px;--card-border: 1px solid var(--glass-edge);--btn-bg: var(--accent);--btn-shadow: 0 8px 26px -12px rgba(0, 230, 118, .5);--bar-fill: var(--accent);--bar-glow: none;--panel-blur: blur(22px) saturate(180%);--panel-inset: inset 0 1px 0 var(--glass-top);--screen-bg: radial-gradient(58% 40% at 82% -6%, rgba(0, 230, 118, .18), transparent 70%), radial-gradient(52% 38% at 8% 104%, rgba(70, 130, 255, .16), transparent 72%)}.muted{color:var(--text2)}.tiny{font-size:11.5px}.small{font-size:13px}.row{display:flex;align-items:center;gap:11px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.lbl{font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text2)}.lbl.sec{padding-left:2px}.big{font-size:40px;font-weight:800;letter-spacing:-.035em;line-height:1.02;margin-top:5px;font-variant-numeric:tabular-nums}.num{font-size:19px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:3px}.accent{color:var(--accent-text)}.warn{color:var(--amber)}.bad{color:var(--red)}.s{font-size:10.5px;color:var(--text2);font-weight:600;margin-top:2px}.name{font-weight:800;font-size:13.5px;letter-spacing:-.01em}.item{display:flex;justify-content:space-between;gap:8px;padding:8px 0;font-size:12.5px}.item .r{text-align:right;font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}.item .r .s{font-weight:600}.btn{display:block;width:100%;border:0;border-radius:calc(var(--r-card) - 4px);padding:13px;font:inherit;font-weight:800;font-size:14.5px;text-align:center;background:var(--accent);color:var(--accent-ink);cursor:pointer}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{background:var(--card2);color:var(--text);box-shadow:none;border:1px solid var(--line)}.bar{height:7px;border-radius:99px;background:var(--card2);overflow:hidden;margin-top:9px}.bar i{display:block;height:100%;border-radius:99px;background:var(--accent-text)}.bar i.w{background:var(--amber)}.bar i.d{background:var(--red)}.input{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:14px;padding:14px;font:inherit;font-size:16px}.input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.err{color:var(--red);font-size:13px;font-weight:600}.app-frame{height:100vh;height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);background:var(--screen)}.appbar{display:flex;align-items:center;gap:8px;padding:8px 14px 10px;position:relative;z-index:3}.logo{font-size:19px;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:7px;white-space:nowrap}.logo .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:none}.logo b{color:var(--accent-text)}.ab-title{font-size:18px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.rolebar{display:flex;justify-content:center;padding:0 14px 10px;position:relative;z-index:3}.roleseg{display:inline-flex;background:var(--card2);border:1px solid var(--line);border-radius:11px;padding:3px}.roleseg button{border:0;background:transparent;color:var(--text2);font:inherit;font-size:11.5px;font-weight:700;padding:6px 10px;border-radius:8px;cursor:pointer}.roleseg button.on{background:var(--accent);color:var(--accent-ink)}.design-btn{display:inline-flex;align-items:center;gap:6px;flex:none;margin-left:auto;border:1px solid var(--line);background:var(--card2);color:var(--text);border-radius:999px;padding:7px 11px;font:inherit;font-size:11.5px;font-weight:800;cursor:pointer;white-space:nowrap}.design-btn svg{stroke:currentColor;fill:none;stroke-width:1.9;flex:none}.icon-btn{flex:none;width:32px;height:32px;border-radius:10px;border:1px solid var(--line);background:var(--card2);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn.on{color:var(--accent-text);border-color:var(--accent)}.icon-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}.scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 15px 22px;display:flex;flex-direction:column;gap:11px}.tabbar{display:flex;background:var(--card);border-top:1px solid var(--line);padding:7px 0 calc(9px + env(safe-area-inset-bottom));position:relative;z-index:3}.tabbar .t{flex:1;text-align:center;font-size:9px;font-weight:800;letter-spacing:.06em;color:var(--text2);display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:transparent;font-family:inherit;cursor:pointer}.tabbar .t svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tabbar .t.on{color:var(--accent-text)}.pick{width:100%;font:inherit;color:inherit;text-align:left;border:0;background:none;cursor:pointer}.pick:disabled{opacity:.5;cursor:default}.step{width:40px;height:40px;flex:none;border-radius:12px;border:1.5px solid var(--line);background:var(--card2);color:var(--text);font:inherit;font-size:20px;font-weight:700;line-height:1;cursor:pointer}.step.add{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-text)}.step:disabled{opacity:.4;cursor:default}.check-row{display:flex;align-items:flex-start;gap:11px;width:100%;padding:11px 0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.check-row:disabled{cursor:default}.chk{flex:none;width:22px;height:22px;margin-top:1px;border-radius:7px;border:2px solid var(--line);display:flex;align-items:center;justify-content:center}.chk svg{width:13px;height:13px;stroke:var(--accent-ink);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}.check-row.on .chk{background:var(--accent);border-color:var(--accent)}.check-row.on .chk svg{opacity:1}.check-row .grow{display:block}.check-row .ct{display:block;font-size:14px;font-weight:700;line-height:1.3}.check-row .cs{display:block;font-size:11.5px;color:var(--text2);margin-top:3px;line-height:1.35}.check-row.on .ct{text-decoration:line-through;color:var(--text2);font-weight:600}.check-row.on .cs{text-decoration:line-through}.check-row .cd{font-size:11.5px;font-weight:800;white-space:nowrap;margin-left:auto}.check-row .cd.late{color:var(--red)}.check-row .cd.soon{color:var(--amber)}.check-row.on .cd{color:var(--text2);font-weight:700}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.chip-btn{display:inline-flex;align-items:center;gap:5px;flex:none;border:1px solid var(--line);background:var(--card2);color:var(--text2);border-radius:999px;padding:5px 10px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.chip-btn.on{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-text)}.chip-btn svg{stroke:currentColor;fill:none;stroke-width:1.9;flex:none}.dim{opacity:.55}.rowbtn{flex:none;border-radius:10px;border:1.5px solid var(--line);background:var(--card2);color:var(--text);font:inherit;font-size:12.5px;font-weight:700;padding:7px 12px;cursor:pointer;white-space:nowrap}.rowbtn.go{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-text)}.rowbtn:disabled{opacity:.45;cursor:default}.field{width:100%;border:1px solid var(--line);background:var(--card2);color:var(--text);border-radius:12px;padding:12px;font:inherit;font-size:16px;font-weight:700}.field:focus{outline:2px solid var(--accent);border-color:var(--accent)}.cal-head{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 4px}.cal-head .m{font-size:16px;font-weight:800}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-grid .wd{text-align:center;font-size:10px;font-weight:800;color:var(--text2);padding-bottom:2px}.cal-cell{aspect-ratio:1;border-radius:12px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;font-weight:700;font-size:14px;color:var(--text);cursor:pointer;padding:0;overflow:hidden}.cal-cell.empty{background:transparent;border:0;cursor:default}.cal-cell.off{background:transparent;border-style:dashed;border-color:var(--line);color:var(--text2);opacity:.5;cursor:default}.cal-cell:disabled{cursor:default}.cal-cell.mine{background:var(--accent-dim);border-color:var(--accent-text)}.cal-cell.closed{background:var(--card2);color:var(--text2)}.cal-cell.full{background:var(--card2)}.cal-cell.partial{border-color:var(--amber)}.cal-cell.today{outline:2px solid var(--accent);outline-offset:1px}.cal-cell .nm{font-size:8px;font-weight:800;line-height:1;color:var(--text2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-cell.mine .nm{color:var(--accent-text)}.cal-cell .d2{width:5px;height:5px;border-radius:50%;background:var(--text2)}.cal-cell.mine .d2{background:var(--accent)}.cal-cell.partial .d2{background:var(--amber)}.legend{display:flex;flex-wrap:wrap;gap:11px;margin:10px 2px 0;font-size:11px;color:var(--text2)}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:10px;height:10px;border-radius:50%;display:block;border:1px solid var(--line)}:root{--tabbar-h: 62px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:none}.modal.open{display:block}.modal .ov{position:absolute;top:0;right:0;bottom:0;left:0;background:#08181073;opacity:0;transition:opacity .2s}.modal.open .ov{opacity:1}.sheet{position:absolute;left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));width:100%;max-width:480px;transform:translate(-50%) translateY(110%);transition:transform .26s cubic-bezier(.2,.8,.2,1);background:var(--card);border:1px solid var(--line);border-radius:22px 22px 0 0;padding:8px 16px 18px;max-height:calc(100dvh - var(--tabbar-h) - 90px);overflow-y:auto;overscroll-behavior:contain}.modal.open .sheet{transform:translate(-50%) translateY(0)}.grab{width:36px;height:4px;border-radius:99px;background:var(--line);margin:4px auto 12px}.sheet h3{margin:2px 0 4px;font-size:18px;font-weight:800}.sheet .sub{color:var(--text2);font-size:13px;margin-bottom:12px;line-height:1.45}.sheet .btn+.btn{margin-top:8px}.tabbar{z-index:20}.calc-line{display:flex;justify-content:space-between;gap:10px;padding:7px 0;font-size:12.5px;color:var(--text2)}.calc-line .v{font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.calc-line.total{border-top:1px solid var(--line);margin-top:4px;padding-top:10px;font-size:14px;color:var(--text);font-weight:800}.calc-line.total .v{color:var(--accent-text);font-size:17px}.period-seg{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 2px}.period-seg button{border:1.5px solid var(--line);background:var(--card2);color:var(--text2);font:inherit;font-weight:700;font-size:12.5px;padding:7px 13px;border-radius:999px;cursor:pointer}.period-seg button.on{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-text)}.push{margin-left:auto}.mt{margin-top:11px}.grow{flex:1;min-width:0}[data-design=klassika] .kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}[data-design=klassika] .kpi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:13px;box-shadow:var(--shadow);min-width:0}[data-design=klassika] .kpi .l{font-size:10.5px;font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:.04em}[data-design=klassika] .kpi .v{font-size:16.5px;font-weight:800;margin-top:5px;letter-spacing:-.015em;white-space:nowrap;font-variant-numeric:tabular-nums}[data-design=klassika] .kpi.wide{grid-column:1 / -1}[data-design=klassika] .kpi .s{margin-top:4px}[data-design=klassika] .kpi .bar{margin-top:8px}[data-design=klassika] .kpi.warn .v{color:#c97a00}[data-design=klassika] .kpi.bad .v{color:#d92a20}[data-design=klassika] .kpi.good .v{color:var(--accent-text)}[data-design=klassika] .sec-title{font-size:12.5px;font-weight:800;color:var(--text2);margin:6px 2px -2px;letter-spacing:.02em}[data-design=klassika] .card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow)}[data-design=klassika] .lr-t{font-size:13.5px;font-weight:700}[data-design=klassika] .lr-s{font-size:11.5px;color:var(--text2);margin-top:2px}[data-design=klassika] .lr-v{font-size:13.5px;font-weight:800;font-variant-numeric:tabular-nums}[data-design=klassika] .led-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}[data-design=klassika] .led-row:last-child{border-bottom:0;padding-bottom:0}[data-design=klassika] .led-row:first-child{padding-top:0}[data-design=klassika] .btn{border-radius:14px;padding:14px;font-size:15px;background:linear-gradient(180deg,#3bffa6,#00e676);color:var(--accent-ink);box-shadow:0 8px 20px #00e67666}[data-design=klassika] .btn.ghost{background:var(--card2);color:var(--text);box-shadow:none;border:1px solid var(--line)}[data-design=klassika] .pill{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;padding:4px 9px;border-radius:999px;white-space:nowrap}[data-design=klassika] .pill.green{background:var(--ok-dim);color:var(--accent-text)}[data-design=klassika] .pill.amber{background:var(--amber-dim);color:#c97a00}[data-design=klassika] .pill.red{background:var(--red-dim);color:#d92a20}[data-design=klassika] .pill.grey{background:var(--card2);color:var(--text2)}[data-design=klassika] .chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}[data-design=klassika] .bar{height:8px;background:#e4ece5}[data-design=klassika] .bar i{background:linear-gradient(90deg,var(--ok),var(--accent));box-shadow:var(--glow)}[data-design=klassika][data-theme=dark] .bar{background:#233029}[data-design=klassika] .roleseg button.on,[data-design=klassika] .logo .dot{box-shadow:var(--glow)}[data-design=klassika] .tabbar .t.on svg{filter:drop-shadow(0 0 6px rgba(0,230,118,.55))}[data-design=plitka] .tile{background:var(--card);border-radius:var(--r-card);padding:13px 14px;box-shadow:var(--shadow)}[data-design=plitka] .tiles{display:flex;gap:9px}[data-design=plitka] .tiles>.tile{flex:1;min-width:0}[data-design=plitka] .tiles .num{font-size:16px;white-space:nowrap}[data-design=plitka] .tiles .s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-design=plitka] .tile.hero{background:var(--card);border:1px solid var(--accent-text);box-shadow:none}[data-design=plitka] .tile.warnfill{background:var(--card);border:1px solid var(--amber);box-shadow:none}[data-design=plitka] .tile.alarm{background:var(--amber-dim);box-shadow:none}[data-design=plitka] .tile.note,[data-design=steklo] .g.note{font-size:12px;line-height:1.4;color:var(--text2);font-weight:600}[data-design=plitka] .cal-cell{border:0;box-shadow:var(--shadow)}[data-design=plitka] .cal-cell.empty{box-shadow:none}[data-design=plitka] .sheet{border:0;box-shadow:0 -8px 32px #0000002e}[data-design=plitka] .tile.line{padding:6px 14px}[data-design=plitka] .tile.line .item{padding:6px 0}[data-design=plitka] .btn{border-radius:16px}[data-design=steklo] .g{background:linear-gradient(140deg,var(--sheen),transparent 46%),var(--card);border:1px solid var(--glass-edge);border-radius:var(--r-card);padding:12px 14px;box-shadow:var(--shadow),inset 0 1px 0 var(--glass-top);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}[data-design=steklo] .two{display:flex;gap:10px}[data-design=steklo] .two>.g{flex:1;min-width:0;padding:13px 14px}[data-design=steklo] .two .num{font-size:16px;white-space:nowrap}[data-design=steklo] .two .s{line-height:1.3}[data-design=steklo] .g.hero .big{margin-top:6px}[data-design=steklo] .g.warnfill{border-color:var(--amber)}[data-design=steklo] .g.list{padding:4px 15px}[data-design=steklo] .g.list .item{border-bottom:1px solid var(--glass-divider)}[data-design=steklo] .g.list .item:last-child{border-bottom:0}[data-design=steklo] .calc-line.total{border-top-color:var(--glass-divider)}[data-design=steklo] .item.alarm{color:var(--red)}[data-design=steklo] .item.alarm .s{color:var(--red);opacity:.85}[data-design=steklo] .cal-cell{background:linear-gradient(140deg,var(--sheen),transparent 46%),var(--card);border-color:var(--glass-edge);-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%)}[data-design=steklo] .cal-cell.empty{background:none}[data-design=steklo] .sheet{background:linear-gradient(140deg,var(--sheen),transparent 52%),var(--glass-bar);border-color:var(--glass-edge);box-shadow:var(--shadow),inset 0 1px 0 var(--glass-top);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}[data-design=steklo] .btn{border-radius:22px;padding:14px;background:linear-gradient(180deg,#ffffff59,#fff0),var(--accent);box-shadow:0 8px 20px -14px #00c85373,inset 0 1px #ffffff73}[data-design=steklo] .bar{background:var(--card2);height:8px}[data-design=steklo] .bar i{background:linear-gradient(90deg,var(--accent),#7cffc0)}[data-design=steklo] .app-frame{background:var(--screen-bg),var(--screen)}[data-design=steklo] .appbar,[data-design=steklo] .rolebar{position:relative;z-index:3}[data-design=steklo] .tabbar{background:linear-gradient(140deg,var(--sheen),transparent 52%),var(--glass-bar);border:1px solid var(--glass-edge);border-top:1px solid var(--glass-edge);border-radius:26px;margin:0 12px calc(12px + env(safe-area-inset-bottom));padding:9px 0 8px;box-shadow:var(--shadow),inset 0 1px 0 var(--glass-top);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}[data-design=steklo] .roleseg,[data-design=steklo] .icon-btn,[data-design=steklo] .design-btn{border-color:var(--glass-edge);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){[data-design=steklo][data-theme=light]{--card: rgba(255, 255, 255, .93);--card2: rgba(255, 255, 255, .84);--glass-bar: rgba(255, 255, 255, .96)}[data-design=steklo][data-theme=dark]{--card: rgba(16, 24, 20, .95);--card2: rgba(16, 24, 20, .88);--glass-bar: rgba(12, 18, 15, .96)}}.demo-card{background:var(--accent-dim)}[data-design=klassika] .demo-card{border-color:var(--accent)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%}body{font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--screen);min-height:100dvh}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}