.app{display:grid;grid-template-columns:1fr;min-height:100dvh}.app>*,.shell{min-width:0}.shell{display:grid;grid-template-rows:auto 1fr;min-height:0}.shell>*{min-width:0}@media (min-width:960px){.app{grid-template-columns:244px minmax(0,1fr)}}.side{background:var(--surface);border-bottom:1px solid var(--line);padding:var(--s-3) var(--s-4);display:grid;gap:var(--s-3);align-content:start}@media (min-width:960px){.side{border-bottom:0;border-inline-start:1px solid var(--line);padding:var(--s-5) var(--s-4);position:sticky;inset-block-start:0;max-height:100dvh;overflow-y:auto;grid-template-rows:auto auto 1fr auto}}.brand{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-18);font-weight:var(--w-semi);letter-spacing:var(--track-tighter)}.brand,.brand .mark{color:var(--ink-900)}.store-tag{display:grid;gap:1px;padding:var(--s-2) var(--s-3);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);min-width:0}.store-tag b{font-size:var(--t-13);font-weight:var(--w-semi);direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate;text-align:start}.store-tag span{font-size:var(--t-11);color:var(--fg-2);align-items:center}.nav,.store-tag span{display:flex;gap:var(--s-1)}.nav{overflow-x:auto;scrollbar-width:none;max-width:100%;padding-bottom:2px}.nav::-webkit-scrollbar{display:none}@media (min-width:960px){.nav{flex-direction:column;overflow:visible;gap:1px}}.nav a,.nav>span{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);font-size:var(--t-14);font-weight:var(--w-medium);color:var(--fg-2);white-space:nowrap}.nav a .icon{color:var(--fg-3)}.nav a:hover{background:var(--surface-2);color:var(--fg)}.nav a:hover .icon{color:var(--fg-2)}.nav a[aria-current=page]{background:var(--ink-900);color:var(--fg-inv);font-weight:var(--w-semi)}.nav a[aria-current=page] .icon{color:var(--fg-inv)}.nav a[aria-current=page] .count{background:var(--fg-inv);color:var(--ink-900)}.nav .count{margin-inline-start:auto}.nav__sub{display:flex;gap:var(--s-1)}@media (min-width:960px){.nav__sub{flex-direction:column;gap:1px;margin-inline-start:var(--s-5);padding-inline-start:var(--s-3);border-inline-start:1px solid var(--line);margin-block:2px}}.nav__sub a{font-size:var(--t-13);padding-block:6px}.nav__label{font-size:var(--t-11);font-weight:var(--w-semi);color:var(--fg-3);padding:var(--s-3) var(--s-3) var(--s-1);letter-spacing:.04em}@media (max-width:959px){.nav__label{display:none}}.side--platform{background:var(--navy-900);border-inline-end-color:var(--navy-700)}.side--platform .nav__item{color:color-mix(in oklab,var(--fg-inv) 72%,transparent)}.side--platform .nav__item:hover{background:var(--navy-800);color:var(--fg-inv)}.side--platform .nav__item.is-active{background:var(--navy-700);color:var(--fg-inv)}.side--platform .brand{color:var(--fg-inv)}.side--platform .side__foot{border-block-start-color:var(--navy-700)}.side__brand{display:grid;gap:2px;padding:var(--s-4) var(--s-4) var(--s-3)}.side__scope{font-size:var(--t-12);color:color-mix(in oklab,var(--fg-inv) 60%,transparent)}.brand--sm{font-size:var(--t-16);gap:var(--s-2)}.side__foot{display:grid;gap:var(--s-2);padding-top:var(--s-3);border-top:1px solid var(--line)}.main{padding:var(--s-4);min-width:0;overflow-x:hidden}@media (min-width:960px){.main{padding:var(--s-6) var(--s-8) var(--s-16)}}.gate{min-height:100dvh;display:grid;place-items:start center;padding:var(--s-8) var(--s-4) var(--s-12);background:var(--bg)}@media (min-width:720px){.gate{place-items:center;padding-block:var(--s-10)}}.gate__inner{width:100%;max-width:420px;display:grid;gap:var(--s-5)}.gate__inner--wide{max-width:560px}.gate__brand{display:grid;gap:var(--s-2);justify-items:center;text-align:center}.gate__brand .brand{font-size:var(--t-21)}.gate__tagline{font-size:var(--t-13);color:var(--fg-2)}.gate__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:var(--s-6);display:grid;gap:var(--s-5)}.gate__title{display:grid;gap:var(--s-1)}.gate__title h1{font-size:var(--t-21)}.gate__title p{font-size:var(--t-14);color:var(--fg-2);margin:0}.gate__alt{text-align:center;font-size:var(--t-13);color:var(--fg-2)}.gate__alt a{color:var(--ink-900);font-weight:var(--w-semi)}.gate__alt a:hover{text-decoration:underline;text-underline-offset:3px}.gate__steps{display:flex;align-items:center;gap:var(--s-2);justify-content:center;font-size:var(--t-12);color:var(--fg-2)}.gate__steps i{width:26px;height:3px;border-radius:var(--r-full);background:var(--line-2)}.gate__steps i[data-on]{background:var(--accent-500)}details>summary{cursor:pointer;padding:var(--s-2) 0;font-weight:var(--w-semi);font-size:var(--t-14);color:var(--fg)}details>summary:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--r-xs)}details[open]>summary{margin-block-end:var(--s-3)}.topbar{position:sticky;inset-block-start:0;z-index:20;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block-end:1px solid var(--line)}@media (min-width:960px){.topbar{padding:var(--s-2) var(--s-8)}}.topbar__search{display:flex;align-items:center;gap:var(--s-2);flex:1 1 auto;min-inline-size:0;max-inline-size:420px;padding:0 var(--s-3);block-size:36px;border:1px solid var(--line);border-radius:var(--r-full);background:var(--bg);color:var(--fg-3)}.topbar__search:focus-within{border-color:var(--accent-500);box-shadow:var(--ring)}.topbar__input{flex:1 1 auto;min-inline-size:0;border:0;background:none;font:inherit;font-size:var(--t-13);color:var(--fg);outline:none}.topbar__input::placeholder{color:var(--fg-3)}@media (max-width:559px){.topbar__visit span{display:none}}.menu{position:relative;margin-inline-start:auto}.menu>summary{list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu__btn{display:flex;align-items:center;gap:var(--s-2);min-block-size:36px;padding:0 var(--s-2);border-radius:var(--r-full);font-size:var(--t-13);font-weight:var(--w-medium);color:var(--fg-2);cursor:pointer}.menu__btn:hover{background:var(--surface-2);color:var(--fg)}.menu__btn:focus-visible{box-shadow:var(--ring);outline:none}.menu[open] .menu__caret{transform:rotate(90deg)}.menu__caret{transition:transform var(--dur-1) var(--ease)}@media (max-width:559px){.menu__name{display:none}}.menu__pop{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;min-inline-size:220px;padding:var(--s-2);display:grid;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);z-index:30}.menu__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-2) var(--s-3);font-size:var(--t-13);font-weight:var(--w-semi);border-block-end:1px solid var(--line);margin-block-end:2px}.menu__head b{font-size:var(--t-11);font-weight:var(--w-medium);color:var(--fg-3)}.menu__item{display:flex;align-items:center;gap:var(--s-2);inline-size:100%;padding:var(--s-2) var(--s-3);border:0;background:none;font:inherit;font-size:var(--t-13);color:var(--fg-2);border-radius:var(--r-sm);text-align:start;cursor:pointer}.menu__item:hover{background:var(--surface-2);color:var(--fg)}.menu__item .icon{color:var(--fg-3)}.menu__item--danger:hover{background:var(--danger-bg);color:var(--danger)}.menu__item--danger:hover .icon{color:var(--danger)}.tabbar{display:none}@media (max-width:959px){.tabbar{position:fixed;inset-inline:0;inset-block-end:0;z-index:40;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-start:1px solid var(--line);padding-block-end:env(safe-area-inset-bottom,0)}.tabbar a{display:grid;justify-items:center;align-content:center;gap:3px;min-block-size:54px;padding:var(--s-2) 2px;font-size:var(--t-11);font-weight:var(--w-medium);color:var(--fg-3)}.tabbar a[aria-current=page],.tabbar a[aria-current=page] .icon{color:var(--accent-600)}.tabbar__label{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar__ico{position:relative;display:grid;place-items:center}.tabbar__dot{position:absolute;inset-block-start:-2px;inset-inline-end:-3px;inline-size:7px;block-size:7px;border-radius:var(--r-full);background:var(--danger);border:1.5px solid var(--surface)}.main{padding-block-end:calc(72px + env(safe-area-inset-bottom, 0px))}}.inv{max-inline-size:780px;margin-inline:auto;padding:var(--s-6) var(--s-5) var(--s-12);background:#fff;color:#111;font-size:var(--t-14);line-height:var(--lh-base)}.inv__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-block-end:var(--s-6);padding-block-end:var(--s-4);border-block-end:1px dashed var(--line)}.inv__sizes{display:flex;gap:var(--s-2)}.inv__sizes [aria-current=page]{background:var(--ink-900);color:var(--fg-inv)}.inv__hint{font-size:var(--t-12);color:var(--fg-3);margin-inline-start:auto}.inv__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-4);padding-block-end:var(--s-4);border-block-end:2px solid #111}.inv__shop{font-size:var(--t-21);font-weight:var(--w-semi);margin:0}.inv__meta{text-align:end}.inv__no{font-size:var(--t-16);font-weight:var(--w-semi);margin:0}.inv__line{margin:2px 0;font-size:var(--t-13)}.inv__h2,.inv__sub{font-size:var(--t-12);color:#555}.inv__h2{font-weight:var(--w-semi);text-transform:none;margin:0 0 4px}.inv__party{padding-block:var(--s-4)}.inv__table{inline-size:100%;border-collapse:collapse;margin-block:var(--s-4)}.inv__table td,.inv__table th{padding:7px 8px;border-block-end:1px solid #ddd;text-align:start;vertical-align:top}.inv__table thead th{font-size:var(--t-12);font-weight:var(--w-semi);border-block-end:1.5px solid #111}.inv__table .num{text-align:end;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.inv__sums{margin-inline-start:auto;max-inline-size:300px}.inv__sums p{display:flex;justify-content:space-between;gap:var(--s-4);margin:4px 0;font-size:var(--t-13)}.inv__total{border-block-start:1.5px solid #111;padding-block-start:6px;margin-block-start:6px!important;font-size:var(--t-16)!important;font-weight:var(--w-semi)}.inv__pay{color:#555}.inv__note{margin-block-start:var(--s-5)}.inv__foot{margin-block-start:var(--s-8);padding-block-start:var(--s-4);border-block-start:1px solid #ddd;font-size:var(--t-12);color:#555;text-align:center}.inv--80{max-inline-size:72mm;padding:var(--s-3);font-size:12px}.inv--80 .inv__head{display:block;text-align:center;border-width:1px}.inv--80 .inv__meta{text-align:center;margin-block-start:var(--s-2)}.inv--80 .inv__shop{font-size:15px}.inv--80 .inv__table td,.inv--80 .inv__table th{padding:4px 2px;font-size:11px}.inv--80 .inv__sums{max-inline-size:none}.inv--80 .inv__total{font-size:13px!important}@media print{.noprint,.side,.tabbar,.topbar{display:none!important}.inv{max-inline-size:none;padding:0}.inv--80{max-inline-size:72mm}.inv__sums,.inv__table tr{page-break-inside:avoid;break-inside:avoid}@page{margin:12mm}}@media (min-width:960px){.side{background:var(--navy-900);border-inline-start-color:var(--navy-700);color:var(--on-navy);position:relative;isolation:isolate}.side:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.side .brand{color:var(--on-navy)}.side .store-tag{background:var(--wash-1);border-color:var(--navy-700)}.side .store-tag b{color:var(--on-navy)}.side .nav__label{color:var(--ink-400)}.nav a{color:var(--ink-300)}.nav a .icon{color:var(--ink-400)}.nav a:hover{background:var(--wash-1)}.nav a:hover,.nav a:hover .icon{color:var(--on-navy)}.nav a[aria-current=page]{background:var(--wash-2);color:var(--on-navy);position:relative}.nav a[aria-current=page]:before{content:"";position:absolute;inset-inline-start:0;inset-block:6px;inline-size:3px;border-radius:var(--r-full);background:var(--v-300);box-shadow:none}.nav a[aria-current=page] .icon{color:var(--accent-400)}.nav a[aria-current=page] .count{background:var(--accent-400);color:var(--on-accent)}.nav__sub{border-inline-start-color:var(--navy-700)}.side__foot{border-block-start-color:var(--navy-700)}.side__foot .btn--ghost{color:var(--ink-300)}.side__foot .btn--ghost:hover{background:var(--wash-2);color:var(--on-navy)}.side .select{background:var(--wash-1)}.side .btn--quiet,.side .select{border-color:var(--navy-700);color:var(--on-navy)}.side .btn--quiet{background:var(--wash-2)}.side .btn--quiet:hover{background:var(--wash-3)}}