@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Literata:opsz,wght@7..72,500;7..72,600;7..72,700&family=Syne:wght@600;700;800&display=swap";:root{--font-display:"Syne", "Arial Black", sans-serif;--font-body:"Literata", "Iowan Old Style", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--paper:#f3ead8;--paper-deep:#e8dcc4;--sheet:#faf4e8;--sheet-edge:#d9cbb0;--ink:#1c1712;--ink-soft:#4a4036;--ink-faint:#8a7c6a;--rule:#c9b89a;--rule-soft:#ddd0b8;--stamp-paid:#1f6b5c;--stamp-dragons:#c44b1a;--stamp-free:#5c4a8a;--signal:#a32020;--focus:#1f6b5c;--haze:#2a201573;--ease-out:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--ink);background-color:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:500;line-height:1.45}*,:before,:after{box-sizing:border-box}html{background:var(--paper)}body{background-color:var(--paper);background-image:radial-gradient(120% 80% at 50% -20%,#0000 40%,#50371912 100%),repeating-linear-gradient(0deg,#0000,#0000 2px,#5a462804 2px 3px),radial-gradient(#5a3c1e0a .7px,#0000 .8px),radial-gradient(#281e0f08 .5px,#0000 .6px);background-position:50%,0 0,0 0,2px 3px;background-size:auto,auto,5px 5px,7px 7px;background-attachment:fixed;min-width:320px;min-height:100dvh;margin:0}body:before{content:"";pointer-events:none;z-index:9999;opacity:.12;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.28 0 0 0 0 0.18 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}html,body{height:100%;overflow:hidden}button,input,select,textarea{font:inherit}::selection{background:color-mix(in srgb, var(--stamp-dragons) 35%, var(--paper));color:var(--ink)}.app{--pad:clamp(1rem, 3vw, 1.75rem);--tabs-h:0px;height:100dvh;max-height:100dvh;padding:var(--pad);padding-bottom:var(--pad);box-sizing:border-box;flex-direction:column;gap:1rem;max-width:1240px;margin:0 auto;display:flex;overflow:hidden}.month-header{border-bottom:1.5px solid var(--ink);flex-shrink:0;grid-template-columns:1fr auto;grid-template-areas:"meta add""nav nav";align-items:end;gap:.85rem 1rem;padding:0 .15rem 1.1rem;display:grid;position:relative}.month-header__actions{flex-wrap:wrap;grid-area:add;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.month-header__user{color:var(--ink-soft);text-transform:none;letter-spacing:.04em}.app-banner{font-family:var(--font-mono);border:1.5px solid var(--signal);background:color-mix(in srgb, var(--signal) 8%, var(--sheet));color:var(--signal);flex-shrink:0;margin:0;padding:.45rem .65rem;font-size:.78rem}.app-banner--error{border-color:var(--signal)}.app-loading{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.04em;flex:1;place-items:center;font-size:.85rem;display:grid}.auth-page{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.auth-card{background:var(--sheet);border:1.5px solid var(--ink);border-radius:2px;width:min(400px,100%);padding:1.35rem 1.3rem 1.4rem;box-shadow:inset 0 1px #fff9,6px 8px #5a42201a,0 18px 36px #2a1c0c29}.auth-card__eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .45rem;font-size:.68rem}.auth-card__title{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;margin:0;font-size:1.85rem;font-weight:800;line-height:1}.auth-card__hint{color:var(--ink-soft);margin:.55rem 0 1.15rem;font-size:.95rem}.auth-form{flex-direction:column;gap:.85rem;display:flex}.auth-form__submit{width:100%;margin-top:.25rem}.auth-card__switch{color:var(--ink-soft);margin:1.1rem 0 0;font-size:.9rem}.auth-card__switch a{color:var(--ink);text-underline-offset:2px;font-weight:700}.month-header:after{content:"";border-bottom:1px solid color-mix(in srgb, var(--ink) 45%, transparent);height:0;position:absolute;bottom:-5px;left:0;right:0}.month-header__meta{grid-area:meta}.month-header__eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:.68rem;font-weight:500}.month-header__add,.month-header__logout{align-self:start}.month-nav{grid-area:nav;align-items:center;gap:.5rem;min-width:0;display:flex}.month-nav__center{flex:1;align-items:center;gap:.45rem;min-width:0;display:flex}.month-title{min-width:0;font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(2rem,6vw,3.25rem);font-weight:800;line-height:.95}.month-title__year{font-family:var(--font-mono);letter-spacing:.08em;vertical-align:.55em;color:var(--ink-faint);text-transform:none;margin-left:.22em;font-size:.36em;font-weight:500;display:inline-block}.month-picker{flex-shrink:0;position:relative}.month-picker__trigger.is-open{border-color:var(--ink);background:var(--sheet)}.month-picker__icon{display:block}.month-picker__panel{z-index:50;background:var(--sheet);border:1.5px solid var(--ink);border-radius:2px;width:min(17.5rem,100vw - 2rem);padding:.7rem;position:absolute;top:calc(100% + .4rem);left:0;box-shadow:inset 0 1px #fff9,4px 6px #5a42201f,0 14px 28px #2a1c0c29}.month-picker__year-row{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.55rem;padding-bottom:.45rem;display:flex}.month-picker__year{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink);font-size:.95rem;font-weight:600}.month-picker__year-btn{width:2rem;height:2rem;font-size:1.15rem}.month-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.month-picker__cell{appearance:none;border:1px solid var(--rule);background:color-mix(in srgb, #fff 40%, var(--sheet));color:var(--ink);font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;border-radius:1px;padding:.55rem .2rem;font-size:.78rem;font-weight:700;transition:background .12s,border-color .12s,color .12s}.month-picker__cell:hover{border-color:var(--ink);background:var(--sheet)}.month-picker__cell:focus-visible{outline:2px solid var(--stamp-dragons);outline-offset:1px}.month-picker__cell.is-selected{background:var(--ink);border-color:var(--ink);color:var(--sheet);box-shadow:2px 2px 0 color-mix(in srgb, var(--stamp-dragons) 45%, transparent)}.board{background:var(--sheet);border:1.5px solid var(--sheet-edge);min-height:0;max-height:100%;box-shadow:0 1px 0 #ffffff8c inset, 1px 2px 0 var(--paper-deep), 3px 6px 0 #5a422014, 8px 14px 28px #3a2a121f;border-radius:2px 2px 3px 3px;flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;display:grid;position:relative;overflow:hidden}.board:before{content:"";background:radial-gradient(circle at 50% 12%, var(--paper) 3.5px, transparent 3.8px), radial-gradient(circle at 50% 32%, var(--paper) 3.5px, transparent 3.8px), radial-gradient(circle at 50% 52%, var(--paper) 3.5px, transparent 3.8px), radial-gradient(circle at 50% 72%, var(--paper) 3.5px, transparent 3.8px), radial-gradient(circle at 50% 92%, var(--paper) 3.5px, transparent 3.8px);opacity:.95;pointer-events:none;z-index:2;width:14px;display:none;position:absolute;top:1.25rem;bottom:1.25rem;left:-1px}@media (width>=841px){.board{background-image:linear-gradient(90deg, #5a42200d 0, transparent 18px, transparent calc(33.333% - 10px), #5a42200f 33.333%, transparent calc(33.333% + 10px), transparent calc(66.666% - 10px), #5a42200f 66.666%, transparent calc(66.666% + 10px)), repeating-linear-gradient(transparent, transparent 27px, color-mix(in srgb, var(--stamp-paid) 9%, transparent) 27px, color-mix(in srgb, var(--stamp-paid) 9%, transparent) 28px);background-position:0 0,0 3.6rem;background-size:auto,100% 28px}}@media (width<=840px){.app{--tabs-h:4.25rem;padding-bottom:calc(var(--tabs-h) + env(safe-area-inset-bottom,0px))}.board{background-image:repeating-linear-gradient(transparent, transparent 27px, color-mix(in srgb, var(--stamp-paid) 10%, transparent) 27px, color-mix(in srgb, var(--stamp-paid) 10%, transparent) 28px);background-position:0 3.4rem;background-size:100% 28px;grid-template-columns:1fr}.column+.column{border-left:0}}.column{flex-direction:column;gap:.75rem;min-height:0;max-height:100%;padding:.95rem .85rem .65rem;display:flex;overflow:hidden}@media (width<=840px){.board[data-mobile-col=paid] .column:not([data-column=paid]),.board[data-mobile-col=dragons] .column:not([data-column=dragons]),.board[data-mobile-col=free] .column:not([data-column=free]),.column.column--mobile-hidden{display:none}}.column+.column{border-left:1.5px dashed var(--rule)}.column__header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:.5rem;padding-bottom:.35rem;display:flex}.column__list{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--rule) transparent;flex-direction:column;flex:auto;gap:.55rem;min-height:0;margin-right:-.15rem;padding:.1rem .2rem .75rem .05rem;display:flex;overflow:hidden auto}.column__list::-webkit-scrollbar{width:8px}.column__list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--ink) 22%, transparent);background-clip:content-box;border:2px solid #0000;border-radius:4px}.column__list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--ink) 38%, transparent);background-clip:content-box;border:2px solid #0000}.column__stamp{flex-direction:column;gap:.25rem;max-width:100%;display:inline-flex}.column__mark{background:var(--col-accent,var(--stamp-paid));opacity:.9;border-radius:1px;width:2.2rem;height:3px}.column[data-column=paid]{--col-accent:var(--stamp-paid)}.column[data-column=dragons]{--col-accent:var(--stamp-dragons)}.column[data-column=free]{--col-accent:var(--stamp-free)}.column__title{font-family:var(--font-display);letter-spacing:-.015em;text-transform:uppercase;color:var(--ink);margin:0;font-size:.88rem;font-weight:700;line-height:1.15}.column__count{font-family:var(--font-mono);color:var(--col-accent);border:1.5px solid var(--col-accent);background:color-mix(in srgb, var(--col-accent) 8%, var(--sheet));text-align:center;border-radius:1px;min-width:1.5rem;padding:.15rem .4rem;font-size:.7rem;font-weight:600;line-height:1.2;transform:rotate(3deg)}.column__empty{color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.03em;flex-direction:column;align-items:flex-start;gap:.7rem;padding:1.1rem .1rem;font-size:.75rem;display:flex}.column__empty p{border-left:2px solid var(--rule);font-style:italic;font-family:var(--font-body);letter-spacing:0;margin:0;padding-left:.6rem;font-size:.9rem}.task-card{--ticket-angle:-.35deg;background:linear-gradient(165deg, color-mix(in srgb, #fff 55%, var(--sheet)) 0%, var(--sheet) 45%, color-mix(in srgb, var(--paper-deep) 35%, var(--sheet)) 100%);color:var(--ink);border:1px solid var(--sheet-edge);transform:rotate(var(--ticket-angle));transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out);animation:ticket-in .32s var(--ease-out) both;border-radius:1px;position:relative;box-shadow:inset 0 1px #ffffffb3,1px 2px #5a422014,2px 4px 8px #3a2a1214}.task-card:nth-child(2n){--ticket-angle:.3deg}.task-card:nth-child(3n){--ticket-angle:-.12deg}.task-card:hover{z-index:1;transform:rotate(0)translateY(-2px);box-shadow:inset 0 1px #ffffffb3,2px 5px #5a422012,4px 10px 16px #3a2a121f}.task-card:before{content:"";background:var(--col-accent,var(--stamp-paid));opacity:.85;width:4px;position:absolute;top:0;bottom:0;left:0}.task-card:after{content:"";border-bottom:1px dashed color-mix(in srgb, var(--ink) 10%, transparent);pointer-events:none;height:0;position:absolute;bottom:.45rem;left:2rem;right:.65rem}.task-card[data-column=paid]{--col-accent:var(--stamp-paid)}.task-card[data-column=dragons]{--col-accent:var(--stamp-dragons)}.task-card[data-column=free]{--col-accent:var(--stamp-free)}.task-card--done{opacity:.72;filter:saturate(.7)}.task-card--done .task-card__title{color:var(--ink-faint);text-decoration:line-through;text-decoration-thickness:1.5px}.task-card__row{align-items:flex-start;gap:.1rem;display:flex}.task-card--dragging{opacity:1;background:repeating-linear-gradient(-12deg, color-mix(in srgb, var(--col-accent,var(--stamp-paid)) 8%, transparent), color-mix(in srgb, var(--col-accent,var(--stamp-paid)) 8%, transparent) 6px, transparent 6px, transparent 12px), color-mix(in srgb, var(--sheet) 55%, transparent);border:1.5px dashed color-mix(in srgb, var(--col-accent,var(--stamp-paid)) 70%, var(--rule));box-shadow:none;position:relative}.task-card--dragging .task-card__row,.task-card--dragging .task-card__grip{opacity:0}.board--dragging .task-card:not(.task-card--dragging){transition:transform .2s cubic-bezier(.2,.8,.2,1)}.column--drop-over{transition:background .12s}.column--drop-over .column__list{transition:outline-color .12s}.drag-ghost{cursor:grabbing;width:min(320px,85vw)}.drag-ghost .task-card{width:100%}.task-card--overlay{opacity:.9;background:linear-gradient(165deg, color-mix(in srgb, #fff 55%, var(--sheet)) 0%, var(--sheet) 45%, color-mix(in srgb, var(--paper-deep) 35%, var(--sheet)) 100%);border:1px solid var(--sheet-edge);cursor:grabbing;pointer-events:none;z-index:100;transform:rotate(-1.5deg)scale(1.03);box-shadow:inset 0 1px #ffffffb3,5px 10px #5a422024,10px 20px 28px #3a2a1238}.task-card--overlay .task-card__grip{display:none}.task-card__grip{border:0;border-left:1px dashed color-mix(in srgb, var(--ink) 12%, transparent);width:1.6rem;color:var(--ink-faint);letter-spacing:-.12em;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;margin:0;padding:0;font-size:.75rem;display:flex}.task-card__grip:active{cursor:grabbing}.task-card__grip:focus-visible{outline:2px solid var(--stamp-dragons);outline-offset:-2px}.column--drop-over{background:color-mix(in srgb, var(--col-accent,var(--stamp-paid)) 7%, var(--sheet))}.column--drop-over .column__list{outline:1.5px dashed color-mix(in srgb, var(--col-accent,var(--stamp-paid)) 55%, transparent);outline-offset:-4px;border-radius:2px}.task-card__check{cursor:pointer;z-index:1;padding:.75rem .1rem .75rem .75rem;display:flex;position:relative}.task-card__check input{appearance:none;border:1.5px solid var(--ink);background:color-mix(in srgb, #fff 40%, var(--sheet));cursor:pointer;border-radius:1px;place-content:center;width:1rem;height:1rem;margin:0;display:grid}.task-card__check input:checked{background:var(--col-accent);border-color:var(--ink)}.task-card__check input:checked:before{content:"";border:solid var(--sheet);border-width:0 1.5px 1.5px 0;width:.32rem;height:.5rem;transform:rotate(40deg)translate(-.5px,-.5px)}.task-card__check input:focus-visible{outline:2px solid var(--stamp-dragons);outline-offset:2px}.task-card__body{text-align:left;cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:.25rem;width:100%;min-width:0;padding:.65rem .7rem .7rem;display:flex}.task-card__body:focus-visible{outline:2px solid var(--stamp-dragons);outline-offset:-3px}.task-card__title{font-family:var(--font-body);letter-spacing:-.01em;color:var(--ink);font-size:.98rem;font-weight:700;line-height:1.25}.task-card__period{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ink-soft);border-bottom:1px solid color-mix(in srgb, var(--col-accent) 40%, transparent);padding-bottom:.05rem;font-size:.7rem;font-weight:500}.task-card__multi-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--col-accent,var(--stamp-paid));border:1px solid color-mix(in srgb, var(--col-accent,var(--stamp-paid)) 45%, transparent);background:color-mix(in srgb, var(--col-accent,var(--stamp-paid)) 8%, transparent);border-radius:1px;margin-top:.1rem;padding:.12rem .35rem;font-size:.62rem;font-weight:600}.task-card__notes{font-family:var(--font-body);color:var(--ink-faint);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;font-style:italic;line-height:1.35;display:-webkit-box;overflow:hidden}@keyframes ticket-in{0%{opacity:0;transform:rotate(var(--ticket-angle)) translateY(6px)}to{opacity:1;transform:rotate(var(--ticket-angle)) translateY(0)}}@media (prefers-reduced-motion:reduce){.task-card,.column{transition:none;animation:none}}.column{animation:col-in .4s var(--ease-out) both}.column[data-column=paid]{animation-delay:30ms}.column[data-column=dragons]{animation-delay:80ms}.column[data-column=free]{animation-delay:.13s}@keyframes col-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{border:1.5px solid var(--ink);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .1s var(--ease-out), background .12s ease, box-shadow .12s ease;border-radius:1px;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .9rem;font-size:.8rem;font-weight:700;display:inline-flex}.btn:active{transform:translate(1px,1px)}.btn:focus-visible{outline:2px solid var(--stamp-dragons);outline-offset:2px}.btn-primary{background:var(--ink);color:var(--sheet);box-shadow:2px 2px 0 color-mix(in srgb, var(--stamp-dragons) 55%, transparent)}.btn-primary:hover{background:color-mix(in srgb, var(--ink) 88%, var(--stamp-dragons))}.btn-ghost{background:color-mix(in srgb, #fff 35%, var(--sheet));color:var(--ink-soft);border-color:var(--rule);box-shadow:none}.btn-ghost:hover{border-color:var(--ink);color:var(--ink);background:var(--sheet)}.btn-danger{color:var(--signal);border-color:color-mix(in srgb, var(--signal) 45%, var(--rule));box-shadow:none;background:0 0}.btn-danger:hover{background:color-mix(in srgb, var(--signal) 8%, var(--sheet))}.btn-icon{background:color-mix(in srgb, #fff 30%, var(--sheet));border-color:var(--rule);width:2.4rem;height:2.4rem;color:var(--ink);box-shadow:none;flex-shrink:0;padding:0;font-size:1.35rem;line-height:1}.btn-icon:hover{border-color:var(--ink);background:var(--sheet)}.task-dialog{border:1.5px solid var(--ink);background:var(--sheet);width:min(440px,100vw - 1.5rem);color:var(--ink);border-radius:2px;padding:0;box-shadow:inset 0 1px #fff9,6px 8px #5a42201f,0 20px 40px #2a1c0c38}.task-dialog::backdrop{background:var(--haze);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.task-form{background-image:repeating-linear-gradient(transparent, transparent 27px, color-mix(in srgb, var(--stamp-paid) 8%, transparent) 27px, color-mix(in srgb, var(--stamp-paid) 8%, transparent) 28px);background-position:0 3.2rem;flex-direction:column;gap:1rem;padding:1.1rem 1.15rem 1.2rem;display:flex}.task-form__header{border-bottom:1.5px solid var(--ink);background:var(--sheet);justify-content:space-between;align-items:flex-start;gap:.5rem;padding-bottom:.75rem;display:flex}.task-form__header h2{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;margin:0;font-size:1.25rem;font-weight:800;line-height:1.05}.task-form__fields{flex-direction:column;gap:.85rem;display:flex}.field{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);flex-direction:column;gap:.3rem;font-size:.66rem;font-weight:500;display:flex}.field input,.field select,.field textarea{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--ink);background:color-mix(in srgb, #fff 50%, var(--sheet));border:none;border-bottom:1.5px solid var(--rule);border-radius:0;padding:.45rem .15rem;font-size:.95rem;font-weight:600}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{border-bottom-color:var(--stamp-dragons);background:color-mix(in srgb, #fff 70%, var(--sheet));outline:none}.field textarea{resize:vertical;border:1px dashed var(--rule);background:color-mix(in srgb, #fff 40%, var(--sheet));border-radius:1px;min-height:4rem;padding:.5rem .55rem;font-style:italic;font-weight:500}.field textarea:focus-visible{border-style:solid;border-color:var(--stamp-dragons)}.field-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.span-presets{flex-direction:column;gap:.4rem;display:flex}.span-presets__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:.66rem;font-weight:500}.span-presets__row{flex-wrap:wrap;gap:.35rem;display:flex}.span-presets__btn{padding:.35rem .55rem;font-size:.72rem}.span-hint{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-soft);border-left:2px solid var(--rule);background:color-mix(in srgb, #fff 30%, var(--sheet));margin:0;padding:.45rem .55rem;font-size:.72rem;line-height:1.35}.span-hint--multi{border-left-color:var(--stamp-dragons);color:var(--ink)}.form-error{color:var(--signal);font-family:var(--font-mono);letter-spacing:.02em;text-transform:none;margin:0;font-size:.78rem}.task-form__footer{border-top:1px dashed var(--rule);background:var(--sheet);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.task-form__actions{gap:.5rem;margin-left:auto;display:flex}.task-form .btn-primary{background:var(--ink);color:var(--sheet);border-color:var(--ink);box-shadow:2px 2px 0 color-mix(in srgb, var(--stamp-paid) 40%, transparent)}.task-form .btn-ghost{color:var(--ink-soft);border-color:var(--rule);background:0 0}.column-tabs{display:none}@media (width<=840px){.column-tabs{z-index:40;padding:.45rem .65rem calc(.45rem + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 0%, transparent) 0%, var(--paper) 28%), var(--paper-deep);border-top:1.5px solid var(--sheet-edge);grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #3a2a121a}.column-tabs__btn{background:color-mix(in srgb, #fff 35%, var(--sheet));color:var(--ink-soft);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:1.5px solid #0000;border-radius:2px;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem .25rem .4rem;font-size:.68rem;font-weight:700;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;display:flex}.column-tabs__btn:focus-visible{outline:2px solid var(--stamp-dragons);outline-offset:2px}.column-tabs__mark{background:var(--tab-accent,var(--rule));opacity:.55;border-radius:1px;width:1.4rem;height:3px}.column-tabs__btn[data-column=paid]{--tab-accent:var(--stamp-paid)}.column-tabs__btn[data-column=dragons]{--tab-accent:var(--stamp-dragons)}.column-tabs__btn[data-column=free]{--tab-accent:var(--stamp-free)}.column-tabs__label{line-height:1.1}.column-tabs__count{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:0;font-size:.65rem;font-weight:600}.column-tabs__btn.is-active{color:var(--ink);border-color:var(--ink);background:var(--sheet);box-shadow:2px 2px 0 color-mix(in srgb, var(--tab-accent) 40%, transparent)}.column-tabs__btn.is-active .column-tabs__mark{opacity:1}.column-tabs__btn.is-active .column-tabs__count{color:var(--tab-accent)}}