:root{--desk: #0079bf;--desk-line: #0067a3;--paper: #ebecf0;--paper-edge: #dfe1e6;--card-bg: #ffffff;--card-hover: #f7f8f9;--on-desk: #ffffff;--rule-line: #e4e6ea;--rule-strong: #c1c7d0;--ink: #172b4d;--ink-mid: #5e6c84;--ink-soft: #8993a4;--accent: #c9372c;--accent-soft: #f87168;--link: #1668c1;--rule: 30px;--list-w: 272px;--font-auto: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", "Meiryo", sans-serif;--font-trello: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, "Droid Sans", "Helvetica Neue", sans-serif;--font-meiryo: "Meiryo", "メイリオ", -apple-system, "Hiragino Sans", sans-serif;--font-yugothic: "Yu Gothic UI", "游ゴシック体", "Yu Gothic", -apple-system, "Hiragino Sans", sans-serif;--font-bizud: "BIZ UDPGothic", "BIZ UDPゴシック", -apple-system, "Hiragino Sans", sans-serif;--font: var(--font-auto);--due-tomorrow: #f2d98c;--due-today: #f0b357;--due-over: #c8503c;--due-ink: #3a3226;--due-over-ink: #fdf6ec;--font-step: 0px;--card-font: calc(12px + var(--font-step));--card-sub: max(6px, calc(11px + var(--font-step)))}:root[data-font=trello]{--font: var(--font-trello)}:root[data-font=meiryo]{--font: var(--font-meiryo)}:root[data-font=yugothic]{--font: var(--font-yugothic)}:root[data-font=bizud]{--font: var(--font-bizud)}@media (prefers-color-scheme: dark){:root{--desk: #1d2125;--desk-line: #22272b;--paper: #161a1d;--paper-edge: #2c333a;--card-bg: #22272b;--card-hover: #2c333a;--on-desk: #b6c2cf;--rule-line: #2c333a;--rule-strong: #454f59;--ink: #b6c2cf;--ink-mid: #9fadbc;--ink-soft: #738496;--accent: #f87168;--accent-soft: #ae2e24;--link: #7db3e8;--due-tomorrow: #8a7130;--due-today: #a06a2a;--due-over: #a33f2e;--due-ink: #f4ecdd;--due-over-ink: #fdf6ec}}[data-board-color=blue]{--desk: #0079bf;--desk-line: #0068a4}[data-board-color=sky]{--desk: #00aecc;--desk-line: #0096af}[data-board-color=teal]{--desk: #00857f;--desk-line: #00726d}[data-board-color=green]{--desk: #519839;--desk-line: #468331}[data-board-color=lime]{--desk: #7f9c3a;--desk-line: #6d8632}[data-board-color=olive]{--desk: #8f8330;--desk-line: #7b7129}[data-board-color=yellow]{--desk: #c9a71a;--desk-line: #ad9016}[data-board-color=amber]{--desk: #dda32b;--desk-line: #be8c25}[data-board-color=orange]{--desk: #d29034;--desk-line: #b57c2d}[data-board-color=pumpkin]{--desk: #c4692c;--desk-line: #a95a26}[data-board-color=red]{--desk: #b04632;--desk-line: #973c2b}[data-board-color=crimson]{--desk: #a02c3c;--desk-line: #8a2634}[data-board-color=rose]{--desk: #c04c6c;--desk-line: #a5415d}[data-board-color=pink]{--desk: #cd5a91;--desk-line: #b04d7d}[data-board-color=magenta]{--desk: #a13b8d;--desk-line: #8a3379}[data-board-color=purple]{--desk: #89609e;--desk-line: #765388}[data-board-color=violet]{--desk: #6b5bb5;--desk-line: #5c4e9c}[data-board-color=indigo]{--desk: #4a5fb5;--desk-line: #40529c}[data-board-color=navy]{--desk: #2f4b8f;--desk-line: #28407b}[data-board-color=steel]{--desk: #40708c;--desk-line: #376078}[data-board-color=slate]{--desk: #4d5f6e;--desk-line: #42525f}[data-board-color=graphite]{--desk: #4a4f55;--desk-line: #404449}[data-board-color=moss]{--desk: #4f6b53;--desk-line: #445c47}[data-board-color=sand]{--desk: #8a7150;--desk-line: #776145}[data-board-color=wine]{--desk: #7b3b52;--desk-line: #6a3347}@media (prefers-color-scheme: dark){[data-board-color=blue]{--desk: #0a3a59;--desk-line: #0a3a59}[data-board-color=sky]{--desk: #0a4f5e;--desk-line: #0a4f5e}[data-board-color=teal]{--desk: #0a3f40;--desk-line: #0a3f40}[data-board-color=green]{--desk: #294626;--desk-line: #294626}[data-board-color=lime]{--desk: #3a4826;--desk-line: #3a4826}[data-board-color=olive]{--desk: #403e22;--desk-line: #403e22}[data-board-color=yellow]{--desk: #564c1a;--desk-line: #564c1a}[data-board-color=amber]{--desk: #5e4a20;--desk-line: #5e4a20}[data-board-color=orange]{--desk: #5a4324;--desk-line: #5a4324}[data-board-color=pumpkin]{--desk: #543421;--desk-line: #543421}[data-board-color=red]{--desk: #4d2723;--desk-line: #4d2723}[data-board-color=crimson]{--desk: #471d27;--desk-line: #471d27}[data-board-color=rose]{--desk: #532939;--desk-line: #532939}[data-board-color=pink]{--desk: #582f47;--desk-line: #582f47}[data-board-color=magenta]{--desk: #472346;--desk-line: #472346}[data-board-color=purple]{--desk: #3e314c;--desk-line: #3e314c}[data-board-color=violet]{--desk: #332f55;--desk-line: #332f55}[data-board-color=indigo]{--desk: #263055;--desk-line: #263055}[data-board-color=navy]{--desk: #1c2946;--desk-line: #1c2946}[data-board-color=steel]{--desk: #223745;--desk-line: #223745}[data-board-color=slate]{--desk: #27303a;--desk-line: #27303a}[data-board-color=graphite]{--desk: #262a30;--desk-line: #262a30}[data-board-color=moss]{--desk: #283530;--desk-line: #283530}[data-board-color=sand]{--desk: #3e372f;--desk-line: #3e372f}[data-board-color=wine]{--desk: #39232f;--desk-line: #39232f}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:14px;letter-spacing:normal;color:var(--ink);background:var(--desk);overscroll-behavior:none;-webkit-font-smoothing:antialiased}button{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,textarea,select{font:inherit;letter-spacing:inherit;color:inherit}.app{display:flex;flex-direction:column;height:100dvh;padding-top:env(safe-area-inset-top)}.topbar{position:relative;z-index:20;display:flex;align-items:center;gap:12px;height:46px;flex:none;padding:0 14px;background:var(--desk-line);color:var(--on-desk)}.topbar .icon-btn,.topbar .topbar__title,.topbar select{color:var(--on-desk)}.topbar select option{color:var(--ink);background:var(--card-bg)}.topbar__title--fixed{cursor:default;-webkit-user-select:none;user-select:none}.topbar__title{font-size:14px;font-weight:600;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;border:none;padding:2px 4px;flex:none;min-width:60px;max-width:22vw}.topbar__title:focus{outline:none;background:var(--paper)}.topbar__spacer{flex:1}.search{position:absolute;left:50%;transform:translate(-50%);width:min(840px,calc(100vw - 360px));min-width:200px}.search__input{width:100%;height:30px;padding:0 10px;border:none;border-radius:3px;background:#ffffff3d;color:var(--on-desk);font-size:13px;outline:none}.search__input::placeholder{color:#ffffffb8}.search__input:focus{background:var(--card-bg);color:var(--ink)}.search__input:focus::placeholder{color:var(--ink-soft)}.search__panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:45;max-height:60vh;overflow-y:auto;padding:6px;background:var(--card-bg);border-radius:6px;box-shadow:0 8px 16px -4px #091e4259}.search__label{padding:6px 8px 4px;font-size:11px;letter-spacing:.12em;color:var(--ink-soft)}.search__item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border-radius:3px;text-align:left;color:var(--ink);font-size:13px}.search__item:hover{background:var(--card-hover)}.search__item[aria-current=true]{background:var(--paper);font-weight:600}.search__dot{flex:none;width:14px;height:14px;border-radius:2px;background:var(--desk)}.search__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search__where{flex:none;font-size:11px;color:var(--ink-soft);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search__item--add{color:var(--ink-mid)}.search__none{padding:6px 8px 10px;font-size:12px;color:var(--ink-soft)}.boardcolor{position:relative;flex:none}.boardcolor__btn{display:block;width:20px;height:20px;border-radius:3px;border:1px solid rgba(255,255,255,.5);background:var(--desk);cursor:pointer}.boardcolor__panel{position:absolute;top:calc(100% + 6px);left:0;z-index:45;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;background:var(--card-bg);border-radius:6px;box-shadow:0 8px 16px -4px #091e4259}.boardcolor__swatch{width:30px;height:24px;border-radius:3px;border:none;cursor:pointer}.boardcolor__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.seg{display:flex;flex:none;border-radius:3px;overflow:hidden;background:#ffffff29}.seg button{padding:5px 12px;font-size:12px;letter-spacing:.1em;color:#ffffffd1}.seg button:hover{color:#fff;background:#ffffff1f}.seg button[aria-pressed=true]{background:#ffffff4d;color:#fff}.icon-btn{width:28px;height:28px;display:grid;place-items:center;color:var(--ink-mid);flex:none}.icon-btn:hover{color:var(--ink)}.sync-dot{width:9px;height:9px;border:1px solid var(--ink-soft);background:transparent}.sync-dot--ok{background:var(--ink-mid);border-color:var(--ink-mid)}.sync-dot--wait{background:var(--accent);border-color:var(--accent)}.board{flex:1;display:flex;align-items:flex-start;gap:12px;padding:16px 12px calc(16px + env(safe-area-inset-bottom));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.list{flex:none;width:var(--list-w);height:auto;max-height:100%;padding-bottom:4px;display:flex;flex-direction:column;background:var(--paper);border-radius:8px;scroll-snap-align:start}.list--over{box-shadow:inset 0 0 0 2px var(--rule-strong)}.list--ghost{opacity:.35}.list__head{flex:none;min-height:40px;display:flex;align-items:center;gap:8px;padding:8px 10px 4px;touch-action:none}.list__menu{position:relative;flex:none}.list__menu-panel{position:absolute;top:calc(100% + 4px);right:0;z-index:30;min-width:150px;padding:4px;background:var(--card-bg);border-radius:6px;box-shadow:0 8px 16px -4px #091e4259}.list__head--ask{gap:4px;padding:0 8px}.list__head--ask .chip{flex:1;padding:4px 2px;font-size:11px;text-align:center}.list__head--drag{cursor:grab}.list__head--drag:active{cursor:grabbing}.list__title{flex:1;min-width:0;font-size:var(--card-font);line-height:1.35;font-weight:600;letter-spacing:.04em;border:none;background:none;padding:2px 0;overflow-wrap:anywhere}textarea.list__title{resize:none;overflow:hidden;font-family:inherit;color:inherit}.list__title:focus{outline:none;border-bottom:1px solid var(--rule-strong)}.list__count{font-size:var(--card-sub);color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none}.list__sub{flex:none;font-size:calc(var(--card-sub) - 1px);letter-spacing:.04em;color:var(--ink-soft);font-variant-numeric:tabular-nums}.list__title--over{color:var(--accent)}span.list__title{padding:2px 0}.list__body{flex:1 1 auto;min-height:8px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;padding:0 8px 4px}.list__blank{flex:1 1 auto;min-height:24px;cursor:pointer}.list__body--fixed{height:180px}.list__foot{flex:none;padding:0 8px}.card{position:relative;flex:none;display:flow-root;padding:8px 10px;background:var(--card-bg);border-radius:4px;box-shadow:0 1px 1px #091e4240;cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overflow:hidden}.card__row{display:flex;align-items:flex-start;gap:8px}.card:hover{background:var(--card-hover)}.card--dragging{opacity:.28}.card--overlay{background:var(--card-bg);box-shadow:0 12px 24px -6px #091e4280;width:calc(var(--list-w) - 16px);transform:rotate(3deg);cursor:grabbing}.card__pri{position:absolute;left:0;top:0;bottom:0;width:3px}.card__pri--1{background:var(--rule-strong)}.card__pri--2{background:var(--accent-soft)}.card__pri--3{background:var(--accent)}.check{flex:none;width:14px;height:14px;margin-top:3px;border:1.5px solid var(--rule-strong);border-radius:3px;background:transparent;display:grid;place-items:center;cursor:pointer}.check:after{content:"";width:8px;height:4px;border-left:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(-45deg) translate(.5px,-1px);opacity:0;transition:opacity .12s ease}.check[aria-checked=true]:after{opacity:1}.check--past{cursor:default}.check--past:after{opacity:1}.card__body{flex:1;min-width:0}.card__title{font-size:var(--card-font);line-height:20px;overflow-wrap:anywhere}.card--done .card__title{color:var(--ink-soft);text-decoration:line-through;text-decoration-thickness:1px}.card__labels{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.label{padding:2px 8px;border-radius:3px;font-size:calc(var(--card-sub) - 1px);line-height:1.5;color:#fff}.label--0{background:#4bce97;color:#164b35}.label--1{background:#f5cd47;color:#533f04}.label--2{background:#fea362;color:#702e00}.label--3{background:#f87168;color:#5d1f1a}.label--4{background:#9f8fef;color:#2b273f}.label--5{background:#579dff;color:#092957}.linkcard{display:flex;flex-direction:column;margin:-8px -10px;color:inherit;text-decoration:none}.card__labels+.linkcard{margin-top:2px}.linkcard__thumb{position:relative;flex:none;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--paper-edge)}.linkcard__thumb img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.linkcard__body{display:block;padding:8px 10px;line-height:1.35}.linkcard__title{display:block;font-size:var(--card-font);color:var(--link);overflow-wrap:anywhere}.linkcard__untitled{color:var(--ink-soft)}.linkcard__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;font-size:var(--card-sub);color:var(--ink-mid);word-break:break-word}.linkcard__src{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:var(--card-sub);line-height:1;color:var(--ink-soft)}.linkcard__src .grow{flex:1}.linkcard__icon{flex:none;object-fit:contain;border-radius:2px}.linkcard__site{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linkcard__edit{flex:none;display:grid;place-items:center;width:26px;height:26px;margin:-7px -4px -7px 2px;border:none;background:none;color:var(--ink-soft);cursor:pointer}.linkcard__edit:hover{color:var(--ink)}.card--done .linkcard{opacity:.55}.ring{pointer-events:auto;width:min(400px,100%);max-height:100%;overflow-y:auto;background:var(--card-bg);border:1px solid var(--paper-edge);border-top:3px solid var(--accent);box-shadow:0 12px 30px -16px #0009;padding:12px 14px 14px;animation:fade .16s ease}.ring__head{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.12em;color:var(--accent)}.ring__head .grow{flex:1}.ring__bell{font-size:13px}.ring__rest{letter-spacing:0;color:var(--ink-soft)}.ring__title{display:block;width:100%;margin:8px 0 0;padding:0;border:none;background:none;font-size:17px;line-height:1.4;font-weight:600;text-align:left;color:inherit;cursor:pointer;overflow-wrap:anywhere}.ring__notes{margin:4px 0 0;font-size:12px;line-height:1.6;color:var(--ink-mid);white-space:pre-wrap;overflow-wrap:anywhere}.ring__actions{display:flex;gap:8px;margin-top:14px}.chip--wide{flex:1;padding:10px 8px;text-align:center}.ring__label{margin-top:14px;font-size:11px;letter-spacing:.12em;color:var(--ink-soft)}.ring__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.ring__grid .chip{padding:9px 4px;text-align:center}.ring__custom{display:flex;align-items:center;gap:6px;margin-top:8px}.ring__custom .text-input{width:68px;text-align:right}.ring__unit{font-size:12px;color:var(--ink-mid)}.ring__note{margin:10px 0 0;font-size:11px;line-height:1.5;color:var(--ink-soft)}.size-sample{align-items:flex-start;gap:8px;padding:6px 0 2px;border-bottom:1px solid var(--rule-line)}.size-sample .card__body{flex:1}.size-sample .card__title{line-height:20px}.field__note{font-size:11px;line-height:1.5;color:var(--ink-soft)}.sheet__url{font-size:11px;color:var(--ink-soft);overflow-wrap:anywhere}.card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:3px;line-height:1;font-size:var(--card-sub);color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.due{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:3px;color:var(--ink-mid);font-variant-numeric:tabular-nums;white-space:nowrap}.due__mark{font-size:.92em;opacity:.85}.due--later{color:var(--ink-mid)}.due--tomorrow{background:var(--due-tomorrow);color:var(--due-ink)}.due--today{background:var(--due-today);color:var(--due-ink)}.due--over{background:var(--due-over);color:var(--due-over-ink)}.card--done .due{background:none;color:var(--ink-soft)}.glyph{opacity:.75;font-size:11px}.add-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;color:var(--ink-mid);width:100%;text-align:left}.add-row:hover{color:var(--ink);background:#091e4214}.add-row input{flex:1;min-width:0;border:none;background:none;outline:none;height:var(--rule);color:var(--ink)}.add-row__pick{flex:none;max-width:88px;border:none;border-bottom:1px solid var(--rule-strong);background:none;outline:none;font-size:11px;color:var(--ink-mid);padding:1px 0;cursor:pointer}.add-row__pick:focus{color:var(--ink)}.add-list{flex:none;width:var(--list-w);height:40px;border:none;border-radius:8px;background:#ffffff3d;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.14em;font-size:12px}.add-list--open{border-style:solid;border-color:var(--rule-strong);background:var(--paper);padding:0 12px;justify-content:flex-start}.add-list--open input{flex:1;min-width:0;border:none;background:none;outline:none;height:100%;font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--ink)}.add-list:hover{color:var(--ink-mid);background:#ffffff59}.agenda{flex:1;overflow-y:auto;padding:18px 14px calc(24px + env(safe-area-inset-bottom));display:flex;justify-content:center}.agenda__group{display:flex;flex-direction:column;gap:8px}.agenda__sheet{width:100%;max-width:560px;background:var(--paper);border-radius:8px;padding:0 8px 8px;height:fit-content}.agenda__day{display:flex;align-items:center;gap:10px;min-height:var(--rule);padding:10px 2px 6px;font-size:12px;letter-spacing:.14em;font-weight:600}.agenda__day--over{color:var(--accent)}.agenda__where{font-size:11px;color:var(--ink-soft);line-height:1}.empty{padding:calc(var(--rule) * 1.5) 12px;color:var(--ink-soft);text-align:center;font-size:12px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1c1847;z-index:40;animation:fade .16s ease}@keyframes fade{0%{opacity:0}}.sheet-wrap{position:fixed;z-index:41;left:0;right:0;top:var(--vv-top, 0px);height:var(--vv-height, 100dvh);display:flex;align-items:center;justify-content:center;padding:12px;pointer-events:none}.sheet{pointer-events:auto;width:min(460px,100%);max-height:100%;background:var(--card-bg);border:1px solid var(--paper-edge);box-shadow:0 12px 30px -16px #0009;display:flex;flex-direction:column;animation:fade .16s ease}@media (max-width: 720px){.sheet-wrap{padding:8px}}.sheet__head{flex:none;display:flex;align-items:center;gap:8px;height:calc(var(--rule) * 1.35);padding:0 12px;border-bottom:1px solid var(--rule-strong);box-shadow:0 2px 0 -1px var(--rule-line)}.sheet__head--ask{background:var(--paper-2, rgba(0, 0, 0, .02))}.sheet__head--ask .chip{font-size:11px}.sheet__where{flex:1;font-size:11px;letter-spacing:.12em;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.sheet__title-row{display:flex;align-items:flex-start;gap:10px;padding:10px 14px 6px}.sheet__title{flex:1;border:none;background:none;outline:none;font-size:16px;font-weight:600;letter-spacing:.04em;line-height:1.6;resize:none;overflow:hidden}.sheet__title--done{color:var(--ink-soft);text-decoration:line-through}.field{padding:0 14px;border-top:1px solid var(--rule-line)}.field__label{display:flex;align-items:center;gap:8px;height:var(--rule);font-size:11px;letter-spacing:.16em;color:var(--ink-soft)}.field__label .grow{flex:1}.row{display:flex;align-items:center;gap:8px;min-height:var(--rule);flex-wrap:wrap}.row--tight{min-height:calc(var(--rule) - 6px)}.chip{border:1px solid var(--rule-strong);padding:4px 10px;font-size:12px;color:var(--ink-mid);white-space:nowrap}.chip:hover{color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.chip--accent{color:var(--accent);border-color:var(--accent-soft)}.chip--ghost{border-style:dashed;color:var(--ink-soft)}.chip--sq{padding:4px 8px;min-width:30px;text-align:center}.text-input,.num-input,select.text-input{border:none;border-bottom:1px solid var(--rule-strong);background:none;outline:none;padding:4px 2px;min-width:0}.num-input{width:46px;text-align:center;font-variant-numeric:tabular-nums}.notes{width:100%;border:none;outline:none;background:none;resize:none;line-height:1.7;padding:0;min-height:calc(var(--rule) * 3)}.mini-check{display:flex;align-items:center;gap:8px;min-height:var(--rule)}.mini-check input.text-input{flex:1;border-bottom-color:transparent}.mini-check input.text-input:focus{border-bottom-color:var(--rule-strong)}.mini-check__done{color:var(--ink-soft);text-decoration:line-through}.attach{display:flex;align-items:center;gap:10px;min-height:calc(var(--rule) * 1.4);border-bottom:1px solid var(--rule-line)}.attach__thumb{flex:none;width:38px;height:38px;border:1px solid var(--rule-strong);object-fit:cover;display:grid;place-items:center;font-size:9px;letter-spacing:.08em;color:var(--ink-soft);background:var(--paper)}.attach__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach__size{flex:none;font-size:11px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.dropzone{border:1px dashed var(--rule-strong);color:var(--ink-soft);text-align:center;padding:12px;font-size:12px;margin:6px 0 12px}.dropzone--over{border-color:var(--ink-mid);color:var(--ink-mid);background:#00000005}.danger{color:var(--accent)}.boot-error{max-width:420px;margin:12vh auto;padding:24px;background:var(--paper);border:1px solid var(--paper-edge);line-height:1.9}.boot-error__title{font-weight:600;letter-spacing:.1em;margin:0 0 8px}.boot-error p{margin:0 0 12px;color:var(--ink-mid);word-break:break-word}.cal{border-bottom:1px solid var(--rule-strong);padding:6px 0 8px}.cal__head{display:flex;align-items:center;gap:4px;height:var(--rule)}.cal__month{flex:1;text-align:center;font-size:13px;font-weight:600;letter-spacing:.1em;font-variant-numeric:tabular-nums}.cal__grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--rule-line)}.cal__wd{height:22px;display:grid;place-items:center;font-size:10px;letter-spacing:.06em;color:var(--ink-soft);border-bottom:1px solid var(--rule-line)}.cal__wd--sun{color:var(--accent)}.cal__wd--sat{color:var(--ink-mid)}.cal__day{height:32px;display:grid;place-items:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink);border-bottom:1px solid var(--rule-line)}.cal__day:hover{background:#00000008}.cal__day--sun{color:var(--accent)}.cal__day--outside{opacity:.28}.cal__day--today{box-shadow:inset 0 -3px 0 -1px var(--rule-strong)}.cal__day--selected,.cal__day--selected.cal__day--sun{background:var(--ink);color:var(--paper)}.cal__foot{display:flex;align-items:center;gap:8px;height:var(--rule);padding-top:4px}.cardmenu{position:fixed;z-index:50;min-width:168px;max-width:240px;padding:4px 0;background:var(--card-bg);border:1px solid var(--rule-strong);box-shadow:0 10px 26px -14px #0000008c}.cardmenu__item{display:block;width:100%;text-align:left;padding:7px 12px;font-size:13px;color:var(--ink)}.cardmenu__item:hover{background:#0000000a}.cardmenu__item--danger{color:var(--accent)}.card__restore{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--paper)}.cardmenu__note{display:block;padding:2px 12px 6px;font-size:10px;line-height:1.5;color:var(--ink-soft);border-bottom:1px solid var(--rule-line);margin-bottom:4px}.fab{position:fixed;z-index:30;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:48px;height:48px;display:grid;place-items:center;font-size:20px;line-height:1;color:var(--ink-mid);background:var(--paper);border:1px solid var(--rule-strong);box-shadow:0 2px #0000000a,0 10px 22px -14px #0000008c}.fab:hover{color:var(--ink)}.fab:active{transform:translateY(1px);box-shadow:0 1px #0000000a,0 6px 14px -12px #0000008c}.compose-wrap{position:fixed;z-index:41;left:0;right:0;top:var(--vv-top, 0px);height:var(--vv-height, 100dvh);display:flex;align-items:center;justify-content:center;padding:12px;pointer-events:none}.compose{pointer-events:auto;width:min(460px,100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--card-bg);border:1px solid var(--paper-edge);box-shadow:0 12px 30px -16px #0009;padding:0 12px 10px;animation:fade .14s ease}.compose__time{position:sticky;bottom:0;z-index:1;display:flex;align-items:center;gap:8px;padding:10px 0;background:var(--card-bg);border-top:1px solid var(--rule-line);border-bottom:1px solid var(--rule-line)}.compose__time-label{flex:none;font-size:11px;letter-spacing:.14em;color:var(--ink-soft)}.compose__time input[type=time]{width:116px;height:34px;padding:0 8px;border:1px solid var(--rule-strong);border-radius:4px;background:var(--card-bg);color:var(--ink);font-size:15px;font-variant-numeric:tabular-nums}.compose__time input[type=time]:disabled{opacity:.45}.compose__time input[type=time]:focus{outline:none;border-color:var(--desk);box-shadow:0 0 0 2px var(--desk)}.compose__time .grow{flex:1}.compose__panel--lists{display:block;max-height:46vh;overflow-y:auto}.compose__group+.compose__group{margin-top:10px}.compose__group-name{padding:2px 0 4px;font-size:11px;letter-spacing:.12em;color:var(--ink-soft)}.compose__group-lists{display:flex;flex-wrap:wrap;gap:6px}.compose__line{display:flex;align-items:center;gap:8px;height:calc(var(--rule) * 1.3);border-bottom:1px solid var(--rule-strong)}.compose__line input{flex:1;min-width:0;border:none;outline:none;background:none;font-size:15px;color:var(--ink)}.compose__memo{display:flex;align-items:center;height:var(--rule);border-bottom:1px solid var(--rule-line)}.compose__memo input{flex:1;min-width:0;border:none;outline:none;background:none;font-size:13px;color:var(--ink)}.compose__tools{display:flex;align-items:center;gap:2px;min-height:calc(var(--rule) * 1.2)}.tool{display:flex;align-items:center;gap:4px;padding:5px 6px;color:var(--ink-soft);border:1px solid transparent;flex:0 1 auto;min-width:30px;max-width:34vw}.compose__tools>.chip{flex:none}.tool:hover{color:var(--ink-mid)}.tool--set{color:var(--ink)}.tool[aria-pressed=true]{border-color:var(--rule-strong);color:var(--ink)}.tool__label{font-size:11px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose__panel{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 0;border-bottom:1px solid var(--rule-strong)}.compose__panel--stack{display:block;padding-bottom:10px}.compose__panel--stack .mini-check{min-height:calc(var(--rule) - 2px)}.compose__panel--stack .check{margin-top:0}.compose__count{flex:1;text-align:right;font-size:11px;color:var(--ink-soft)}.toast-wrap{position:fixed;z-index:60;left:50%;transform:translate(-50%);bottom:calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100vw - 28px))}.toast{background:var(--card-bg);border:1px solid var(--rule-strong);box-shadow:0 10px 26px -14px #0000008c;padding:10px 12px;display:flex;align-items:center;gap:10px;animation:slide-up .18s ease}@keyframes slide-up{0%{transform:translateY(10px);opacity:0}}.toast__label{font-size:10px;letter-spacing:.18em;color:var(--accent);flex:none}.toast__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 720px){.topbar{height:auto;flex-wrap:wrap;gap:6px 8px;padding:6px 10px}.topbar__title{order:1;flex:1 1 auto;max-width:none}.topbar>.icon-btn{order:2}.topbar__break{order:3;flex:0 0 100%;height:0}.topbar__spacer:not(.topbar__break){display:none}.search{order:4;position:static;transform:none;width:auto;flex:1 1 auto;min-width:0}.search__panel{right:auto;min-width:240px;max-width:calc(100vw - 24px)}.seg--view{display:none}.seg button{padding:4px 7px;font-size:11px}:root{--rule: 52px;--row: 43px}:root{--card-font: calc(13px + var(--font-step));--card-sub: max(6px, calc(11px + var(--font-step)))}.card{padding:10px 10px 10px 12px}.card__title,.card__meta{line-height:22px}.check{width:16px;height:16px;margin-top:3px}.board--stacked{flex-direction:column;align-items:stretch;overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;gap:12px;padding:14px 12px calc(96px + env(safe-area-inset-bottom))}.board--stacked .list{width:100%;height:auto;min-height:0;max-height:none;padding-bottom:calc(var(--rule) * .5);scroll-snap-align:none}.board--stacked .list__body{overflow:visible;min-height:var(--rule)}.board--stacked .add-list{width:100%}.agenda{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}::-webkit-scrollbar{width:6px;height:8px}::-webkit-scrollbar-thumb{background:var(--rule-strong)}::-webkit-scrollbar-track{background:transparent}