@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0f0f12;--surface:#1b1b21;--raised:#26262e;--press:#32323c;--text:#f6f3ee;--soft:#b5b0a8;--rule:#33333c;--marker:#f0c674;--error:#ffa78f;--font:"Bricolage Grotesque Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--side:16px;--top:env(safe-area-inset-top);--side-left:max(var(--side), env(safe-area-inset-left));--side-right:max(var(--side), env(safe-area-inset-right));--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--text)}*,:before,:after{box-sizing:border-box}html{background:var(--bg);scrollbar-color:var(--press) var(--bg);scroll-padding-top:calc(var(--top) + 16px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-variant-numeric:tabular-nums;margin:0;font-size:1rem;line-height:1.45}::selection{background:var(--marker);color:var(--bg)}:focus-visible{outline:2px solid var(--text);outline-offset:2px}button,input{font:inherit;color:inherit}h2,h3{margin:0}.stage{width:min(100%,36rem);min-height:100dvh;padding-top:var(--top);margin:0 auto}.stage:before{content:"";z-index:2;height:var(--top);background:var(--bg);position:fixed;inset:0 0 auto}.content{padding:20px var(--side-right) calc(40px + env(safe-area-inset-bottom)) var(--side-left)}.hero{width:100%;min-height:min(46dvh,22rem);padding:24px var(--side-right) 22px var(--side-left);background:var(--brand,var(--surface));color:var(--brand-ink,var(--text));text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;flex-direction:column;justify-content:flex-end;gap:4px;display:flex;position:relative;overflow:hidden}button.hero:active{filter:brightness(.92)}.hero:focus-visible{outline-color:var(--brand-ink);outline-offset:-5px}.hero-empty{cursor:default;-webkit-user-select:auto;user-select:auto}.hero-mark{aspect-ratio:1;opacity:.28;width:66%;max-width:19rem;height:auto;position:absolute;top:-8%;right:-10%}.hero-mark.brand-letter{justify-content:center;align-items:center;font-size:min(44vw,13rem);font-weight:800;line-height:1;display:flex}.hero-label,.hero-name,.hero-price{position:relative}.hero-label{font-size:.9375rem;font-weight:600}.hero-name{overflow-wrap:anywhere;letter-spacing:-.03em;text-wrap:balance;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(2.5rem,13vw,3.5rem);font-weight:800;line-height:1.02;display:-webkit-box;overflow:hidden}.hero-price{margin-top:6px;font-size:1.25rem;font-weight:700}.hero-date{font-size:1rem;font-weight:500}.hero-empty .hero-price{text-wrap:pretty;font-size:1rem;font-weight:500}.summary{margin-bottom:20px}.summary-lines{gap:2px;margin:0;display:grid}.summary-line{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 12px;display:flex}.summary-line dt{color:var(--soft);font-size:.9375rem}.summary-line dd{white-space:nowrap;margin:0 0 0 auto;font-size:1.0625rem;font-weight:700}.summary-lead .summary-amount{letter-spacing:-.02em;font-size:clamp(1.875rem,9.5vw,2.5rem);font-weight:800;line-height:1.15}.summary-lead .summary-amount.is-long{font-size:1.5rem}.summary-note{color:var(--soft);text-wrap:pretty;margin:10px 0 0;font-size:.875rem}.summary-missing .button{width:100%;margin-top:12px}.notice{color:var(--error);margin:0 0 16px}.reminder{border-bottom:1px solid var(--rule);margin-bottom:20px;padding-bottom:12px}.reminder-title{color:var(--marker);margin:0 0 6px;font-size:.9375rem;font-weight:700}.reminder-list{margin:0;padding:0;list-style:none}.reminder-item{grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:4px 0;display:grid}.reminder-name{overflow-wrap:anywhere;min-width:0;font-weight:700}.reminder-price{text-align:right;white-space:nowrap;grid-area:1/2;font-weight:700}.reminder-when{color:var(--soft);grid-area:2/1;font-size:.875rem}.library{margin-top:28px}.library-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.library-head h2{letter-spacing:-.01em;font-size:1.25rem;font-weight:800}.switch{background:var(--surface);border:0;border-radius:12px;gap:2px;margin:0;padding:2px;display:flex}.switch .choice span{border-color:#0000;padding-inline:12px}.shelf{margin-top:22px}.shelf h3{color:var(--soft);margin-bottom:10px;font-size:.9375rem;font-weight:600}.shelf-row{margin:0 calc(-1 * var(--side-right)) 0 calc(-1 * var(--side-left));padding:3px var(--side-right) 3px var(--side-left);scroll-padding-inline:var(--side-left);scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;list-style:none;display:flex;overflow-x:auto}.shelf-row::-webkit-scrollbar{display:none}.poster-item{scroll-snap-align:start;flex:0 0 9.25rem}.poster{background:var(--brand);width:100%;height:100%;min-height:13rem;color:var(--brand-ink);text-align:left;cursor:pointer;transition:transform .18s var(--ease);-webkit-user-select:none;user-select:none;border:0;border-radius:12px;flex-direction:column;justify-content:space-between;gap:12px;padding:14px 12px 12px;display:flex}.poster:active{transform:scale(.97)}.poster-mark{width:3rem;height:3rem}.brand-letter{align-items:center;font-size:2.75rem;font-weight:800;line-height:1;display:flex}.poster-body{gap:2px;display:grid}.poster-name{overflow-wrap:anywhere;font-size:1.0625rem;font-weight:800;line-height:1.15}.poster-price{margin-top:4px;font-size:.875rem;font-weight:700}.poster-date{text-wrap:balance;font-size:.8125rem;font-weight:500}.date-list{margin:12px 0 0;padding:0;list-style:none}.date-row{border:0;border-bottom:1px solid var(--rule);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:68px;padding:10px 0;display:grid}.date-row:active{background:var(--surface)}.date-tile{background:var(--brand);width:3rem;height:3rem;color:var(--brand-ink);border-radius:10px;justify-content:center;align-items:center;display:flex}.date-mark{width:1.75rem;height:1.75rem}.date-mark.brand-letter{justify-content:center;font-size:1.5rem}.date-main{min-width:0;display:grid}.date-name{overflow-wrap:anywhere;font-weight:700;line-height:1.2}.date-when,.date-period{color:var(--soft);font-size:.875rem}.date-when strong{color:var(--text);font-weight:600}.date-list>li:first-child .date-when strong{color:var(--marker)}.date-price{text-align:right;white-space:nowrap;font-size:.9375rem;font-weight:700}.is-new{animation:enter-shelf .42s var(--ease)}@keyframes enter-shelf{0%{transform:scale(.86)}}.settings{border-top:1px solid var(--rule);margin-top:32px}.rates{border-bottom:1px solid var(--rule)}.row{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-content:center;gap:2px;width:100%;min-height:56px;padding:12px 0;display:grid}.row:active:not(:disabled){background:var(--surface)}.row:disabled{cursor:default}.row-main{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.row-name{font-weight:700}.row-date{color:var(--soft);font-size:.875rem}.rates-line{color:var(--soft);justify-content:space-between;gap:12px;font-size:.9375rem;display:flex}.rates-note{color:var(--soft);text-wrap:pretty;margin:0;padding:0 0 12px;font-size:.875rem}.sheet{width:min(100%,36rem);max-width:none;max-height:92dvh;padding:0 var(--side-right) calc(20px + env(safe-area-inset-bottom)) var(--side-left);overscroll-behavior:contain;background:var(--surface);color:var(--text);border:0;border-radius:20px 20px 0 0;margin:auto auto 0;overflow-y:auto}.sheet[open]{animation:sheet-up .32s var(--ease)}.sheet::backdrop{background:#000000a6}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-head{z-index:1;background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex;position:sticky;top:0}.sheet-head h2{overflow-wrap:anywhere;letter-spacing:-.01em;min-width:0;font-size:1.375rem;font-weight:800;line-height:1.15}.sheet-close{background:var(--raised);cursor:pointer;border:0;border-radius:50%;flex:none;width:44px;height:44px;padding:10px}.sheet-close:active{background:var(--press)}.sheet .form{padding-top:8px;padding-bottom:8px}.sheet .input,.sheet .choice span{background-color:var(--raised)}@media (prefers-reduced-motion:reduce){.is-new,.sheet[open]{animation:none}.poster{transition:none}}.button{cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:10px;min-height:48px;padding:10px 16px;font-weight:700;transition:background-color .15s ease-out}.button:disabled{opacity:.55;cursor:default}.button-primary{background:var(--text);color:var(--bg)}.button-primary:active:not(:disabled){background:#d9d5cd}.button-add{width:100%}.button-outline{border-color:var(--soft)}.button-outline:active:not(:disabled),.button-text:active:not(:disabled){background:var(--press)}.button-text{text-underline-offset:3px;text-decoration:underline}@media (hover:hover){.button-primary:hover:not(:disabled){background:#fff}.button-outline:hover:not(:disabled),.button-text:hover:not(:disabled),.row:hover:not(:disabled),.date-row:hover{background:var(--surface)}.sheet .button-outline:hover:not(:disabled),.sheet .button-text:hover:not(:disabled){background:var(--raised)}.poster:hover{transform:scale(1.02)}button.hero:hover{filter:brightness(1.06)}}.form{gap:18px;padding:12px 0 20px;display:grid}.field{border:0;min-width:0;margin:0;padding:0}.field-label{margin-bottom:6px;padding:0;font-size:.875rem;font-weight:600;display:block}.field-hint,.field-error{text-wrap:pretty;margin:6px 0 0;font-size:.875rem}.field-hint{color:var(--soft)}.field-error{color:var(--error);font-weight:600}.input{border:1.5px solid var(--rule);background:var(--surface);width:100%;min-height:48px;caret-color:var(--text);border-radius:10px;padding:10px 12px;font-size:1rem;display:block}.input:focus-visible{border-color:var(--text);outline-offset:1px}.input[type=date]{appearance:none;text-align:left;min-width:0}.input[type=date]::-webkit-date-and-time-value{text-align:left}.input::placeholder{color:var(--soft);opacity:1}.input[aria-invalid=true]{border-color:var(--error)}.input-amount{max-width:11rem}.choices{flex-wrap:wrap;gap:6px;display:flex}.choice{cursor:pointer;position:relative}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice span{border:1.5px solid var(--rule);border-radius:10px;align-items:center;min-height:44px;padding:8px 14px;font-weight:500;transition:background-color .15s ease-out;display:flex}.choice:active input:not(:checked)+span{background:var(--press)}.choice input:checked+span,.sheet .choice input:checked+span{border-color:var(--text);background:var(--text);color:var(--bg);font-weight:700}.choice input:focus-visible+span{outline:2px solid var(--text);outline-offset:2px}.form-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form-actions .button-primary{flex:12rem}.form-danger{border-top:1px solid var(--press);margin-top:20px;padding-top:20px}.confirm-text{overflow-wrap:anywhere;margin:0 0 12px;font-weight:700}.backup-setting .field .button{justify-content:center;align-items:center;width:100%;display:flex}.button-file{cursor:pointer}.button-file:has(:focus-visible){outline:2px solid var(--text);outline-offset:2px}.button-file[aria-disabled=true]{opacity:.55;cursor:default}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}