/*! © 2026 Super Coding (super-coding.com). All rights reserved. This site, its code and its design are the studio's own work; they are not licensed for copying or reuse. */
.sico{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.sico.lg{width:26px;height:26px}.sico.sm{width:16px;height:16px}.btn .sico{margin-inline-end:2px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tile{display:flex;gap:12px;align-items:center;padding:16px;border-radius:16px;background:var(--c-stone, #F5F2EC)}.tile .ic{width:44px;height:44px;border-radius:12px;background:#fff;color:var(--teal, #0F6E66);display:grid;place-items:center;flex:none}.tile div>span{display:block;font-size:13px;color:var(--ink-3, #8A847A)}.tile b{display:block;font:500 17px/1.35 var(--f-display)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chipb{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--c-line, #E6E1D8);background:#fff;font:inherit;font-size:14.5px;cursor:pointer;color:var(--ink, #1A1814);transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.chipb:hover{border-color:#c9c2b6}.chipb[aria-pressed=true]{background:var(--ink, #1A1814);color:#fff;border-color:var(--ink, #1A1814)}.chipb .n{font-size:12px;opacity:.7}.seg2{display:inline-flex;padding:4px;border-radius:999px;background:var(--c-stone, #F5F2EC);gap:2px}.seg2 button{border:0;background:none;font:inherit;font-size:14px;padding:8px 16px;border-radius:999px;cursor:pointer;color:var(--ink-2, #5C574F);display:inline-flex;align-items:center;gap:6px}.seg2 button[aria-pressed=true]{background:#fff;color:var(--ink, #1A1814);box-shadow:0 1px 4px #00000014;font-weight:500}.subnav{position:sticky;top:84px;z-index:5;background:#fffffff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--c-line, #E6E1D8)}.subnav .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.subnav a{padding:16px 14px;white-space:nowrap;color:var(--ink-2, #5C574F);border-bottom:2px solid transparent;font-weight:500;display:inline-flex;gap:8px;align-items:center}.subnav a.on{color:var(--ink, #1A1814);border-bottom-color:var(--teal, #0F6E66)}.sh{display:flex;align-items:center;gap:12px;margin:0 0 18px}.sh .ic{width:40px;height:40px;border-radius:12px;background:#e7f1ef;color:var(--teal, #0F6E66);display:grid;place-items:center}.sh h2{margin:0;font:300 clamp(26px,2.6vw,38px)/1.2 var(--f-display)}.ilist{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 24px;list-style:none;margin:0;padding:0}.ilist li{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--c-line, #E6E1D8)}.ilist .ic{color:var(--teal, #0F6E66)}.ilist b{font-weight:500}.ilist small{display:block;color:var(--ink-3, #8A847A);font-size:13px}.ilist .t{margin-inline-start:auto;font:500 15px var(--f-display);color:var(--ink-2, #5C574F);white-space:nowrap}.vtl{list-style:none;margin:0;padding:0;position:relative}.vtl:before{content:"";position:absolute;top:8px;bottom:8px;inset-inline-start:19px;width:2px;background:var(--c-line, #E6E1D8)}.vtl>li{position:relative;padding-inline-start:58px;padding-bottom:26px}.vtl .dot{position:absolute;inset-inline-start:0;top:0;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--c-line, #E6E1D8);color:var(--ink-3, #8A847A)}.vtl .done .dot{background:var(--teal, #0F6E66);border-color:var(--teal, #0F6E66);color:#fff}.vtl .now .dot{border-color:var(--teal, #0F6E66);color:var(--teal, #0F6E66);box-shadow:0 0 0 6px #e7f1ef}.vtl b{display:block;font:500 17px/1.4 var(--f-display)}.vtl small{color:var(--ink-3, #8A847A)}.ring{position:relative;width:220px;height:220px}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring .lbl{position:absolute;inset:0;display:grid;place-items:center;text-align:center;align-content:center}.ring .lbl b{font:200 58px/1 var(--f-display);color:var(--teal, #0F6E66)}.ring .lbl span{font-size:13px;color:var(--ink-3, #8A847A);margin-top:6px}dialog.lightbox{border:0;padding:0;background:transparent;max-width:min(1200px,94vw);width:94vw}dialog.lightbox::backdrop{background:#0a0806e0}dialog.lightbox img,dialog.lightbox .fp-big{width:100%;max-height:86vh;object-fit:contain;display:block;border-radius:14px;background:#fff}dialog.lightbox .close{position:absolute;top:-48px;inset-inline-end:0;width:40px;height:40px;border-radius:50%;border:0;background:#fff;display:grid;place-items:center;cursor:pointer}dialog.lightbox p{color:#fff;text-align:center;margin:12px 0 0;font-size:14px}.mbar{display:none}@media (max-width: 900px){.mbar{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--c-line, #E6E1D8);padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:10px;align-items:center;box-shadow:0 -10px 30px #0000000f}.mbar .p{flex:1}.mbar .p b{display:block;font:500 18px var(--f-display)}.mbar .p small{color:var(--ink-3, #8A847A)}body.has-mbar{padding-bottom:76px}}.fav{width:42px;height:42px;border-radius:50%;border:1px solid var(--c-line, #E6E1D8);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--ink-2, #5C574F);transition:transform .15s}.fav:hover{transform:scale(1.06)}.fav[aria-pressed=true]{color:#c2410c;border-color:#f3c9b5;background:#fff4ee}.fav[aria-pressed=true] .sico{fill:currentColor}.cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}.cmp th,.cmp td{padding:16px 18px;text-align:start;border-bottom:1px solid var(--c-line, #E6E1D8);vertical-align:top}.cmp thead th{font:500 18px/1.3 var(--f-display);background:var(--c-stone, #F5F2EC)}.cmp thead th:first-child{border-start-start-radius:16px}.cmp thead th:last-child{border-start-end-radius:16px}.cmp tbody th{font-weight:500;color:var(--ink-2, #5C574F);width:22%}.cmp .best{color:var(--teal, #0F6E66);font-weight:600}@media (max-width: 1000px){.tiles{grid-template-columns:1fr 1fr}.ilist{grid-template-columns:1fr}}@media (max-width: 560px){.tile{padding:12px}.tile .ic{width:38px;height:38px}}