@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/plus-jakarta-sans-cyrillic-ext-wght-normal-JQUONSEA.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/plus-jakarta-sans-vietnamese-wght-normal-TOS5SH3L.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/plus-jakarta-sans-latin-ext-wght-normal-UBEBQO7H.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/plus-jakarta-sans-latin-wght-normal-XZSBT77D.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}:root{color-scheme:light;--color-bg: #fff9ec;--color-surface: #ffffff;--color-surface-2: #fff1d1;--color-text: #24190a;--color-text-muted: #6f604b;--color-border: #f1e3c4;--color-brand: #ffc845;--color-brand-strong: #ffb81f;--color-on-brand: #24190a;--color-ink: #24190a;--color-on-ink: #fff9ec;--color-accent: #995800;--color-accent-hover: #7a4600;--color-on-accent: #ffffff;--color-accent-soft: #ffeab5;--color-heart: #e8414b;--color-success: #2f6b3a;--color-success-soft: #e1efe3;--color-danger: #b42318;--color-danger-soft: #fbe5e2;--color-warning: #8a5a00;--color-warning-soft: #fbefd6;--color-focus: #1d5fbf;--color-paper: #fffaf0;--color-scrim: rgb(36 25 10 / 45%);--color-glass: rgb(255 255 255 / 85%);--font-body: "Plus Jakarta Sans Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: var(--font-body);--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--leading-tight: 1.2;--leading-normal: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgb(90 60 10 / 6%), 0 4px 14px rgb(90 60 10 / 7%);--shadow-2: 0 10px 30px rgb(90 60 10 / 16%);--shadow-brand: 0 6px 18px rgb(255 184 31 / 45%);--tap-min: 44px;--top-height: 60px;--nav-height: 72px;--nav-gap: 12px;--rail-width: 96px;--content-max: 1100px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--motion-fast: .15s;--motion-normal: .25s;--motion-slow: .4s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #15120c;--color-surface: #211c13;--color-surface-2: #2d2618;--color-text: #f8f0e0;--color-text-muted: #c4b499;--color-border: #3b3221;--color-brand: #ffc845;--color-brand-strong: #ffd76e;--color-on-brand: #24190a;--color-ink: #ffc845;--color-on-ink: #24190a;--color-accent: #ffcb56;--color-accent-hover: #ffd97f;--color-on-accent: #24190a;--color-accent-soft: #3d3014;--color-heart: #ff7078;--color-success: #7cc48a;--color-success-soft: #1f3324;--color-danger: #f28b82;--color-danger-soft: #3b1f1c;--color-warning: #e8b85a;--color-warning-soft: #3a2e17;--color-focus: #8ab4f8;--color-paper: #29221a;--color-scrim: rgb(0 0 0 / 60%);--color-glass: rgb(33 28 19 / 85%);--shadow-1: 0 1px 2px rgb(0 0 0 / 40%);--shadow-2: 0 10px 30px rgb(0 0 0 / 50%);--shadow-brand: 0 6px 18px rgb(255 200 69 / 20%)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #15120c;--color-surface: #211c13;--color-surface-2: #2d2618;--color-text: #f8f0e0;--color-text-muted: #c4b499;--color-border: #3b3221;--color-brand: #ffc845;--color-brand-strong: #ffd76e;--color-on-brand: #24190a;--color-ink: #ffc845;--color-on-ink: #24190a;--color-accent: #ffcb56;--color-accent-hover: #ffd97f;--color-on-accent: #24190a;--color-accent-soft: #3d3014;--color-heart: #ff7078;--color-success: #7cc48a;--color-success-soft: #1f3324;--color-danger: #f28b82;--color-danger-soft: #3b1f1c;--color-warning: #e8b85a;--color-warning-soft: #3a2e17;--color-focus: #8ab4f8;--color-paper: #29221a;--color-scrim: rgb(0 0 0 / 60%);--color-glass: rgb(33 28 19 / 85%);--shadow-1: 0 1px 2px rgb(0 0 0 / 40%);--shadow-2: 0 10px 30px rgb(0 0 0 / 50%);--shadow-brand: 0 6px 18px rgb(255 200 69 / 20%)}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-normal: 0ms;--motion-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-tight);font-weight:800;letter-spacing:-.02em;margin:0 0 var(--space-3)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg);font-weight:700}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);font-weight:600;text-underline-offset:3px}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-brand);color:var(--color-on-brand)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-weight:700;text-decoration:none;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.btn:hover{background:var(--color-surface-2)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand);box-shadow:var(--shadow-brand)}.btn-primary:hover{background:var(--color-brand-strong);border-color:var(--color-brand-strong)}.btn-primary:disabled{box-shadow:none}.btn-danger{color:var(--color-danger)}.btn-ghost{border-color:transparent;background:transparent}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-1)}.page{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-6);animation:page-in var(--motion-slow) var(--ease-out) backwards}@keyframes page-in{0%{transform:translateY(8px)}}@media(min-width:700px){.page{padding:var(--space-5) var(--space-5) var(--space-7)}h1{font-size:var(--text-3xl)}}.muted{color:var(--color-text-muted)}.banner{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border)}.banner.warning{background:var(--color-warning-soft);border-color:var(--color-warning)}.banner.danger{background:var(--color-danger-soft);border-color:var(--color-danger)}.field{display:grid;gap:var(--space-1)}.field>span,.field>label{font-weight:600;font-size:var(--text-sm)}.field .hint{font-weight:400;color:var(--color-text-muted)}.input,.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{width:100%;min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md);transition:border-color var(--motion-fast) var(--ease-out)}.input:hover,.field input:not([type=checkbox]):not([type=radio]):hover,.field select:hover,.field textarea:hover{border-color:var(--color-brand)}.input::placeholder,.field input:not([type=checkbox]):not([type=radio])::placeholder,.field select::placeholder,.field textarea::placeholder{color:var(--color-text-muted);opacity:.8}.input:focus-visible,.field input:not([type=checkbox]):not([type=radio]):focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:0;border-color:var(--color-focus)}.input[aria-invalid=true],.field input:not([type=checkbox]):not([type=radio])[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--color-danger)}textarea.input,.field textarea{resize:vertical;line-height:var(--leading-normal)}.field-error{color:var(--color-danger);font-size:var(--text-sm);margin:0}.check{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);cursor:pointer}.check input{width:20px;height:20px;accent-color:var(--color-brand-strong)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:32px;padding:0 var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.chip:hover{border-color:var(--color-brand)}.chip:active{transform:scale(.96)}.chip.selected,.chip[aria-pressed=true]{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand)}.chip.selected .muted,.chip[aria-pressed=true] .muted{color:inherit}.chip .remove{font-size:var(--text-lg);line-height:1}button.chip{min-height:36px}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);flex-shrink:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--motion-fast) var(--ease-out)}.icon-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.icon-btn:disabled{opacity:.35;cursor:default}.section-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:var(--space-5) 0 var(--space-2)}.manage{max-width:720px}.manage .back{margin-left:calc(-1 * var(--space-3))}.manage .add,.manage .rename{display:flex;gap:var(--space-2);flex:1}.manage .add{margin:var(--space-4) 0}.manage-list{margin:0;padding:0;list-style:none}.manage-list li{display:flex;align-items:center;gap:var(--space-1);min-height:56px;border-bottom:1px solid var(--color-border)}.manage-list .name{flex:1;display:grid;min-width:0;color:var(--color-text);font-weight:600;text-decoration:none;overflow-wrap:anywhere}.manage-list .small{font-size:var(--text-sm);font-weight:400}.badge{display:inline-flex;align-items:center;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.cdk-drag-preview{box-sizing:border-box;list-style:none;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-2)}.cdk-overlay-dark-backdrop{background:var(--color-scrim)}.app-dialog{width:calc(100% - 2 * var(--space-4));max-width:440px}.app-dialog .cdk-dialog-container{padding:var(--space-5);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-2);outline:none}.app-sheet .cdk-dialog-container{max-height:min(85dvh,760px);overflow:auto;padding:var(--space-5) var(--space-4) calc(var(--space-4) + var(--safe-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-2);outline:none}@media(min-width:700px){.app-sheet{margin-bottom:10dvh}.app-sheet .cdk-dialog-container{border-radius:var(--radius-lg)}}.menu{display:grid;min-width:200px;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-2)}.menu-item{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-3);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text);font:inherit;font-weight:600;text-align:left;cursor:pointer}.menu-item:hover,.menu-item:focus-visible{background:var(--color-surface-2);outline:none}.menu-item.danger{color:var(--color-danger)}.menu-item:disabled{opacity:.45;cursor:default}@media(max-width:699px){.app-sheet .cdk-dialog-container{position:relative;animation:sheet-in var(--motion-slow) var(--ease-out) backwards}.app-sheet .cdk-dialog-container:before{content:"";position:absolute;top:var(--space-2);left:50%;width:40px;height:4px;margin-left:-20px;border-radius:var(--radius-pill);background:var(--color-border)}}.app-dialog .cdk-dialog-container{animation:dialog-in var(--motion-normal) var(--ease-out) backwards}@keyframes sheet-in{0%{transform:translateY(40px)}}@keyframes dialog-in{0%{transform:scale(.96)}}