:root{--c-ink:#2c2a26;--c-paper:#faf9f7;--c-cream:#f5f3ef;--c-accent:#b8956e;--c-highlight:#e08958;--c-rose:#c98b96;--c-green:#5d9c79;--c-danger:#a9483d;--c-bg:var(--c-cream);--c-surface:#fffdfa;--c-ink-80:#2c2a26cc;--c-ink-60:#2c2a2699;--c-ink-45:#2c2a2673;--c-line:#2c2a2614;--c-line-strong:#2c2a2626;--c-press:#2c2a260d;--c-fill:#2c2a260d;--c-accent-soft:#b8956e29;--c-select:#b8956e33;--c-rose-soft:#c98b9629;--c-green-soft:#5d9c7929;--c-highlight-soft:#e0895829;--c-danger-soft:#a9483d1a;--c-shade:#2c2a261a;--c-scrim:#2c2a2657;--c-shadow:#46321e1f;--c-shadow-strong:#46321e33;--f-sans:"Zen Kaku Gothic New", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", sans-serif;--f-mincho:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--f-en:"Cormorant Garamond", "Hiragino Mincho ProN", serif;--ease:cubic-bezier(.32, .72, 0, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--kb-inset:0px;--bar-h:52px;--gutter:16px;--content:680px;--radius:18px}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}html{font-size:16px}body{background-color:var(--c-bg);color:var(--c-ink);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overflow-wrap:anywhere;line-height:1.6}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:default}a{color:inherit;text-decoration:none}input,textarea,select{font:inherit;color:inherit;font-size:max(16px,1em)}img{max-width:100%}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.splash{background-color:var(--c-bg);place-items:center;display:grid;position:fixed;inset:0}.splash img{object-fit:contain;width:132px;height:132px;animation:splashIn .6s var(--ease) both}@keyframes splashIn{0%{opacity:0;transform:scale(.96)}}.nav-root{background-color:var(--c-bg);position:fixed;inset:0;overflow:hidden}.nav-page{background-color:var(--c-bg);box-shadow:-10px 0 30px var(--c-shadow-strong);will-change:transform;flex-direction:column;display:flex;position:absolute;inset:0}.nav-page.is-covered{visibility:hidden}.nav-root.is-transitioning .nav-page{pointer-events:none}.page-shade{z-index:60;background-color:var(--c-shade);opacity:0;pointer-events:none;position:absolute;inset:0}.page-scroll{overscroll-behavior-y:contain;touch-action:pan-y;min-height:0;padding-bottom:calc(var(--safe-bottom) + 40px);flex:1;position:relative;overflow:hidden auto}.app-bar{z-index:20;padding-top:var(--safe-top);background-color:var(--c-bg);touch-action:pan-y;border-bottom:1px solid #0000;flex:none;transition:border-color .25s,background-color .25s;position:relative}.app-bar.is-scrolled{border-bottom-color:var(--c-line);background-color:#f5f3efeb}.app-bar-inner{height:var(--bar-h);max-width:calc(var(--content) + 2 * var(--gutter));align-items:center;gap:4px;margin:0 auto;padding:0 8px;display:flex;position:relative}.bar-back,.icon-btn{width:40px;height:40px;color:var(--c-ink-80);border-radius:50%;flex:none;place-items:center;transition:background-color .15s;display:grid}.bar-back:active,.icon-btn:active{background-color:var(--c-press)}.bar-back-spacer{flex:none;width:40px}.bar-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:opacity .2s ease, transform .25s var(--ease);pointer-events:none;margin:0;font-size:1rem;font-weight:700;position:absolute;left:64px;right:64px;overflow:hidden;transform:translateY(4px)}.app-bar.is-scrolled .bar-title,.app-bar.is-compact .bar-title{opacity:1;transform:none}.app-bar.is-compact .bar-title{text-align:left;flex:1;min-width:0;padding:0 4px;position:static}.bar-actions{justify-content:flex-end;align-items:center;gap:2px;min-width:40px;margin-left:auto;display:flex}.bar-btn{height:36px;color:var(--c-ink);border-radius:18px;padding:0 14px;font-size:.9rem;font-weight:700;transition:background-color .15s,opacity .15s}.bar-btn:active{background-color:var(--c-press)}.bar-btn.is-accent{background-color:var(--c-highlight);color:var(--c-ink)}.bar-btn.is-accent:active{opacity:.85}.bar-btn:disabled{opacity:.4}.large-title{max-width:calc(var(--content) + 2 * var(--gutter));padding:4px calc(var(--gutter) + 4px) 18px;margin:0 auto}.large-label{font-family:var(--f-en);letter-spacing:.08em;color:var(--c-accent);margin:0 0 2px;font-size:1.05rem;font-style:italic;line-height:1.2}.large-row{align-items:baseline;gap:10px;display:flex}.large-heading{font-family:var(--f-mincho);letter-spacing:.02em;margin:0;font-size:1.85rem;font-weight:600;line-height:1.3}.large-count{color:var(--c-ink-60);font-size:.85rem}.content{max-width:calc(var(--content) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto}.group{background-color:var(--c-surface);border-radius:var(--radius);box-shadow:0 1px 2px var(--c-shadow);margin:0 0 22px;overflow:hidden}.group-label{color:var(--c-ink-60);letter-spacing:.04em;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 8px;padding:0 6px;font-size:.8rem;font-weight:500;display:flex}.group-note{color:var(--c-ink-60);margin:-14px 0 22px;padding:0 6px;font-size:.78rem;line-height:1.6}.row{text-align:left;background-color:var(--c-surface);align-items:center;gap:12px;width:100%;min-height:54px;padding:10px 16px;transition:background-color .15s;display:flex;position:relative}.row+.row:before,.row+[data-sortable]>.row:before,[data-sortable]+[data-sortable]>.row:before{content:"";top:0;left:var(--row-inset,16px);background-color:var(--c-line);height:1px;position:absolute;right:0}button.row:active,a.row:active,.row.is-tappable:active{background-color:var(--c-press)}.row.is-selected{background-color:var(--c-select)}.row.is-deselecting{animation:.55s forwards rowDeselect}@keyframes rowDeselect{0%{background-color:var(--c-select)}to{background-color:var(--c-surface)}}.row-main{flex:1;min-width:0}.row-title{font-size:.98rem;font-weight:500;line-height:1.5;display:block}.row-sub{color:var(--c-ink-60);margin-top:1px;font-size:.8rem;line-height:1.5;display:block}.row-sub.is-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.row-trail{color:var(--c-ink-45);flex:none;align-items:center;gap:6px;font-size:.85rem;display:flex}.row-chevron{color:var(--c-ink-45);flex:none}.row-spinner{display:none}.row.is-selected .row-spinner{display:block}.spinner,.row-spinner{border:2px solid var(--c-line-strong);border-top-color:var(--c-accent);opacity:0;border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite spin,.15s .18s both fadeIn}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{to{opacity:1}}.row.is-selected .row-chevron{display:none}.is-sorting [data-sortable]{transition:translate .28s var(--ease)}.is-sorting [data-sortable].is-lifted{z-index:5;transition:none;position:relative}.is-sorting [data-sortable].is-lifted>.row{box-shadow:0 14px 34px var(--c-shadow-strong);transition:scale .2s var(--ease), box-shadow .2s ease;border-radius:14px;scale:1.03}.is-sorting [data-sortable].is-lifted>.row:before,.is-sorting [data-sortable].is-lifted+[data-sortable]>.row:before{opacity:0}.is-committing [data-sortable]{transition:none!important}.drag-handle{width:36px;height:44px;color:var(--c-ink-45);touch-action:none;cursor:grab;flex:none;place-items:center;margin:-10px -8px -10px 0;display:grid}.badge{white-space:nowrap;background-color:var(--c-fill);height:22px;color:var(--c-ink-80);border-radius:11px;align-items:center;gap:4px;padding:0 9px;font-size:.72rem;font-weight:500;line-height:1;display:inline-flex}.badge.is-live{background-color:var(--c-green-soft);color:#3d6b52}.badge.is-draft{background-color:var(--c-fill);color:var(--c-ink-60)}.badge.is-changed{background-color:var(--c-highlight-soft);color:#9a5530}.badge.is-rose{background-color:var(--c-rose-soft);color:#8e5560}.badge.is-warn{background-color:var(--c-danger-soft);color:var(--c-danger)}.dot{background-color:currentColor;border-radius:50%;width:7px;height:7px}.env-chip{height:20px;font-family:var(--f-sans);letter-spacing:.04em;background-color:var(--c-highlight-soft);color:#9a5530;vertical-align:2px;border-radius:10px;align-items:center;margin-left:8px;padding:0 8px;font-size:.68rem;font-style:normal;font-weight:700;display:inline-flex}.btn{text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 20px;font-size:.98rem;font-weight:700;line-height:1.3;transition:opacity .15s,background-color .15s,scale .15s;display:inline-flex}.btn:active:not(:disabled){scale:.98}.btn:disabled{opacity:.4}.btn.is-block{width:100%}.btn-primary{background-color:var(--c-ink);color:var(--c-paper)}.btn-accent{background-color:var(--c-highlight);color:var(--c-ink)}.btn-secondary{background-color:var(--c-fill);color:var(--c-ink)}.btn-danger{background-color:var(--c-danger-soft);color:var(--c-danger)}.btn-danger.is-armed{background-color:var(--c-danger);color:var(--c-paper)}.btn-ghost{color:var(--c-ink-80);background:0 0}.btn-small{border-radius:12px;min-height:36px;padding:0 14px;font-size:.85rem}.field{background-color:var(--c-surface);padding:12px 16px;display:block;position:relative}.field+.field:before,.row+.field:before,.field+.row:before{content:"";background-color:var(--c-line);height:1px;position:absolute;top:0;left:16px;right:0}.field-label{color:var(--c-ink-60);letter-spacing:.03em;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:2px;font-size:.76rem;font-weight:500;display:flex}.field-input{resize:none;background:0 0;border:0;outline:none;width:100%;padding:2px 0;line-height:1.6;display:block}.field-input::placeholder{color:var(--c-ink-45)}textarea.field-input{field-sizing:content;min-height:1.6em;overflow:hidden}.field:focus-within .field-label{color:var(--c-accent)}.switch{background-color:var(--c-line-strong);width:50px;height:30px;transition:background-color .25s var(--ease);border-radius:15px;flex:none;position:relative}.switch:after{content:"";background-color:var(--c-surface);width:24px;height:24px;transition:translate .3s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0000002e}.switch[aria-checked=true]{background-color:var(--c-green)}.switch[aria-checked=true]:after{translate:20px}.seg{background-color:var(--c-fill);border-radius:12px;padding:3px;display:flex}.seg button{min-height:34px;color:var(--c-ink-60);border-radius:9px;flex:1;padding:0 10px;font-size:.85rem;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s}.seg button[aria-pressed=true]{background-color:var(--c-surface);color:var(--c-ink);box-shadow:0 1px 3px var(--c-shadow)}.chips{padding:2px var(--gutter) 14px;margin:0 calc(-1 * var(--gutter));scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background-color:var(--c-surface);height:34px;color:var(--c-ink-80);box-shadow:0 1px 2px var(--c-shadow);border-radius:17px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:.85rem;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex}.chip[aria-pressed=true]{background-color:var(--c-ink);color:var(--c-paper)}.chip-count{opacity:.7;font-size:.75rem}.empty{text-align:center;color:var(--c-ink-60);flex-direction:column;align-items:center;gap:10px;padding:36px 24px 24px;font-size:.9rem;display:flex}.empty img{opacity:.9;width:120px;height:auto}.empty-title{font-family:var(--f-mincho);color:var(--c-ink-80);margin:0;font-size:1.05rem;font-weight:600}.sheet-scrim{z-index:200;background-color:var(--c-scrim);position:fixed;inset:0}.sheet{left:0;right:0;bottom:var(--kb-inset);z-index:201;max-width:600px;max-height:calc(100% - var(--kb-inset) - var(--safe-top) - 24px);background-color:var(--c-paper);box-shadow:0 -10px 40px var(--c-shadow-strong);will-change:transform;border-radius:24px 24px 0 0;flex-direction:column;margin:0 auto;display:flex;position:fixed}.sheet.is-tall{height:calc(100% - var(--kb-inset) - var(--safe-top) - 24px)}.sheet-grab{touch-action:none;flex:none;padding:8px 20px 6px}.sheet-handle{background-color:var(--c-line-strong);border-radius:3px;width:38px;height:5px;margin:0 auto 12px}.sheet-head{align-items:center;gap:12px;min-height:36px;display:flex}.sheet-title{flex:1;min-width:0;margin:0;font-size:1.08rem;font-weight:700;line-height:1.45}.sheet-head-action{flex:none;margin-right:-6px}.sheet-desc{color:var(--c-ink-60);margin:4px 0 0;font-size:.86rem;line-height:1.7}.sheet-content{overscroll-behavior:contain;min-height:0;padding-bottom:calc(var(--safe-bottom) + 16px);flex:1;overflow-y:auto}.sheet-body{padding:10px 20px 0}.sheet-actions{gap:10px;padding:16px 20px 0;display:grid}.sheet-actions.is-row{grid-template-columns:1fr 1fr}.sheet-foot{border-top:1px solid var(--c-line);color:var(--c-ink-60);margin:12px 20px 0;padding-top:12px;font-size:.76rem}.sheet .group{margin:0 20px 16px}.sheet .group-label{margin:0 20px 8px;padding:0 6px}.sheet .group-note{margin:-8px 20px 18px}.menu{margin:6px 12px 0;padding:0;list-style:none}.menu-item{text-align:left;width:100%;min-height:52px;color:var(--c-ink);border-radius:14px;align-items:center;gap:14px;padding:0 12px;font-size:.98rem;transition:background-color .15s;display:flex}.menu-item svg{color:var(--c-ink-60);flex:none}.menu-item:active{background-color:var(--c-press)}.menu-item.is-danger,.menu-item.is-danger svg{color:var(--c-danger)}.menu-item:disabled{opacity:.4}.menu-item-sub{color:var(--c-ink-45);margin-left:auto;font-size:.8rem}.toast-layer{left:0;right:0;bottom:calc(var(--kb-inset) + var(--safe-bottom) + 20px);z-index:300;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.toast{background-color:var(--c-ink);max-width:520px;min-height:48px;color:var(--c-paper);box-shadow:0 10px 28px var(--c-shadow-strong);pointer-events:auto;animation:toastIn .32s var(--ease) both;border-radius:16px;align-items:center;gap:8px;padding:8px 8px 8px 18px;font-size:.9rem;line-height:1.5;display:flex}.toast.is-error{background-color:var(--c-danger)}.toast.is-leaving{animation:.2s forwards toastOut}.toast-message{padding:4px 10px 4px 0}.toast-action{color:var(--c-highlight);border-radius:10px;flex:none;padding:8px 12px;font-weight:700}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes toastOut{to{opacity:0;transform:translateY(8px)}}.home-page .page-scroll{padding-top:var(--safe-top)}.home-top{height:var(--bar-h);justify-content:flex-end;align-items:center;padding:0 8px;display:flex;position:relative}.home-menu{transition:opacity .2s}.home-menu.is-hidden{opacity:0;pointer-events:none}.home-done{background-color:var(--c-ink);height:36px;color:var(--c-paper);opacity:0;pointer-events:none;transition:opacity .2s ease, transform .3s var(--ease);border-radius:18px;padding:0 16px;font-size:.9rem;font-weight:700;position:absolute;top:8px;right:12px;transform:scale(.9)}.home-done.is-open{opacity:1;pointer-events:auto;transform:none}.home-hero{text-align:center;flex-direction:column;align-items:center;padding:0 24px 28px;display:flex}.home-logo{object-fit:contain;width:132px;height:132px;margin-bottom:14px}.home-date{font-family:var(--f-en);letter-spacing:.06em;color:var(--c-accent);margin:0 0 6px;font-size:1.05rem;font-style:italic}.home-greeting{font-family:var(--f-mincho);letter-spacing:.04em;margin:0;font-size:1.4rem;font-weight:600;line-height:1.55}.home-name-line{color:var(--c-ink-80);font-size:1.05rem}.home-grid{touch-action:pan-y;grid-template-columns:repeat(3,1fr);gap:22px 8px;max-width:360px;margin:0 auto;padding:0 20px;list-style:none;display:grid}.home-item{animation:tileIn .5s var(--ease) both;animation-delay:calc(var(--i) * 40ms);justify-content:center;display:flex;position:relative}@keyframes tileIn{0%{opacity:0;transform:translateY(10px)}}.home-item.is-lifted{z-index:5}.home-app{-webkit-touch-callout:none;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.tile{color:#fffdfa;width:68px;height:68px;box-shadow:0 6px 16px var(--c-shadow), inset 0 1px 0 #ffffff40;transition:transform .45s var(--ease), box-shadow .3s ease;border-radius:20px;place-items:center;display:grid;position:relative}.tile[data-color=rose]{background-color:var(--c-rose)}.tile[data-color=green]{background-color:var(--c-green)}.tile[data-color=orange]{background-color:var(--c-highlight)}.tile[data-color=camel]{background-color:var(--c-accent)}.tile[data-color=ink]{background-color:#56514a}.home-item.is-pressing .tile{transition:transform .45s linear;transform:scale(.9)}.home-item.is-lifted .tile{box-shadow:0 16px 32px var(--c-shadow-strong);transform:scale(1.1)}.home-grid.is-editing .tile{animation:1.6s ease-in-out infinite tileWait}.home-grid.is-editing .home-item:nth-child(2n) .tile{animation-delay:-.8s}@keyframes tileWait{0%,to{translate:0}50%{translate:0 -2px}}.tile-spinner{opacity:0;border:2px solid #0000;border-radius:24px;position:absolute;inset:-5px}.home-item.is-opening .tile-spinner{border-color:var(--c-line-strong);border-top-color:var(--c-accent);animation:.15s .18s both fadeIn}.home-item.is-opening .tile{transform:scale(.94)}.home-app-name{color:var(--c-ink-80);letter-spacing:.02em;font-size:.8rem;font-weight:500}.home-hint{text-align:center;color:var(--c-ink-60);opacity:0;margin:20px 0 0;font-size:.8rem;transition:opacity .25s}.home-hint.is-shown{opacity:1}.home-dog{opacity:.85;pointer-events:none;width:118px;height:auto;margin:28px 24px 0 auto;display:block}.bar-btn.is-primary{background-color:var(--c-ink);color:var(--c-paper)}.bar-btn.has-icon{align-items:center;gap:6px;padding:0 12px;display:inline-flex}.spinner.is-inline{opacity:1;width:16px;height:16px;animation:.8s linear infinite spin}.row-title.is-small{font-size:.9rem}.sheet-actions.is-flush{padding:4px 20px 0}.float-bar{z-index:30;padding:12px var(--gutter) calc(var(--safe-bottom) + 12px);border-top:1px solid var(--c-line);transition:transform .35s var(--ease);pointer-events:none;background-color:#f5f3eff0;justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(110%)}.float-bar.is-shown{pointer-events:auto;transform:none}.float-bar .btn{width:100%;max-width:480px}.media-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}@media (width>=560px){.media-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=900px){.media-grid{grid-template-columns:repeat(5,1fr)}}.media-cell{aspect-ratio:1;min-width:0}.media-tile{background-color:var(--c-fill);border-radius:12px;width:100%;height:100%;transition:opacity .2s;display:block;position:relative;overflow:hidden}.media-tile img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .2s;display:block}.media-tile:before{content:"";opacity:0;pointer-events:none;background-color:#2c2a261f;transition:opacity .15s;position:absolute;inset:0}.media-tile:active:before{opacity:1}.media-badge{color:#fffdfa;border-radius:10px;height:20px;padding:0 7px;font-size:11px;font-weight:700;line-height:20px;position:absolute;top:6px;left:6px}.media-badge.is-unused{background-color:#5d9c79f0}.media-badge.is-alt{background-color:#c98b96f5}.media-res{font-variant-numeric:tabular-nums;color:#fffdfa;background-color:#2c2a268c;border-radius:9px;height:18px;padding:0 6px;font-size:11px;line-height:18px;position:absolute;bottom:6px;right:6px}.media-res.is-low{color:var(--c-ink);background-color:#e08958f5;font-weight:700}.media-grid.is-trash img{opacity:.55}.media-check{width:24px;height:24px;color:var(--c-ink);background-color:#2c2a2640;border:2px solid #fffdfa;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 1px 4px #0003}.media-tile.is-checked .media-check{background-color:var(--c-highlight)}.media-tile.is-checked:after,.media-tile.is-current:after{content:"";box-shadow:inset 0 0 0 3px var(--c-highlight);pointer-events:none;border-radius:12px;position:absolute;inset:0}.media-tile.is-checked img{opacity:.82}.media-tile.is-locked{opacity:.32}.media-current{background-color:var(--c-highlight);height:20px;color:var(--c-ink);border-radius:10px;padding:0 7px;font-size:11px;font-weight:700;line-height:20px;position:absolute;bottom:6px;left:6px}.trash-head{background-color:var(--c-surface);color:var(--c-ink-60);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px 10px 16px;font-size:.8rem;line-height:1.6;display:flex}.trash-head .btn{flex:none}.media-detail{padding-top:4px}.media-preview{background-color:var(--c-fill);border-radius:16px;place-items:center;height:min(36vh,320px);margin:4px 20px 10px;display:grid;overflow:hidden}.media-preview img{object-fit:contain;width:100%;height:100%;display:block}.media-preview.is-trash img{opacity:.6}.media-meta{color:var(--c-ink-60);font-variant-numeric:tabular-nums;flex-direction:column;gap:2px;margin:0 20px 16px;font-size:.78rem;display:flex}.media-filename{color:var(--c-ink-45);word-break:break-all}.media-warn{background-color:var(--c-highlight-soft);color:#8a4a26;border-radius:12px;align-items:flex-start;gap:8px;margin:-6px 20px 18px;padding:10px 12px;font-size:.8rem;line-height:1.6;display:flex}.media-warn svg{flex:none;margin-top:2px}.picker{padding:0 16px}.chips.is-sheet{margin:0 -16px;padding:4px 16px 12px}.picker .media-grid{gap:4px}.sheet.is-tall .sheet-content>.focal{height:100%}.focal{flex-direction:column;min-height:0;display:flex}.focal-seg{margin:4px 20px 12px}.focal-area{flex:1;place-items:center;min-height:240px;margin:0 20px;display:grid}.focal-frame{background-color:var(--c-fill);box-shadow:0 4px 16px var(--c-shadow);touch-action:none;cursor:grab;border-radius:14px;position:relative;overflow:hidden}.focal-frame img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.focal-foot{color:var(--c-ink-60);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 0;font-size:.8rem;display:flex}.avatar{background-color:var(--c-accent-soft);color:#8a6a45;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.row.is-person{min-height:72px}.pet-stack{padding-left:8px;display:flex}.pet-stack .avatar{border:2px solid var(--c-surface);margin-left:-8px}.row-icon{background-color:var(--c-accent-soft);color:#8a6a45;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.row-icon.is-add{background-color:var(--c-green-soft);color:#3d6b52;border-radius:50%}.row.is-add .row-title{color:#3d6b52;font-weight:700}.row-num{text-align:center;width:18px;font-family:var(--f-en);color:var(--c-accent);flex:none;font-size:1.05rem}.row-title.is-missing{color:var(--c-danger)}.row-title.is-muted{color:var(--c-ink-60)}[data-sortable]+.row:before{content:"";top:0;left:var(--row-inset,16px);background-color:var(--c-line);height:1px;position:absolute;right:0}.portrait-block{justify-content:center;padding:0 0 24px;display:flex}.portrait{border-radius:50%;position:relative}.portrait .avatar{border:4px solid var(--c-surface);box-shadow:0 6px 20px var(--c-shadow)}.portrait-badge{background-color:var(--c-ink);width:32px;height:32px;color:var(--c-paper);box-shadow:0 2px 8px var(--c-shadow-strong);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:2px;right:2px}.link-btn{color:#8a6a45;padding:4px 0 4px 8px;font-size:.8rem;font-weight:700}.group-label.is-toggle{text-align:left;background:0 0;width:100%}.group-label.is-toggle>span{align-items:center;gap:4px;display:inline-flex}.is-flipped{transform:rotate(180deg)}.suffix-input{align-items:baseline;gap:6px;display:flex}.suffix-input .field-input{flex:none;width:2.4em}.field .seg{margin-top:6px}.pet-photo{flex-direction:column;align-items:center;gap:12px;padding:4px 0 20px;display:flex}.pet-photo-actions{gap:8px;display:flex}.top-seg{margin:0 0 18px}.row.is-slide{min-height:80px}.slide-thumb{background-color:var(--c-fill);border-radius:10px;flex:none;width:72px;height:48px;overflow:hidden}.slide-thumb img{object-fit:cover;width:100%;height:100%;display:block}.section-num{width:30px;font-family:var(--f-en);color:var(--c-accent);flex:none;font-size:1.35rem;font-style:italic;line-height:1}.row-sub.is-en{font-family:var(--f-en);letter-spacing:.08em;font-size:.85rem}.row.is-muted{background-color:var(--c-surface)}.row.is-muted .section-num{opacity:.45}html:has(.login-body),body.login-body{height:auto;min-height:100%;overflow:auto}.login{max-width:420px;padding:calc(var(--safe-top) + 48px) 24px calc(var(--safe-bottom) + 40px);text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex}.login-logo{object-fit:contain;width:132px;height:132px}.login-en{font-family:var(--f-en);letter-spacing:.08em;color:var(--c-accent);margin:14px 0 4px;font-size:1.1rem;font-style:italic}.login-title{font-family:var(--f-mincho);letter-spacing:.06em;margin:0 0 28px;font-size:1.45rem;font-weight:600}.login-form{text-align:left;width:100%}.login-form .group{margin-bottom:18px}.login-error{background-color:var(--c-danger-soft);color:var(--c-danger);text-align:center;border-radius:12px;margin:0 0 14px;padding:10px 14px;font-size:.86rem}@media (width>=720px){:root{--gutter:24px}.large-heading{font-size:2.1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}