/* noapps.app, the apps block (HOME-2, 26.10.2026). Built from the layout prototype; every rule under .apps.
 * Tokens below map the block onto the site's roles; the block stays white in both modes (HOME-2), .apps.dark keeps the dark set. */
@font-face{font-family:Bebas;src:url(../fonts/BebasNeue-Regular.ttf) format("truetype");font-display:swap}
.apps{--sys:var(--system);--brand:Montserrat,var(--system);--pad:max(24px,calc((100vw - 1180px)/2 + 28px));--bg:#fff;--surface:#F2F2F7;--screen:#fff;--t1:#000;--t2:rgba(60,60,67,.80);--t3:rgba(60,60,67,.76);--hair:rgba(60,60,67,.29);--fill:rgba(120,120,128,.20);--fborder:rgba(60,60,67,.12);--press:rgba(0,0,0,.06);--ctl:#E8E8ED;--ctlink:#1D1D1F;--marker:rgba(120,120,128,.2);--hero:#0B0B0C;color-scheme:light;background:var(--bg);color:var(--t1);font-family:var(--sys);padding:40px 0 24px}
.apps.dark{--bg:#000;--surface:#1C1C1E;--screen:#000;--t1:#fff;--t2:rgba(235,235,245,.66);--t3:rgba(235,235,245,.62);--hair:rgba(84,84,88,.6);--fill:rgba(120,120,128,.36);--fborder:rgba(255,255,255,.10);--press:rgba(255,255,255,.10);--ctl:#1C1C1E;--ctlink:#fff;--marker:rgba(120,120,128,.36);--hero:#2C2C2E;color-scheme:dark}
:host{display:block}
.apps *{box-sizing:border-box}
.apps button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.apps svg{display:block}
.apps [hidden]{display:none!important}
.apps .head h2{font:700 clamp(44px,6vw,80px)/1 var(--brand);letter-spacing:-.04em;margin:0}
.apps .also{margin:0;padding:0 var(--pad) 24px;font:400 14px/1.5 var(--sys);color:var(--t3)}
.apps .head{padding:28px var(--pad) 0;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.apps .head .hb{display:flex;align-items:baseline;gap:18px;text-align:left}
.apps .head h2{font:700 clamp(44px,6vw,80px)/1 var(--brand);letter-spacing:-.04em;margin:0}
.apps .head .cur{font:500 clamp(28px,3.6vw,52px)/1 var(--brand);letter-spacing:-.02em;color:var(--t2)}
.apps .row{margin-top:34px;display:flex;gap:44px;overflow-x:auto;scroll-snap-type:x proximity;padding:14px var(--pad) 10px;scroll-padding-left:var(--pad);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.apps .row::-webkit-scrollbar{display:none}
.apps .app{flex:none;width:64px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 10px}
.apps .app .sq{width:64px;height:64px;border-radius:15.5px;position:relative;overflow:hidden;background:var(--tile);transition:transform .32s cubic-bezier(.2,.9,.3,1.1)}
.apps .app .sq .mk,.apps .app .sq .art{position:absolute;inset:0;width:100%;height:100%;display:block}
.apps .sq .mk,.apps .big .mk{transform:scale(1.075)}
.apps .app .sq>svg{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%)}
.apps .app .sq.files{background:transparent}
.apps .app .sq.files>svg{width:100%;height:100%}
.apps .app .nm{font:500 13px/1.25 var(--sys);color:var(--t1);text-align:center;width:104px;margin:0 -20px}
.apps .app[aria-pressed="true"] .sq{transform:scale(1.12)}
.apps .app[aria-pressed="true"] .nm{font-weight:600}
.apps .app:focus-visible{outline:2px solid var(--t1);outline-offset:2px}
.apps .track{margin-top:18px;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px var(--pad) 24px;scroll-padding-left:var(--pad);scrollbar-width:none;scroll-behavior:smooth}
.apps .track::-webkit-scrollbar{display:none}
.apps .card{flex:none;width:min(1000px,calc(100vw - 2*var(--pad)));height:min(620px,72vh);border-radius:28px;background:var(--surface);scroll-snap-align:start;scroll-snap-stop:always;position:relative;padding:48px 54px;overflow:hidden}
.apps .card h2{font:700 clamp(28px,3.5vw,48px)/1.05 var(--brand);letter-spacing:-.035em;margin:0}
.apps .card .sub{font:400 clamp(15px,1.45vw,19px)/1.35 var(--sys);color:var(--t2);margin-top:8px}
.apps .card .cta{position:absolute;left:54px;bottom:48px;display:flex;align-items:center;gap:18px}
.apps .card .cta .btn{display:inline-block;text-decoration:none;height:40px;padding:0 18px;border-radius:999px;background:var(--t1);color:var(--bg);font:500 15px/40px var(--sys)}
.apps .card .cta a{font:400 15px/1 var(--sys);color:var(--t2);text-decoration:none}
.apps .card .slot{position:absolute;left:54px;right:54px;top:150px;bottom:48px;border-radius:20px;display:grid;place-items:center}
.apps .card .slot .big{width:160px;height:160px;border-radius:38px;position:relative;overflow:hidden;background:var(--tile)}
.apps .card .slot .big .mk,.apps .card .slot .big .art{position:absolute;inset:0;width:100%;height:100%}
.apps .card .slot .big>svg{position:absolute;left:50%;top:50%;width:85px;height:85px;transform:translate(-50%,-50%)}
.apps .card .slot .big.files{background:transparent}
.apps .card .slot .big.files>svg{width:100%;height:100%}
.apps .card.all h2{max-width:11ch}
.apps .card.all .sub{max-width:40ch}
.apps .card.all .cta{bottom:48px}
.apps .card.all .cta .btn{height:44px;line-height:44px;padding:0 20px;font-size:16px}
.apps .card.all .slot{top:180px;place-items:center}
.apps .stage{position:relative;width:min(380px,100%);aspect-ratio:1;max-height:100%}
.apps .stage .tilt{width:100%;height:100%}
.apps .stage svg{width:100%;height:100%;display:block}
.apps .stage .caption{position:absolute;left:0;right:0;bottom:-26px;text-align:center;font:400 13px/1.3 var(--sys);color:var(--t3)}
.apps .stage .caption span{display:inline-block;transition:opacity .35s,transform .5s}
.apps.dark{--hero:#2C2C2E}
.apps{--hero:#0B0B0C}
.apps .card .slot .ph{position:absolute;left:0;right:0;bottom:0;text-align:center;font:400 13px/1.3 var(--sys);color:var(--t3)}
@media (max-width:720px){.apps .card{padding:28px 26px}
.apps .card .cta{position:static;margin-top:14px}
.apps .card .slot{left:26px;right:26px;top:170px;bottom:28px}
.apps .card .slot .big{width:120px;height:120px;border-radius:28px}}
.apps .ctl{display:flex;align-items:center;gap:12px;padding:6px var(--pad) 40px;width:calc(min(1000px,100vw - 2*var(--pad)) + 2*var(--pad));box-sizing:border-box}
.apps .ctl .n{margin-left:auto}
.apps .ctl button{width:36px;height:36px;border-radius:18px;background:var(--ctl);color:var(--ctlink);display:grid;place-items:center}
.apps .ctl button svg{width:14px;height:14px;fill:currentColor}
.apps .ctl button[disabled]{opacity:.35;cursor:default}
.apps .ctl .n{font:400 13px/1 var(--sys);color:var(--t3);font-variant-numeric:tabular-nums}
.apps .card.notes,.apps .card.journal,.apps .card.letters,.apps .card.files,.apps .card.images,.apps .card.music,.apps .card.workout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:end;padding:48px 54px 0 54px}
.apps .card.notes .lead,.apps .card.journal .lead,.apps .card.letters .lead,.apps .card.files .lead,.apps .card.images .lead,.apps .card.music .lead,.apps .card.workout .lead{align-self:start;min-width:0}
.apps .card.notes h2,.apps .card.journal h2,.apps .card.letters h2,.apps .card.files h2,.apps .card.images h2,.apps .card.music h2,.apps .card.workout h2{max-width:16ch}
.apps .card.notes .sub,.apps .card.journal .sub,.apps .card.letters .sub,.apps .card.files .sub,.apps .card.images .sub,.apps .card.music .sub,.apps .card.workout .sub{max-width:36ch;margin-top:10px}
.apps .card.notes .cta .btn,.apps .card.journal .cta .btn,.apps .card.letters .cta .btn,.apps .card.files .cta .btn,.apps .card.images .cta .btn,.apps .card.music .cta .btn,.apps .card.workout .cta .btn{height:44px;line-height:44px;padding:0 20px;font-size:16px}
.apps .card .shot{--sh:calc(min(620px,72vh) - 48px);position:relative;height:var(--sh);width:calc(var(--sh) * 393 / 700 * 1.08);align-self:end;justify-self:end}
.apps .nscreen{position:absolute;left:0;top:0;width:393px;height:700px;background:var(--screen);border-radius:28px 28px 0 0;overflow:hidden;transform-origin:0 0;font-family:var(--sys);box-shadow:0 1px 2px rgba(0,0,0,.05),0 14px 36px rgba(0,0,0,.10)}
.apps .nscreen .nhead{position:absolute;left:0;right:0;top:0;height:92px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:linear-gradient(180deg,var(--screen) 0,var(--screen) 70%,transparent)}
.apps .nscreen .brand{display:flex;align-items:baseline;gap:6px;font:700 22px/24px var(--brand);letter-spacing:-.02em;color:var(--t1)}
.apps .nscreen .brand span{font-weight:500;color:var(--t2)}
.apps .nscreen .brand svg{width:14px;height:14px;align-self:center;margin-left:-2px;stroke:var(--t2);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.apps .nscreen .circle{width:44px;height:44px;border-radius:22px;display:grid;place-items:center;background:var(--fill);box-shadow:inset 0 0 0 .5px var(--fborder)}
.apps .nscreen .circle svg{width:21px;height:21px;stroke:var(--t1);fill:none;stroke-width:2.1;stroke-linecap:round}
.apps .nscreen .list{position:absolute;left:0;right:0;top:92px;bottom:0;padding:8px 0 40px;overflow:hidden}
.apps .note{padding:14px 26px;position:relative;opacity:0;transform:translateY(-6px);transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1)}
.apps .note.in{opacity:1;transform:none}
.apps .note+.note::before{content:"";position:absolute;left:26px;right:26px;top:0;height:.5px;background:var(--hair)}
.apps .note .pin{font:500 13px/1 var(--sys);color:var(--t2);display:flex;align-items:center;gap:6px;margin-bottom:8px;height:14px}
.apps .note .pin svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.apps .note .tx{font:500 17px/24px var(--brand);color:var(--t1);white-space:pre-wrap;word-break:break-word}
.apps .note .cl{list-style:none;margin:0;padding:0}
.apps .note .cl li{display:flex;align-items:center;gap:12px;font:500 17px/24px var(--brand);color:var(--t1);padding:3px 0}
.apps .note .cl li .m{width:18px;height:18px;border-radius:9px;box-shadow:inset 0 0 0 1.5px var(--t2);flex:none;display:grid;place-items:center;transition:background .2s,box-shadow .2s}
.apps .note .cl li .m svg{width:10px;height:10px;stroke:var(--screen);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.apps .note .cl li.done .m{background:var(--t1);box-shadow:none}
.apps .note .cl li.done .m svg{opacity:1}
.apps .note .cl li.done span{color:var(--t2);text-decoration:line-through}
.apps .note .pic{margin-top:12px;border-radius:14px;overflow:hidden;height:150px;opacity:0;transition:opacity .4s}
.apps .note .pic.in{opacity:1}
.apps .note .pic img,.apps .note .pic svg{width:100%;height:100%;display:block;object-fit:cover}
.apps .note .ic{display:flex;align-items:center;gap:18px;margin-top:18px}
.apps .note .ic .g{width:18px;height:18px;display:block}
.apps .note .ic .g svg{width:18px;height:18px;fill:none;stroke:var(--t2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.apps .note .ic .g.dots svg{fill:var(--t2);stroke:none}
.apps .note .stamp{margin-left:auto;font:400 13px/18px var(--sys);color:var(--t3);white-space:nowrap}
.apps .note .due{margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 11px 0 13px;border-radius:15px;background:var(--t1);font:500 14px/1 var(--brand);color:var(--screen);white-space:nowrap}
.apps .note .due svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.6}
@media (max-width:900px){.apps .card.notes,.apps .card.journal,.apps .card.letters,.apps .card.files,.apps .card.images,.apps .card.music,.apps .card.workout{grid-template-columns:1fr;gap:18px;padding:28px 26px 0}
.apps .card .shot{--sh:420px;justify-self:center}}
.apps .att{display:flex;align-items:center;gap:14px;margin-top:12px;padding:10px 16px;border-radius:14px;background:var(--surface)}
.apps .att .doc{width:30px;height:44px;flex:none;display:block}
.apps .att .fn{min-width:0;display:flex;flex-direction:column;gap:2px}
.apps .att .fn b{font:600 16px/20px var(--brand);color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apps .att .fn span{font:700 14px/17px var(--brand);color:var(--t1)}
.apps .card .quote{max-width:400px;margin-top:8px}
.apps .card .quote .note{padding:14px 0 0}
.apps .card .quote .note .cl li{font-size:17px}
.apps .books{list-style:none;margin:26px 0 0;padding:0;max-width:400px}
.apps .books li{display:flex;align-items:center;gap:14px;padding:12px 0;position:relative}
.apps .books li+li::before{content:"";position:absolute;left:70px;right:0;top:0;height:.5px;background:var(--hair)}
.apps .books .th{width:56px;height:56px;border-radius:14px;object-fit:cover;flex:none;display:block;background:var(--fill)}
.apps .books .bt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.apps .books .bt b{font:700 16px/20px var(--brand);color:var(--t1);letter-spacing:-.01em}
.apps .books .bt span{font:400 15px/19px var(--sys);color:var(--t2)}
.apps .books .bt small{font:400 13px/16px var(--sys);color:var(--t3);font-variant-numeric:tabular-nums}
.apps .books .dots{width:24px;height:24px;flex:none;display:grid;place-items:center}
.apps .books .dots svg{width:18px;height:18px;fill:var(--t2)}
.apps .jscreen .bhead{position:absolute;left:12px;right:12px;top:14px;height:153px;border-radius:16px;overflow:hidden;z-index:20;background:var(--fill)}
.apps .jscreen .bhead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.apps .jscreen .bhead .circ{position:absolute;top:13px;width:44px;height:44px;border-radius:22px;display:grid;place-items:center;background:rgba(40,40,44,.62);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.apps .jscreen .bhead .circ.back{left:12px}
.apps .jscreen .bhead .circ.more{right:12px}
.apps .jscreen .bhead .circ svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.apps .jscreen .bhead .circ.more svg{fill:#fff;stroke:none}
.apps .jscreen .bhead .bt{position:absolute;left:15px;right:16px;bottom:11px;color:#fff}
.apps .jscreen .bhead .bt b{display:block;font:700 21px/25px var(--sys);letter-spacing:-.02em}
.apps .jscreen .bhead .bt span{display:block;font:400 14px/17px var(--sys);margin-top:3px;opacity:.96}
.apps .jscreen .list{top:167px;padding-top:10px}
.apps .jscreen .note .ic{margin-top:14px}
@media (max-width:900px){.apps .books{max-width:none}}
.apps .card.letters .sub{max-width:44ch}
.apps .steps{display:flex;align-items:flex-start;gap:6px;margin-top:28px;max-width:520px}
.apps .steps .st{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--t1)}
.apps .steps .st .ico{width:64px;height:64px;display:grid;place-items:center}
.apps .steps .st .ico svg{width:56px;height:56px;display:block}
.apps .steps .st>span:last-child{font:400 13px/16px var(--sys);color:var(--t2);max-width:12ch}
.apps .steps .ar{flex:none;width:18px;height:64px;display:grid;place-items:center;color:var(--t3)}
.apps .steps .ar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.apps .lscreen .lhead{position:absolute;left:0;right:0;top:0;height:92px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 26px}
.apps .lscreen .lhead .ttl{font:700 20px/24px var(--brand);color:var(--t1);letter-spacing:-.01em}
.apps .lscreen .lhead .circle svg{stroke-width:2}
.apps .lscreen .lhead .circle.plane svg{width:20px;height:20px;fill:none;stroke:var(--t1)}
.apps .lscreen .form{position:absolute;left:26px;right:26px;top:92px}
.apps .lscreen .frow{display:flex;align-items:center;gap:10px;min-height:50px;position:relative;font:400 17px/22px var(--brand);color:var(--t1)}
.apps .lscreen .frow::after{content:"";position:absolute;left:0;right:0;bottom:0;height:.5px;background:var(--hair)}
.apps .lscreen .frow .lab{color:var(--t3);flex:none}
.apps .lscreen .chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 4px;border-radius:16px;background:var(--fill);font:500 15px/1 var(--brand);color:var(--t1)}
.apps .lscreen .chip i{width:24px;height:24px;border-radius:7px;background:var(--surface);display:grid;place-items:center;font:600 12px/1 var(--sys);font-style:normal;color:var(--t1)}
.apps .lscreen .msg{padding:16px 0 4px;font:400 17px/24px var(--brand);color:var(--t1)}
.apps .lscreen .att{margin-top:14px}
@media (max-width:900px){.apps .steps{max-width:none}
.apps .card.letters .lead{height:auto}
.apps .way{margin:22px 0 0}}
.apps .card.letters .lead{display:flex;flex-direction:column;height:calc(min(620px,72vh) - 48px - 48px - 44px)}
.apps .way{display:grid;grid-template-columns:200px auto;gap:18px;align-items:center;margin:auto 0;justify-content:start}
.apps .way .lines{width:max-content;max-width:280px}
.apps .way .anim{width:200px;aspect-ratio:1}
.apps .way .anim svg{width:100%;height:100%;display:block}
.apps .way .lines{list-style:none;margin:0;padding:0}
.apps .way .lines li{font:400 15px/20px var(--sys);color:var(--t1);padding:9px 0;position:relative}
.apps .way .lines li+li::before{content:"";position:absolute;left:0;right:0;top:0;height:.5px;background:var(--hair)}
@media (max-width:900px){.apps .way{max-width:none}}
.apps .books.folders .th{display:grid;place-items:center;background:transparent}
.apps .books.folders li{padding:10px 0}
.apps .books.folders .th svg{width:56px;height:56px;display:block}
.apps .fscreen .lhead{position:absolute;left:0;right:0;top:0;height:92px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 26px}
.apps .fscreen .lhead .ttl{font:700 20px/24px var(--brand);color:var(--t1);letter-spacing:-.01em}
.apps .fscreen .lhead .circle svg{stroke-width:2}
.apps .fscreen .lhead .circle svg.dots{fill:var(--t1);stroke:none}
.apps .fscreen .flist{position:absolute;left:26px;right:26px;top:96px;list-style:none;margin:0;padding:0}
.apps .fscreen .flist li{display:flex;align-items:center;gap:16px;padding:11px 0;position:relative}
.apps .fscreen .flist li+li::before{content:"";position:absolute;left:52px;right:0;top:0;height:.5px;background:var(--hair)}
.apps .fscreen .flist .pg{width:36px;height:50px;flex:none;display:block}
.apps .fscreen .flist .bt{min-width:0;display:flex;flex-direction:column;gap:3px}
.apps .fscreen .flist .bt b{font:500 16px/20px var(--brand);color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apps .fscreen .flist .bt small{font:400 14px/17px var(--sys);color:var(--t2);font-variant-numeric:tabular-nums}
.apps .card.images .shot{width:calc(var(--sh) * 340 / 700 * 1.08)}
.apps .iscreen{width:340px;height:700px;background:#F2F2F7}
.apps .iscreen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.apps .card.images .lead{display:flex;flex-direction:column;height:calc(min(620px,72vh) - 48px - 48px - 44px)}
.apps .fan{position:relative;width:250px;height:290px;margin:auto 0 auto 220px}
.apps .fan .pc{position:absolute;left:40px;top:18px;width:170px;height:226px;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.14);background:var(--fill);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s}
.apps .fan .pc img{width:100%;height:100%;object-fit:cover;display:block}
.apps .fan .pc[data-d="0"]{z-index:5;transform:none}
.apps .fan .pc[data-d="1"]{z-index:4;transform:translate(-12px,6px) rotate(-5deg)}
.apps .fan .pc[data-d="2"]{z-index:3;transform:translate(12px,12px) rotate(5deg)}
.apps .fan .pc[data-d="3"]{z-index:2;transform:translate(-20px,18px) rotate(-9deg)}
.apps .fan .pc[data-d="4"]{z-index:1;transform:translate(20px,22px) rotate(9deg)}
.apps .fan .pc.out{z-index:6;opacity:0}
.apps .fan .pc.out.r{transform:translate(240px,-10px) rotate(14deg)}
.apps .fan .pc.out.l{transform:translate(-240px,-10px) rotate(-14deg)}
.apps .fan .pc.snap{transition:none}
@media (max-width:900px){.apps .card.images .lead{height:auto}
.apps .fan{margin:24px 0 0 48px}}
.apps .card.music .lead{display:flex;flex-direction:column;height:calc(min(620px,72vh) - 48px - 48px - 44px)}
.apps .mstack{display:flex;flex-direction:column;gap:12px;margin:auto 0}
.apps .mstack .mi{display:flex;align-items:center;gap:16px;height:56px;transition:height .45s cubic-bezier(.2,.8,.2,1)}
.apps .mstack .mi .tile{width:56px;height:56px;border-radius:14px;background:#4F46C8;display:grid;place-items:center;flex:none;transition:width .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1),border-radius .45s}
.apps .mstack .mi .tile svg{width:26px;height:26px;stroke:#fff;fill:none;transition:width .45s,height .45s}
.apps .mstack .mi.on{height:62px}
.apps .mstack .mi.on .tile{width:62px;height:62px;border-radius:15px}
.apps .mstack .mi.on .tile svg{width:28px;height:28px}
.apps .mstack .mi .tx{opacity:0;transform:translateX(-6px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.apps .mstack .mi.on .tx{opacity:1;transform:none;transition-delay:.12s}
.apps .mstack .mi .tx b{display:block;font:700 17px/22px var(--brand);color:var(--t1);letter-spacing:-.01em}
.apps .mstack .mi .tx span{display:block;font:400 15px/20px var(--sys);color:var(--t2);margin-top:2px}
.apps .mscreen .lhead{position:absolute;left:0;right:0;top:0;height:92px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 26px}
.apps .mscreen .lhead .ttl{font:700 20px/24px var(--brand);color:var(--t1);letter-spacing:-.01em;position:absolute;left:0;right:0;text-align:center;pointer-events:none}
.apps .mscreen .lhead .pair{display:flex;gap:10px}
.apps .mscreen .lhead .circle svg{stroke-width:2}
.apps .mscreen .chips{position:absolute;left:26px;right:0;top:96px;display:flex;gap:8px;overflow:hidden;white-space:nowrap}
.apps .mscreen .chip{flex:none;height:36px;padding:0 18px;border-radius:18px;box-shadow:inset 0 0 0 .5px var(--hair);font:500 14px/36px var(--brand);color:var(--t1)}
.apps .mscreen .chip.on{background:#4F46C8;color:#fff;box-shadow:none}
.apps .mscreen .songs{position:absolute;left:26px;right:26px;top:150px;list-style:none;margin:0;padding:0}
.apps .mscreen .songs li{display:flex;align-items:center;gap:14px;padding:10px 0;position:relative}
.apps .mscreen .songs li+li::before{content:"";position:absolute;left:70px;right:0;top:0;height:.5px;background:var(--hair)}
.apps .mscreen .songs .tile{width:56px;height:56px;border-radius:14px;flex:none;display:grid;place-items:center;background:#1C1C1E}
.apps .mscreen .songs .tile svg{width:24px;height:24px;stroke:#fff}
.apps .mscreen .songs .bt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.apps .mscreen .songs .bt b{font:500 17px/22px var(--brand);color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apps .mscreen .songs .bt small{font:400 14px/17px var(--sys);color:var(--t2)}
.apps .mscreen .songs .dots{width:24px;height:24px;flex:none;display:grid;place-items:center}
.apps .mscreen .songs .dots svg{width:18px;height:18px;fill:var(--t2);transform:rotate(90deg)}
.apps .mscreen .play{position:absolute;left:0;right:0;bottom:104px;z-index:22;display:flex;align-items:center;justify-content:center;gap:28px}
.apps .mscreen .play .big{width:96px;height:96px;border-radius:48px;background:#4F46C8;display:grid;place-items:center}
.apps .mscreen .play .big svg{width:40px;height:40px}
.apps .mscreen .play .small{width:52px;height:52px;border-radius:26px;background:var(--screen);box-shadow:inset 0 0 0 .5px var(--hair);display:grid;place-items:center}
.apps .mscreen .play .small svg{width:22px;height:22px;fill:none;stroke:var(--t1);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.apps .mscreen .mdock{position:absolute;left:26px;right:26px;bottom:24px;height:64px;border-radius:32px;z-index:24;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:var(--screen);box-shadow:inset 0 0 0 .5px var(--hair)}
.apps .mscreen .mdock .ms{position:relative;z-index:2;width:84px;height:44px;display:grid;place-items:center;color:var(--t1)}
.apps .mscreen .mdock .ms svg{width:24px;height:24px;stroke:currentColor;fill:none}
.apps .mscreen .mdock .ms.on{color:#4F46C8}
.apps .mscreen .mdock .ms.on svg .f{fill:#4F46C8}
.apps .mscreen .mdock .ms.on svg .sp{opacity:0}
.apps .mscreen .mdock .marker{position:absolute;left:10px;top:9px;width:84px;height:46px;border-radius:23px;background:var(--fill);z-index:1;transition:transform .45s cubic-bezier(.2,.8,.2,1);transform:translateX(0)}
.apps .mscreen .songs::after{content:"";position:absolute;left:-26px;right:-26px;bottom:-40px;height:120px;background:linear-gradient(180deg,transparent,var(--screen) 70%);pointer-events:none}
.apps .card.workout .lead{display:flex;flex-direction:column;height:calc(min(620px,72vh) - 48px - 48px - 44px)}
.apps .wstack{display:flex;flex-direction:column;gap:10px;margin:auto 0}
.apps .wstack .wi{display:flex;align-items:center;gap:16px;height:56px;transition:height .45s cubic-bezier(.2,.8,.2,1)}
.apps .wstack .wi .tile{width:56px;height:56px;border-radius:14px;background:#FFA343;display:grid;place-items:center;flex:none;color:#fff;transition:width .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1),border-radius .45s}
.apps .wstack .wi .tile svg{width:26px;height:26px;display:block;transition:width .45s,height .45s}
.apps .wstack .wi .tile{overflow:hidden}
.apps .wstack .wi .tile svg.fig{width:100%;height:100%}
.apps .wstack .wi .tile svg .bell{fill:currentColor}
.apps .wstack .wi .tile svg.fig{filter:brightness(0) invert(1)}
.apps .wstack .wi.on{height:62px}
.apps .wstack .wi.on .tile{width:62px;height:62px;border-radius:15px}
.apps .wstack .wi.on .tile svg{width:28px;height:28px}
.apps .wstack .wi.on .tile svg.fig{width:100%;height:100%}
.apps .wstack .wi .tx{opacity:0;transform:translateX(-6px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.apps .wstack .wi.on .tx{opacity:1;transform:none;transition-delay:.12s}
.apps .wstack .wi .tx b{display:block;font:700 17px/22px var(--brand);color:var(--t1);letter-spacing:-.01em}
.apps .wstack .wi .tx span{display:block;font:400 15px/20px var(--sys);color:var(--t2);margin-top:2px}
.apps .wscreen{--wbg:#fff;--wcard:#F2F2F7;--wdot:#E5E5EA}
.apps.dark .wscreen{--wbg:#000;--wcard:#1C1C1E;--wdot:#2C2C2E}
.apps .wscreen{background:var(--wbg)}
.apps .wscreen .wpage{position:absolute;inset:0;opacity:0;transition:opacity .4s}
.apps .wscreen .wpage.on{opacity:1}
.apps .wscreen .whead{position:relative;height:92px;display:flex;align-items:center;justify-content:center;padding:0 26px}
.apps .wscreen .whead .ttl{font:600 17px/22px var(--sys);color:var(--t1)}
.apps .wscreen .wc{position:absolute;top:24px;width:44px;height:44px;border-radius:22px;background:var(--wcard);display:grid;place-items:center;color:var(--t1)}
.apps .wscreen .wc.back{left:26px}
.apps .wscreen .wc.more{right:26px}
.apps .wscreen .wc svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.apps .wscreen .wc.more svg{fill:currentColor;stroke:none}
.apps .wscreen .wrows{position:absolute;left:12px;right:12px;top:96px;margin:0;padding:0 10px;list-style:none;background:var(--wcard);border-radius:24px}
.apps .wscreen .wrows li{display:flex;align-items:center;gap:16px;padding:8px 6px;position:relative;min-height:80px}
.apps .wscreen .wrows li+li::before{content:"";position:absolute;left:86px;right:0;top:0;height:.5px;background:var(--hair)}
.apps .wscreen .wrows .wt{width:64px;height:64px;border-radius:16px;background:var(--wbg);display:grid;place-items:center;flex:none;color:var(--t1)}
.apps .wscreen .wrows .wt svg{width:30px;height:30px;display:block}
.apps .wscreen .wrows .wt svg.fig{width:58px;height:58px}
.apps.dark .wscreen .wrows .wt svg.fig path{fill:#E5E5EA}
.apps.dark .wscreen .wrows .wt svg.fig path[fill="#FF9900"]{fill:#FFA343}
.apps .wscreen .wrows .bt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.apps .wscreen .wrows .bt b{font:600 17px/22px var(--sys);color:var(--t1)}
.apps .wscreen .wrows .bt span{font:400 15px/19px var(--sys);color:var(--t2)}
.apps .wscreen .wrows .chev{width:12px;height:20px;color:var(--t3);flex:none;margin-right:6px}
.apps .wscreen .ex{position:absolute;left:26px;top:104px;display:flex;align-items:center;gap:6px;font:600 17px/22px var(--sys);color:var(--t1)}
.apps .wscreen .ex svg{width:9px;height:15px;color:var(--t2)}
.apps .wscreen .clock{position:absolute;left:26px;top:136px;font:400 56px/1 Bebas,"Arial Narrow",var(--sys);color:var(--t1);letter-spacing:.01em;font-variant-numeric:tabular-nums}
.apps .wscreen .clockl{position:absolute;left:26px;top:198px;font:400 15px/20px var(--sys);color:var(--t2)}
.apps .wscreen .stats{position:absolute;left:26px;right:26px;top:236px;display:flex;justify-content:space-between}
.apps .wscreen .stats div{display:flex;flex-direction:column;gap:3px}
.apps .wscreen .stats b{font:400 22px/24px Bebas,"Arial Narrow",var(--sys);color:var(--t1);letter-spacing:.01em}
.apps .wscreen .stats span{font:400 14px/18px var(--sys);color:var(--t2)}
.apps .wscreen .sets{position:absolute;left:26px;right:26px;top:300px;display:flex;flex-direction:column;gap:10px}
.apps .wscreen .set{display:flex;align-items:center;gap:10px;height:44px}
.apps .wscreen .set .n{width:16px;font:400 14px/1 var(--sys);color:var(--t2);text-align:center;flex:none}
.apps .wscreen .set .pill{flex:1;height:44px;border-radius:22px;background:var(--wcard);display:flex;align-items:center;justify-content:center;gap:6px;font:400 14px/1 var(--sys);color:var(--t2)}
.apps .wscreen .set .pill b{font:600 17px/1 var(--sys);color:var(--t1)}
.apps .wscreen .set .ok{width:44px;height:44px;border-radius:22px;background:var(--wcard);display:grid;place-items:center;color:var(--t1);flex:none;transition:background .3s}
.apps .wscreen .set .ok svg{width:20px;height:20px}
.apps .wscreen .set.done .ok{background:#FFA343;color:#000}
.apps .wscreen .ctl2{position:absolute;left:0;right:0;bottom:112px;display:flex;align-items:center;justify-content:center;gap:22px}
.apps .wscreen .ring{position:relative;width:44px;height:44px;display:grid;place-items:center}
.apps .wscreen .ring svg{position:absolute;inset:0;width:44px;height:44px;transform:rotate(-90deg)}
.apps .wscreen .ring .trk{fill:none;stroke:var(--hair);stroke-width:3}
.apps .wscreen .ring .arc{fill:none;stroke:#2BB38A;stroke-width:3;stroke-linecap:round;stroke-dasharray:125.7;stroke-dashoffset:94.3}
.apps .wscreen .ring i{font:600 12px/1 var(--sys);color:var(--t1);font-style:normal}
.apps .wscreen .go{width:96px;height:96px;border-radius:48px;background:#FFA343;display:grid;place-items:center;transition:background .3s}
.apps .wscreen .go b{font:400 32px/1 Bebas,"Arial Narrow",var(--sys);color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.apps .wscreen .go.rest{background:var(--t1)}
.apps .wscreen .go.rest b{color:var(--screen)}
.apps .wscreen .nums{display:flex;align-items:center;gap:14px;width:120px}
.apps .wscreen .nums i{font:600 14px/1 var(--sys);color:var(--t2);font-style:normal;width:22px;text-align:center}
.apps .wscreen .nums i.cur{width:44px;height:44px;border-radius:22px;box-shadow:inset 0 0 0 1.5px var(--t1);display:grid;place-items:center;color:var(--t1);font-size:15px;margin-left:-11px}
.apps .wscreen .wdock{position:absolute;left:26px;right:26px;bottom:24px;height:64px;border-radius:32px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:var(--wcard);box-shadow:inset 0 0 0 .5px var(--hair)}
.apps .wscreen .wdock .ws{position:relative;z-index:2;width:84px;height:44px;display:grid;place-items:center;color:var(--t1)}
.apps .wscreen .wdock .ws svg{width:24px;height:24px}
.apps .wscreen .wdock .ws.on{color:#FFA343}
.apps .wscreen .wdock .marker{position:absolute;left:10px;top:9px;width:84px;height:46px;border-radius:23px;background:var(--fill);z-index:1}
.apps .wscreen .ystats{position:absolute;left:26px;right:26px;top:110px;display:flex;justify-content:space-between}
.apps .wscreen .ystats div{display:flex;flex-direction:column;gap:2px}
.apps .wscreen .ystats div.r{text-align:right}
.apps .wscreen .ystats b{font:400 40px/1 Bebas,"Arial Narrow",var(--sys);color:var(--t1);letter-spacing:.01em}
.apps .wscreen .ystats b small{font-size:22px}
.apps .wscreen .ystats span{font:400 15px/20px var(--sys);color:var(--t2)}
.apps .wscreen .wdots{position:absolute;left:26px;top:196px;width:331px;display:grid;grid-template-columns:repeat(16,16px);gap:5px}
.apps .wscreen .wdots i{width:16px;height:16px;border-radius:8px;background:var(--wdot)}
.apps .wscreen .wdots i.on{background:var(--t1)}
.apps .card.run{--acc:#30D158}
.apps .card.cycle{--acc:#008BFF}
.apps .card.run .wstack .wi .tile{background:var(--acc);overflow:hidden}
.apps .card.run .wstack .wi .tile .mk{width:100%;height:100%;display:block;transform:scale(1.075)}
.apps .rscreen .rbig{position:absolute;left:0;right:0;top:110px;text-align:center}
.apps .rscreen .rbig b{display:block;font:400 72px/1 Bebas,"Arial Narrow",var(--sys);color:var(--t1);letter-spacing:.01em;font-variant-numeric:tabular-nums}
.apps .rscreen .rbig span{display:block;font:400 15px/20px var(--sys);color:var(--t2);margin-top:6px}
.apps .rscreen .rbig.left{left:26px;right:26px;text-align:left;top:150px}
.apps .rscreen .rbig.left b{font-size:60px;display:flex;align-items:center;gap:12px}
.apps .rscreen .rbig.left b i{display:inline-grid;place-items:center;width:40px;height:40px;color:var(--t1)}
.apps .rscreen .rbig.left b i svg{width:36px;height:32px}
.apps .rscreen .rrow{position:absolute;left:50px;right:50px;top:222px;display:flex;justify-content:space-around;text-align:center}
.apps .rscreen .rrow.one{top:296px}
.apps .rscreen .rrow b{display:block;font:400 30px/1 Bebas,"Arial Narrow",var(--sys);color:var(--t1);font-variant-numeric:tabular-nums}
.apps .rscreen .rrow span{display:block;font:400 15px/20px var(--sys);color:var(--t2);margin-top:4px}
.apps .rscreen .map{position:absolute;left:26px;right:26px;top:364px;height:132px;overflow:hidden}
.apps .rscreen .map svg{width:100%;height:100%;display:block}
.apps .rscreen .map .way{fill:none;stroke:var(--t1);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.apps .rscreen .map .arr{color:var(--acc)}
.apps .rscreen .rctl{position:absolute;left:0;right:0;bottom:104px;height:96px}
.apps .rscreen .rgo{position:absolute;left:50%;top:0;transform:translateX(-50%)}
.apps .rscreen .rflag{position:absolute;left:calc(50% + 69px);top:23px}
.apps .rscreen .rgo{width:96px;height:96px;border-radius:48px;background:var(--acc);display:grid;place-items:center}
.apps .rscreen .rgo b{font:400 32px/1 Bebas,"Arial Narrow",var(--sys);color:#fff;letter-spacing:.02em}
.apps .rscreen .rflag{width:50px;height:50px;border-radius:25px;background:var(--wcard);display:grid;place-items:center;color:var(--t2)}
.apps .rscreen .rflag svg{width:22px;height:24px}
.apps .rscreen .wdock .ws.on{color:var(--acc)}
.apps .rscreen .rchip{position:absolute;left:50%;top:104px;transform:translateX(-50%);height:36px;padding:0 16px;border-radius:18px;background:var(--wcard);display:flex;align-items:center;gap:6px;font:600 14px/36px var(--sys);color:var(--t1)}
.apps .rscreen .rchip svg{width:8px;height:14px}
.apps .rscreen .rgrid{position:absolute;left:26px;right:26px;top:256px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px 10px}
.apps .rscreen .rgrid b{display:block;font:400 26px/1 Bebas,"Arial Narrow",var(--sys);color:var(--t1);font-variant-numeric:tabular-nums}
.apps .rscreen .rgrid span{display:block;font:400 14px/18px var(--sys);color:var(--t2);margin-top:4px}
.apps .rscreen .rbars{position:absolute;left:26px;right:26px;top:400px}
.apps .rscreen .rbars .bar{height:48px;border-radius:14px;background:var(--wcard);overflow:hidden}
.apps .rscreen .rbars .bar i{display:block;height:100%;background:var(--t1);border-radius:14px 0 0 14px}
.apps .rscreen .rbars p{margin:10px 0 22px;font:400 15px/20px var(--sys);color:var(--t1)}
.apps .card.shelf .lead{display:flex;flex-direction:column;height:calc(min(620px,72vh) - 48px - 48px - 44px)}
.apps .blist{list-style:none;margin:auto 0;padding:0;max-width:440px}
.apps .blist li{display:flex;align-items:center;gap:16px;padding:10px 0;position:relative;cursor:default}
.apps .blist li+li::before{content:"";position:absolute;left:56px;right:0;top:0;height:.5px;background:var(--hair)}
.apps .blist .cv{width:40px;height:60px;border-radius:3px;object-fit:cover;flex:none;display:block;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.14)}
.apps .blist .bt{min-width:0;display:flex;flex-direction:column;gap:3px}
.apps .blist .bt b{font:700 16px/20px var(--brand);color:var(--t1);letter-spacing:-.01em;transition:color .2s}
.apps .blist .bt span{font:400 14px/18px var(--sys);color:var(--t2)}
.apps .blist li.on .bt b{color:var(--t1)}
.apps .blist li:not(.on) .bt b{color:var(--t2)}
.apps .bscreen .rd{position:absolute;left:26px;right:26px;top:118px;bottom:0;overflow:hidden}
.apps .bscreen .rd h2{margin:0;font:700 22px/28px var(--sys);color:var(--t1);letter-spacing:-.01em;max-width:none}
.apps .bscreen .rd .meta{margin:6px 0 0;font:400 15px/20px var(--sys);color:var(--t2)}
.apps .bscreen .rd .rule{height:.5px;background:var(--hair);margin:18px 0 22px}
.apps .bscreen .rd h3{margin:0 0 14px;font:700 19px/24px var(--sys);color:var(--t1)}
.apps .bscreen .rd h4{margin:22px 0 14px;font:700 19px/24px var(--sys);color:var(--t1)}
.apps .bscreen .rd p{margin:0 0 16px;font:400 17px/26px var(--sys);color:var(--t1)}
.apps .bscreen .rd p.by{margin:0 0 12px}
.apps .bscreen .rd p.part{margin:14px 0 4px;font-weight:600}
.apps .bscreen .rd p.ch{margin:0 0 4px;color:var(--t2);font-size:16px;line-height:24px}
.apps .card.reading .lead{display:flex;flex-direction:column;height:calc(min(620px,72vh) - 48px - 48px - 44px)}
.apps .alist{list-style:none;margin:auto 0;padding:0;max-width:460px}
.apps .alist li{display:flex;flex-direction:column;gap:8px;padding:12px 0;position:relative;cursor:default}
.apps .alist li+li::before{content:"";position:absolute;left:0;right:0;top:0;height:.5px;background:var(--hair)}
.apps .alist li b{font:700 15px/19px var(--brand);color:var(--t2);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}
.apps .alist li.on b{color:var(--t1)}
.apps .alist .chips{display:flex;gap:6px}
.apps .alist .chips i{font:500 12px/24px var(--sys);font-style:normal;height:24px;padding:0 10px;border-radius:12px;white-space:nowrap}
.apps .alist .chips .site{background:var(--t1);color:var(--bg)}
.apps .alist .chips .tag{background:var(--fill);color:var(--t1)}
.apps .bscreen .rd.art h2{font-size:21px;line-height:27px}
.apps .bscreen .rd .url{margin:4px 0 0;font:400 13px/18px var(--sys);color:var(--t3);word-break:break-all}
.apps .bscreen .rd.art p{margin:0;font:400 16px/25px var(--sys)}
.apps .bscreen .rd.art p.gap{height:25px}
.apps .alist li.way{flex-direction:row;align-items:center;gap:8px;padding:16px 0 10px;cursor:default}
.apps .alist li.way .ico{width:28px;height:28px;display:grid;place-items:center;color:var(--t1);flex:none}
.apps .alist li.way .ico svg{width:22px;height:22px}
.apps .alist li.way .ico.mk img{width:24px;height:24px;display:block}
.apps .alist li.way .lbl{font:400 13px/16px var(--sys);color:var(--t2);white-space:nowrap}
.apps .alist li.way .ar{width:14px;height:14px;color:var(--t3);margin:0 4px;flex:none}
.apps .card.vault .lead{display:flex;flex-direction:column;height:calc(min(620px,72vh) - 48px - 48px - 44px)}
.apps .vlist{list-style:none;margin:auto 0;padding:0;max-width:420px}
.apps .vlist li{display:flex;align-items:center;gap:14px;padding:10px 0;position:relative}
.apps .vlist li+li::before{content:"";position:absolute;left:70px;right:0;top:0;height:.5px;background:var(--hair)}
.apps .vlist .vt,.apps .vrows .vt{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;flex:none;color:var(--t1)}
.apps .vlist .vt{background:#fff}
.apps.dark .vlist .vt{background:#2C2C2E}
.apps .vrows .vt{background:var(--wcard)}
.apps .vlist .vt svg,.apps .vrows .vt svg{width:26px;height:26px}
.apps .vlist .bt,.apps .vrows .bt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.apps .vlist .bt b{font:700 16px/20px var(--brand);color:var(--t1);letter-spacing:-.01em}
.apps .vlist .bt span{font:400 14px/18px var(--sys);color:var(--t2)}
.apps .vscreen .vchips{position:absolute;left:26px;right:0;top:96px;display:flex;gap:8px;overflow:hidden;white-space:nowrap}
.apps .vscreen .chip{flex:none;height:36px;padding:0 18px;border-radius:18px;box-shadow:inset 0 0 0 .5px var(--hair);font:500 14px/36px var(--brand);color:var(--t1)}
.apps .vscreen .chip.on{background:var(--t1);color:var(--screen);box-shadow:none}
.apps .vscreen .vrows{position:absolute;left:26px;right:26px;top:150px;list-style:none;margin:0;padding:0}
.apps .vscreen .vrows li{display:flex;align-items:center;gap:14px;padding:10px 0;position:relative}
.apps .vscreen .vrows li+li::before{content:"";position:absolute;left:70px;right:0;top:0;height:.5px;background:var(--hair)}
.apps .vscreen .vrows .bt b{font:600 17px/22px var(--sys);color:var(--t1)}
.apps .vscreen .vrows .bt span{font:400 14px/18px var(--sys);color:var(--t2)}
.apps .vscreen .vrows .dots{width:24px;height:24px;flex:none;display:grid;place-items:center;color:var(--t3)}
.apps .vscreen .vrows .dots svg{width:20px;height:20px;fill:currentColor}
.apps .vscreen .wc.plus svg{fill:none;stroke:currentColor;stroke-width:2}
.apps .vscreen .vlock{position:absolute;inset:0;z-index:30;background:var(--wbg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:opacity .5s}
.apps .vscreen .vlock .face{width:72px;height:72px;color:var(--t1);margin-bottom:10px}
.apps .vscreen .vlock .face svg{width:72px;height:72px}
.apps .vscreen .vlock b{font:700 20px/24px var(--sys);color:var(--t1)}
.apps .vscreen .vlock span{font:400 15px/20px var(--sys);color:var(--t2)}
.apps .vscreen .vlock.off{opacity:0;pointer-events:none}
.apps .card.budget .lead{display:flex;flex-direction:column;height:calc(min(620px,72vh) - 48px - 48px - 44px)}
.apps .sumlist{list-style:none;margin:auto 0;padding:0;max-width:380px}
.apps .sumlist li{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;position:relative;font:400 16px/20px var(--sys);color:var(--t2)}
.apps .sumlist li+li::before{content:"";position:absolute;left:0;right:0;top:0;height:.5px;background:var(--hair)}
.apps .sumlist li b{font:500 17px/20px var(--sys);color:var(--t1);font-variant-numeric:tabular-nums}
.apps .sumlist li.tot{color:var(--t1);font-weight:600}
.apps .sumlist li.tot::before{height:1.5px;background:var(--t1)}
.apps .sumlist li.tot b{font:700 22px/24px var(--sys)}
.apps .gscreen .bcard{position:absolute;left:12px;right:12px;top:96px;padding:20px 18px 18px;border-radius:20px;background:var(--wcard)}
.apps .gscreen .kick{display:flex;align-items:center;gap:8px;font:600 12px/16px var(--sys);letter-spacing:.12em;color:var(--t2)}
.apps .gscreen .kick span{margin-left:auto}
.apps .gscreen .dot{width:9px;height:9px;border-radius:5px;display:inline-block;flex:none}
.apps .gscreen .dot.g{background:#34C759}
.apps .gscreen .dot.r{background:#FF6B6B}
.apps .gscreen .amt{margin-top:16px;font:700 38px/42px var(--sys);color:var(--t1);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.apps .gscreen .cyc{font:400 15px/20px var(--sys);color:var(--t2);margin-top:2px}
.apps .gscreen .days{display:flex;gap:7px;margin-top:18px}
.apps .gscreen .days .d{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}
.apps .gscreen .days .d i{display:block;width:100%;aspect-ratio:1;border-radius:6px;background:var(--wbg)}
.apps .gscreen .days .d.on i{background:var(--t2)}
.apps .gscreen .days .d b{font:500 12px/14px var(--sys);color:var(--t3)}
.apps .gscreen .days .d.on b{color:var(--t1)}
.apps .gscreen .bar{height:1.5px;background:var(--hair);margin-top:16px;overflow:hidden}
.apps .gscreen .bar i{display:block;height:100%;background:#34C759}
.apps .gscreen .left{margin-top:14px;font:400 14px/18px var(--sys);color:var(--t2)}
.apps .gscreen .rule{position:absolute;left:12px;right:12px;top:424px;height:.5px;background:var(--hair)}
.apps .gscreen .sect{position:absolute;left:12px;right:12px;border-radius:16px;background:var(--wcard);overflow:hidden}
.apps .gscreen .sect.s1{top:444px}
.apps .gscreen .sect.s2{top:558px}
.apps .gscreen .sect.s3{top:622px}
.apps .gscreen .srow{display:flex;align-items:center;gap:12px;height:52px;padding:0 16px;position:relative}
.apps .gscreen .srow+.srow::before{content:"";position:absolute;left:16px;right:16px;top:0;height:.5px;background:var(--hair)}
.apps .gscreen .srow.head{height:50px}
.apps .gscreen .srow.head b{font:600 16px/20px var(--sys);color:var(--t1);flex:1}
.apps .gscreen .srow.head svg{width:14px;height:14px;color:var(--t2)}
.apps .gscreen .srow .ok{width:22px;height:22px;border-radius:11px;background:#E0A526;color:#000;display:grid;place-items:center;flex:none}
.apps .gscreen .srow .ok svg{width:14px;height:14px}
.apps .gscreen .srow .nm{flex:1;font:400 15px/19px var(--sys);color:var(--t1)}
.apps .gscreen .srow b{font:600 16px/20px var(--sys);color:var(--t1);font-variant-numeric:tabular-nums}
.apps .gscreen .srow .plus{font:400 18px/1 var(--sys);color:var(--t2);margin-left:6px}
.apps .gscreen .srow .box{width:22px;height:22px;color:var(--t3)}
.apps .gscreen .srow .box svg{width:22px;height:22px}
.apps .gscreen .sect.one .srow{height:52px}
.apps .card.period{--acc:#B4506F;--pe:#C14F5B;--fo:#86C296;--ov:#5FA8D3;--lu:#B08FD8}
.apps .card.period .wstack .wi .tile{background:var(--acc)}
.apps .card.period .wstack .wi .tile svg{width:26px;height:26px}
.apps .card.period .wstack .wi.on .tile svg{width:28px;height:28px}
.apps .pscreen{--wbg:#F6F6F9;--wcard:#fff;--wdot:#E5E5EA;background:var(--wbg)}
.apps .pscreen .wc{background:#fff;box-shadow:inset 0 0 0 .5px var(--hair)}
.apps .pscreen .pnav{display:flex;align-items:center;justify-content:space-between;padding:0 26px;margin-top:10px}
.apps .pscreen .pnav b{font:600 20px/24px var(--sys);color:var(--t1)}
.apps .pscreen .pnav .ch{width:12px;height:20px;color:var(--t1)}
.apps .pscreen .pnav .ch svg{width:12px;height:20px;display:block}
.apps .pscreen .pnav .ch.dim{color:#B9B9BE}
.apps .pscreen .pday{margin-top:18px;text-align:center;font:700 22px/26px var(--sys);color:var(--t1)}
.apps .pscreen .pnext{margin-top:6px;text-align:center;font:400 15px/20px var(--sys);color:var(--t2)}
.apps .pscreen .pfeel{position:relative;width:266px;height:266px;margin:22px auto 0;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,#fff 0,rgba(255,255,255,.96) 14%,rgba(255,255,255,0) 72%),conic-gradient(from 0deg,#B9CB7E 0deg,#7CC79A 45deg,#6FA3DA 135deg,#E27D72 225deg,#F2CF62 315deg,#B9CB7E 360deg)}
.apps .pscreen .pfeel .dot{position:absolute;left:62%;top:46%;width:30px;height:30px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(236,228,180,.9);box-shadow:inset 0 0 0 1px rgba(0,0,0,.3)}
.apps .pscreen .pword{margin-top:16px;text-align:center;font:700 24px/28px var(--sys);color:var(--t1)}
.apps .pscreen .plvl{margin:18px 26px 0;font:400 17px/22px var(--sys);color:var(--t1)}
.apps .pscreen .plvl i{display:block;height:26px;border-radius:13px;background:#fff;margin-top:10px}
.apps .pscreen .prow{display:flex;justify-content:space-between;gap:16px;margin:22px 26px 0;font:400 17px/22px var(--sys);color:var(--t1)}
.apps .pscreen .prow b{font-weight:400;color:var(--t2);text-align:right}
.apps .pscreen .pdock{position:absolute;left:26px;right:26px;bottom:84px;height:62px;border-radius:31px;background:#fff;box-shadow:inset 0 0 0 .5px var(--hair);display:flex;align-items:center;justify-content:space-around;padding:4px}
.apps .pscreen .pdock .pd{width:92px;height:54px;border-radius:27px;display:grid;place-items:center;color:var(--t1)}
.apps .pscreen .pdock .pd.on{background:#E8E8ED;color:var(--pe)}
.apps .pscreen .pdock .pd svg{width:24px;height:24px;display:block}
.apps .pscreen .pdock .pd svg.lot{width:30px;height:21px}
.apps .pscreen .pdock .pd:not(.on) svg.lot path{fill:#8E8E93}
.apps .pscreen .pgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px 7px;margin:22px 26px 0}
.apps .pscreen .pgrid .w{text-align:center;font:400 14px/18px var(--sys);color:var(--t2);margin-bottom:6px}
.apps .pscreen .pgrid .d{position:relative;height:40px;border-radius:9px;display:grid;place-items:center;font:400 17px/1 var(--sys);color:var(--t1)}
.apps .pscreen .pgrid .d i{position:absolute;top:6px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:2px;background:rgba(60,60,67,.6);display:none}
.apps .pscreen .pgrid .d.log i{display:block}
.apps .pscreen .pgrid .d.ov{background:rgba(95,168,211,.22)}
.apps .pscreen .pgrid .d.lu{background:rgba(176,143,216,.22)}
.apps .pscreen .pgrid .d.fo{background:rgba(134,194,150,.22)}
.apps .pscreen .pgrid .d.pe{background:var(--pe);color:#fff}
.apps .pscreen .pgrid .d.pe i{background:#fff}
.apps .pscreen .pgrid .d.today{font-weight:700}
.apps .pscreen .pgrid .d.today i{top:auto;bottom:4px;background:var(--t1)}
.apps .pscreen .pleg{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin:22px 26px 0;font:400 17px/22px var(--sys);color:var(--t1)}
.apps .pscreen .pleg span{display:flex;align-items:center;gap:10px}
.apps .pscreen .pleg i{width:11px;height:11px;border-radius:50%;flex:none}
.apps .pscreen .pleg i.pe{background:var(--pe)}
.apps .pscreen .pleg i.fo{background:var(--fo)}
.apps .pscreen .pleg i.ov{background:var(--ov)}
.apps .pscreen .pleg i.lu{background:var(--lu)}
.apps .pscreen .pnote{margin:18px 26px 0;font:400 15px/20px var(--sys);color:var(--t2)}
.apps .pscreen .ptext{margin:6px 26px 0}
.apps .pscreen .ptext h3{margin:0 0 10px;font:700 22px/26px var(--sys);color:var(--t1)}
.apps .pscreen .ptext p{margin:0 0 10px;font:400 17px/23px var(--sys);color:var(--t1)}
.apps .pscreen .ptext p.dim{font-size:15px;line-height:20px;color:var(--t2);margin:4px 0 18px}
.apps .pscreen .pcurve{margin:0 26px;background:#fff;border-radius:20px;padding:14px 16px 8px}
.apps .pscreen .pcurve .ct{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font:400 15px/19px var(--sys);color:var(--t1)}
.apps .pscreen .pcurve .ct b{font-weight:400;color:var(--t2);text-align:right;white-space:nowrap}
.apps .pscreen .pcurve svg{width:100%;height:auto;display:block;margin-top:10px}
.apps .app .sq.period>svg{width:38px;height:27px}