:root{--bg: #ffffff;--ink: #111111;--sub: #6b6b6b;--line: #e5e5e5;--theme: #ffd800;--theme-pale: #fff3b0;--error: #c62828;--scrim: rgba(17, 17, 17, .5);--fs-body: 15px;--fs-small: 12px;--fs-tiny: 10px;--fs-title: 22px;--fs-big: 24px;--fs-stat: 17px;--gutter: 16px;--gap: 14px;--tap: 44px;--tabbar-height: 56px;--wear-size: 104px;--wear-lift: 28px;color-scheme:light;font-family:Montserrat,Zen Kaku Gothic New,sans-serif;font-size:var(--fs-body);font-weight:500;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}*{box-sizing:border-box;border-radius:0}body{margin:0;background:var(--bg)}h1{margin:0;font-size:var(--fs-title);font-weight:700;line-height:1.3;overflow-wrap:anywhere}h2,p{margin:0}img{display:block;max-width:100%}button,input,select{font:inherit;color:inherit}button,a,label{-webkit-tap-highlight-color:transparent}:focus:not(:focus-visible):not(.invalid){outline:none}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.row:focus-visible,.sheet-item:focus-visible,.row-more:focus-visible,.tab-link:focus-visible{outline-offset:-3px}label:has(>input[type=file]:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.icon{display:block;flex:0 0 auto}.page{max-width:560px;margin:0 auto;padding:var(--gutter) var(--gutter) 40px;display:flex;flex-direction:column;gap:var(--gap)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:var(--tap)}.page-header.centered{display:grid;grid-template-columns:1fr auto 1fr}.page-header.centered>:first-child{justify-self:start}.title-block{display:flex;flex-direction:column;gap:2px}.section{display:flex;flex-direction:column;gap:8px}.section-stack{display:flex;flex-direction:column;gap:var(--gap)}.section-title{font-size:13px;font-weight:700}.sub{color:var(--sub);font-size:var(--fs-small)}.unnamed{color:var(--sub)}.num,.date-label,.stat-value,.stat-box-value,.stepper-value,.record-date{font-variant-numeric:tabular-nums}.center-message{padding:40px var(--gutter);text-align:center;color:var(--sub);font-size:13px}.error{color:var(--error);font-size:13px}.notice{padding:10px 12px;border:1px solid var(--line);font-size:13px}.tag{align-self:flex-start;padding:0 6px;border:1px solid var(--line);color:var(--sub);font-size:var(--fs-tiny)}.empty{padding:32px 0}.highlight{padding:0 4px;background:var(--theme);color:var(--ink)}.primary-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 var(--gutter);border:none;background:var(--ink);color:var(--bg);font-weight:700;text-align:center;text-decoration:none;cursor:pointer}.primary-button:disabled{opacity:.35;cursor:default}.button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:var(--tap);padding:0 12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none;cursor:pointer}.button:disabled{opacity:.35;cursor:default}.button.dark{border-color:var(--ink);background:var(--ink);color:var(--bg)}.button.wide{width:100%}.button-row{display:flex;flex-wrap:wrap;gap:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--tap);width:var(--tap);height:var(--tap);padding:0;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}.icon-button:disabled{opacity:.3;cursor:default}.text-link{align-self:flex-start;min-height:var(--tap);padding:0;border:none;background:none;color:var(--sub);font-size:13px;text-decoration:underline;cursor:pointer}.text-link.center{align-self:center;display:inline-flex;align-items:center}.text-link.small{font-size:11px}.text-link:disabled{opacity:.5}.inline-link{color:inherit;text-decoration:underline}.actions{display:flex;flex-direction:column;gap:10px}.invalid{outline:2px solid var(--error);outline-offset:4px}.date-nav{display:flex;align-items:center;gap:8px}.date-label{display:inline-flex;align-items:baseline;font-size:var(--fs-big);font-weight:700;line-height:1.2}.date-label.small{font-size:var(--fs-stat)}.date-weekday{margin-left:6px;font-size:var(--fs-body);font-weight:700}.date-nav .date-label{min-width:4.5em;justify-content:center}.choice-grid{display:grid;gap:6px}.choice-grid.five{grid-template-columns:repeat(5,1fr)}.choice-grid.two{grid-template-columns:1fr 1fr}.choice-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:6px 2px;border:1px solid var(--line);background:var(--bg);font-size:var(--fs-small);font-weight:700;line-height:1.2;cursor:pointer}.choice-tile.large{min-height:80px;font-size:var(--fs-body)}.choice-tile[aria-pressed=true]{border-color:var(--theme);background:var(--theme);color:var(--ink)}.segment{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;background:var(--line)}.segment button{min-height:var(--tap);border:none;background:none;color:var(--sub);font-weight:700;cursor:pointer}.segment button[aria-pressed=true]{background:var(--bg);color:var(--ink)}.rows{margin:0 calc(-1 * var(--gutter));padding:0;list-style:none}.row{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:10px var(--gutter);border:none;border-bottom:1px solid var(--line);background:var(--bg);color:var(--ink);text-align:left;text-decoration:none;cursor:pointer}.row:disabled{cursor:default}.row.faded,.row-split.faded{opacity:.45}.row-split{display:flex;border-bottom:1px solid var(--line);background:var(--bg)}.row-split .row{flex:1;min-width:0;padding-right:8px;border-bottom:none;background:none}.row-split.pending{box-shadow:inset 0 0 0 3px var(--theme)}.row-tag-button{align-self:flex-start;display:flex;align-items:center;min-height:var(--tap);margin:-8px 0 -10px -6px;padding:0 6px;border:none;background:none;cursor:pointer}.row-tag-button:disabled{cursor:default}.row-tag{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;background:var(--ink);color:var(--bg);font-size:var(--fs-small);font-weight:700;white-space:nowrap}.row-more{display:flex;align-items:center;justify-content:center;flex:0 0 40px;border-left:1px solid var(--line);color:var(--sub);text-decoration:none}.row>.icon{color:var(--sub)}.row-photo{position:relative;flex:0 0 52px;width:52px;height:52px;background:var(--line)}.row-photo img{width:100%;height:100%;object-fit:cover}.row-check{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--theme);color:var(--ink)}.row-icon{display:flex;align-items:center;justify-content:center;flex:0 0 52px;color:var(--sub)}.row-names{flex:1;min-width:0;display:flex;flex-direction:column}.row-brand,.row-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-brand{color:var(--sub);font-size:var(--fs-small)}.row-name{font-size:var(--fs-body);font-weight:700}.row-name.unnamed{font-weight:500}.shop-row{display:flex;align-items:center;gap:8px;min-height:var(--tap);margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);border-bottom:1px solid var(--line);color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}.shop-row-name{flex:1;min-width:0;overflow-wrap:anywhere}.pick-due,.pick-wears{flex:0 0 auto;font-size:13px;font-weight:700;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.pick-due{width:6em;padding:2px 4px}.pick-wears{width:5.5em}.stats{display:flex;flex:0 0 auto}.stat{display:flex;flex-direction:column;align-items:center;min-width:52px;padding:0 8px}.stat+.stat{border-left:1px solid var(--line)}.stat:last-child{padding-right:0}.stat-value{font-size:var(--fs-stat);font-weight:700;line-height:1.3;white-space:nowrap}.stat-unit{margin-left:1px;font-size:14px}.stat-label{color:var(--sub);font-size:var(--fs-tiny);white-space:nowrap}.stat-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.stat-box{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 4px;border:1px solid var(--line);background:var(--bg);color:var(--ink);text-decoration:none}button.stat-box{font:inherit;cursor:pointer}.stat-box-value{font-size:var(--fs-big);font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}.stat-box-value small{margin-left:2px;font-size:14px}.stat-box-label{color:var(--sub);font-size:var(--fs-tiny)}.stat-box-more{position:absolute;right:4px;bottom:4px;color:var(--sub)}.boxed-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);text-align:left;text-decoration:none}button.boxed-row{cursor:pointer}.boxed-row-label{flex:1;min-width:0;font-size:13px}.boxed-row-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.boxed-row-side{display:flex;align-items:center;gap:4px;font-size:var(--fs-small)}.boxed-row-action{font-size:13px;font-weight:700;text-decoration:underline}.select-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);text-align:left;cursor:pointer}.select-label{flex:0 0 3em;color:var(--sub);font-size:var(--fs-small)}.select-label.wide{flex-basis:auto}.select-value{flex:1;min-width:0;font-weight:700;overflow-wrap:anywhere}.select-value.empty{color:var(--sub);font-weight:500}.select-row .icon{color:var(--sub)}.form{display:flex;flex-direction:column;gap:var(--gap)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}fieldset.field{margin:0;padding:0;border:none}fieldset.field legend{padding:0;margin-bottom:6px}.label{font-size:13px;font-weight:700}.label-small{color:var(--sub);font-size:var(--fs-small)}.input{width:100%;height:48px;padding:0 12px;border:1px solid var(--line);background:var(--bg);font-size:16px}.textarea{display:block;width:100%;min-height:calc(6.4em + 24px);padding:12px;border:1px solid var(--line);background:var(--bg);font:inherit;font-size:16px;line-height:1.6;resize:vertical}.textarea::placeholder,.input::placeholder{color:var(--sub);opacity:.7}.date-input{min-height:var(--tap);border:none;background:none;font-size:var(--fs-body);font-weight:700;font-variant-numeric:tabular-nums}.stepper{display:flex;align-items:center;gap:4px}.stepper-value{min-width:4em;text-align:center;font-weight:700}.photo-and-names{display:flex;gap:12px}.photo-pick{position:relative;flex:0 0 96px;height:96px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--bg);color:var(--sub);overflow:hidden;cursor:pointer}.photo-pick img{width:100%;height:100%;object-fit:cover}.photo-pick input,.photo-slot input{position:absolute;width:1px;height:1px;opacity:0}.names-inputs{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.shoe-handling{display:flex;flex-direction:column;align-items:center}.shoe-handling .text-link{align-self:center}.confirm-check{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);font-size:13px;cursor:pointer}.confirm-check input{flex:0 0 auto;width:22px;height:22px;margin:0;accent-color:var(--ink)}.photo-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.photo-slot{position:relative;aspect-ratio:1;border:1px solid var(--line);background:var(--bg);overflow:hidden}.photo-slot img{width:100%;height:100%;object-fit:cover}.photo-slot.add{display:flex;align-items:center;justify-content:center;color:var(--sub);cursor:pointer}.photo-remove{position:absolute;top:0;right:0;display:flex;align-items:flex-start;justify-content:flex-end;width:var(--tap);height:var(--tap);padding:0;border:none;background:none;cursor:pointer}.photo-remove .icon{width:24px;height:24px;padding:5px;background:var(--ink);color:var(--bg)}.add-box{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--line)}.add-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px}.add-actions .text-link{align-self:center}.next-due{display:flex;align-items:center;gap:6px}.next-due-text{flex:1;min-width:0;display:flex;flex-direction:column}.submit-area{display:flex;flex-direction:column;gap:6px}.submit-error{text-align:center}.facts{margin:0}.facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.facts dt{color:var(--sub);font-size:var(--fs-small)}.facts dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}.sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim)}.sheet{position:absolute;left:0;right:0;bottom:0;max-width:560px;max-height:70vh;margin:0 auto;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);background:var(--bg)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px var(--gutter);border-bottom:1px solid var(--line)}.sheet-title{font-size:var(--fs-body);font-weight:700}.sheet-body{overflow-y:auto;overscroll-behavior:contain}.sheet-layer.fullscreen{background:var(--bg)}.sheet.fullscreen{top:0;bottom:0;height:100%;max-height:none;padding-top:env(safe-area-inset-top);padding-bottom:0}.sheet.fullscreen .sheet-head,.sheet.fullscreen .sheet-top{flex:0 0 auto}.sheet.fullscreen .sheet-body{flex:1 1 auto;min-height:0}.sheet-list{margin:0;padding:0;list-style:none}.sheet-item{display:flex;align-items:center;gap:6px;width:100%;min-height:52px;padding:0 var(--gutter);border:none;border-bottom:1px solid var(--line);background:var(--bg);color:var(--ink);text-align:left;overflow-wrap:anywhere;cursor:pointer}.sheet-item.add{font-weight:700}.sheet-item[aria-pressed=true]{background:var(--theme);font-weight:700}.sheet-item.static{cursor:default}a.sheet-item{text-decoration:none}label.sheet-item{position:relative}label.sheet-item input{position:absolute;width:1px;height:1px;opacity:0}.sheet-item-more{margin-left:auto;color:var(--sub)}.sheet-item-names{flex:1;min-width:0;display:flex;flex-direction:column;padding:6px 0}.sheet-item-name{font-weight:700}.sheet-item-count{flex:0 0 auto;font-size:13px;font-weight:700}.sheet-top{padding:8px var(--gutter);border-bottom:1px solid var(--line)}.sheet-top .input::placeholder{color:var(--sub);opacity:.7}.sheet-top .input::-webkit-search-decoration{-webkit-appearance:none}.sheet-top .input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.sheet-empty{padding:16px var(--gutter);color:var(--sub);font-size:13px}.hero{position:relative;flex:none;height:230px;margin:0 12px 12px 0}.hero:before{content:"";position:absolute;top:12px;right:-12px;bottom:-12px;left:12px;background:var(--line)}.hero-photo{position:relative;height:100%;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--bg);overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover}.record-list{margin:0;padding:0;list-style:none}.record-item{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.record-line{display:flex;flex-wrap:wrap;align-items:center;gap:2px 1em;overflow-wrap:anywhere}.record-line.spread{justify-content:space-between}.record-date{font-weight:700}.record-who{display:flex;align-items:center;gap:4px;font-size:13px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.photo-cell{aspect-ratio:1;padding:0;border:none;background:var(--line);overflow:hidden;cursor:pointer}.photo-cell img{width:100%;height:100%;object-fit:cover}.with-tabbar .page{padding-bottom:calc(40px + var(--tabbar-height) + env(safe-area-inset-bottom))}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:10;max-width:560px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:var(--bg)}.tab-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--tabbar-height);color:var(--sub);font-size:11px;text-decoration:none;-webkit-tap-highlight-color:transparent}.tab-link[aria-current=page]{color:var(--ink);font-weight:700}.tab-link[aria-current=page]:before{content:"";position:absolute;top:-1px;left:0;right:0;height:3px;background:var(--theme)}.wear-button{position:fixed;left:50%;bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--wear-lift));z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--wear-size);height:var(--wear-size);padding:0;border:5px solid var(--theme);border-radius:50%;background:var(--ink);color:var(--bg);box-shadow:0 6px 16px #1111114d;transform:translate(-50%);cursor:pointer}.wear-button:disabled{cursor:default}.wear-button-main{font-size:22px;font-weight:700;line-height:1.2}.wear-button[aria-busy=true] .wear-button-main{font-size:16px}.wear-button-count{font-size:12px;font-variant-numeric:tabular-nums}.wear-toast{position:fixed;left:50%;bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--wear-lift) + var(--wear-size) / 2);z-index:20;max-width:calc(100% - 2 * var(--gutter));padding:12px 20px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:700;white-space:nowrap;transform:translate(-50%,50%)}.wear-toast.above{bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--wear-lift) + var(--wear-size) + 8px);transform:translate(-50%)}.wear-error{position:fixed;left:50%;bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--wear-lift) + var(--wear-size) + 8px);z-index:20;width:calc(100% - 2 * var(--gutter));max-width:calc(560px - 2 * var(--gutter));padding:8px 12px;border:1px solid var(--error);background:var(--bg);text-align:center;transform:translate(-50%)}.with-tabbar .page.has-wear-button{padding-bottom:calc(40px + var(--tabbar-height) + 110px + env(safe-area-inset-bottom))}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:var(--ink);color:var(--bg)}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding:calc(8px + env(safe-area-inset-top)) var(--gutter) 8px}.viewer-close{display:inline-flex;align-items:center;gap:4px;min-height:var(--tap);padding:0 12px;border:1px solid var(--sub);background:none;color:var(--bg);font-size:14px;font-weight:700;cursor:pointer}.viewer-count{font-size:13px;font-variant-numeric:tabular-nums}.viewer-track{flex:1;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none}.viewer-track::-webkit-scrollbar{display:none}.viewer-slide{flex:0 0 100%;display:flex;flex-direction:column;margin:0;scroll-snap-align:center;scroll-snap-stop:always}.viewer-image{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.viewer-image img{max-width:100%;max-height:100%;object-fit:contain}.viewer-caption{padding:12px var(--gutter) calc(16px + env(safe-area-inset-bottom))}.viewer-title{font-size:var(--fs-title);font-weight:700;overflow-wrap:anywhere}.viewer-sub{font-size:var(--fs-small);overflow-wrap:anywhere}.viewer-step{display:none}@media (hover: hover) and (pointer: fine){.viewer-step{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);margin-top:calc(var(--tap) / -2);border:1px solid var(--sub);background:var(--ink);color:var(--bg);cursor:pointer}.viewer-step.prev{left:12px}.viewer-step.next{right:12px}.viewer-step:disabled{opacity:.2;cursor:default}}.card-head-wrap{display:flex;flex-direction:column;gap:8px}.card-head{display:flex;align-items:center;gap:14px}.card-head .title-block{flex:1;min-width:0}.card-photo{position:relative;flex:0 0 84px;width:84px;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--line);color:var(--sub);overflow:hidden;cursor:pointer}.card-photo img{width:100%;height:100%;object-fit:cover}.card-photo.empty{border:2px dashed var(--sub);background:var(--bg)}.card-photo.busy{cursor:default}.card-photo input{position:absolute;width:1px;height:1px;opacity:0}.card-photo-label{font-size:var(--fs-tiny);font-weight:700}.card-photo-busy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fffc;color:var(--ink);font-size:var(--fs-small);font-weight:700}.link-buttons{display:flex;flex-direction:column;gap:10px}.primary-button.with-icon{gap:8px}.link-icons{display:flex;flex-wrap:wrap;gap:8px}.link-icon{display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border:1px solid var(--line);background:var(--bg);color:var(--ink)}.avatar{display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;color:var(--sub);overflow:hidden}.avatar.medium{width:44px;height:44px}.avatar.small{width:36px;height:36px;margin-right:6px}.avatar img{width:100%;height:100%;object-fit:cover}.calendar{display:flex;flex-direction:column;gap:var(--gap)}.shoe-picker{display:flex;gap:4px;margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter);overflow-x:auto;scrollbar-width:none}.shoe-picker::-webkit-scrollbar{display:none}.shoe-pick{flex:0 0 60px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:3px 0;border:none;background:none;color:var(--ink);cursor:pointer}.shoe-pick[aria-pressed=true] .shoe-dot{box-shadow:0 0 0 3px var(--theme)}.shoe-pick-name{width:100%;overflow:hidden;font-size:var(--fs-tiny);text-align:center;white-space:nowrap;text-overflow:ellipsis}.shoe-pick[aria-pressed=true] .shoe-pick-name{font-weight:700}.shoe-dot{display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:var(--line);color:var(--sub)}.shoe-dot img{width:100%;height:100%;border-radius:50%;object-fit:cover}.shoe-dot.large{width:48px;height:48px}.shoe-dot.small{width:36px;height:36px}.shoe-dot.all{background:var(--ink);color:var(--bg);font-size:var(--fs-small);font-weight:700}.month-nav{display:flex;align-items:center;justify-content:center;gap:12px}.month-nav .date-label{min-width:8em;justify-content:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-grid.loading{opacity:.4}.calendar-weekday{padding-bottom:4px;color:var(--sub);font-size:var(--fs-tiny);text-align:center}.calendar-day{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:62px;padding:2px 0 4px;border-top:1px solid var(--line)}.calendar-date{font-size:var(--fs-small);font-variant-numeric:tabular-nums}.calendar-day.today .calendar-date{padding:0 4px;background:var(--ink);color:var(--bg);font-weight:700}.calendar-shoe{position:relative}.calendar-more{position:absolute;right:-6px;bottom:-4px;padding:0 3px;background:var(--ink);color:var(--bg);font-size:var(--fs-tiny);font-weight:700;line-height:1.5}.calendar-total{margin:0}.maint-shoe{display:flex;align-items:center;gap:12px}.section-heading{font-size:var(--fs-stat)}.maint-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.maint-item{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);scroll-margin-top:var(--gutter)}.maint-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;overflow-wrap:anywhere}.maint-date{font-size:var(--fs-big);font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.maint-photos{display:flex;flex-direction:column;gap:4px}.maint-photo-main{display:block;width:100%;aspect-ratio:16 / 10;padding:0;border:none;background:var(--line);overflow:hidden;cursor:pointer}.maint-photo-main img{width:100%;height:100%;object-fit:cover}.maint-photo-rest{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.maint-note{font-size:var(--fs-body);line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.maint-note-button{align-self:flex-start}.maint-note-edit{display:flex;flex-direction:column;gap:8px}.record-line.clickable{cursor:pointer}.plain-link{color:inherit;text-decoration:none}.outline-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:52px;padding:0 12px 0 var(--gutter);border:1px solid var(--ink);background:var(--bg);color:var(--ink);font-size:14px;font-weight:700;text-align:left;text-decoration:none}.header-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.button.stacked{flex-direction:column;gap:0;min-width:var(--tap);padding:0 4px;font-size:var(--fs-tiny);line-height:1.2}.wear-header .date-nav{min-width:0}@media (max-width: 359px){.wear-header .date-nav{gap:4px}.wear-header .date-nav .date-label{min-width:0;font-size:20px}.wear-header .date-weekday{margin-left:4px}}.button.tall{min-height:52px}.lead{font-size:var(--fs-body);line-height:1.7}.sheet-content{display:flex;flex-direction:column;gap:var(--gap);padding:var(--gutter)}.account-status{font-weight:700}.account-detail{overflow-wrap:anywhere}.result-page{padding-top:calc(var(--gutter) + 24px)}.result-page .account-detail{display:flex;flex-direction:column;gap:2px}.outline-button.center{justify-content:center;padding:0 var(--gutter);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.confirm-box{display:flex;flex-direction:column;gap:var(--gap);padding:var(--gutter);border:1px solid var(--ink)}.row-count{flex:0 0 auto;font-size:13px;font-weight:700;white-space:nowrap}.shop-row.static{color:var(--sub)}.suggest-row .select-label{flex:0 0 auto}.sheet-group{padding:10px var(--gutter) 4px;border-bottom:1px solid var(--line);color:var(--sub);font-size:var(--fs-small);font-weight:700}.shoe-title span{display:block}.row-split .row{gap:10px;padding-right:6px}.row-split .stat{flex:0 0 54px;min-width:0;padding:0}.row-split .stat:last-child{padding-right:0}.row-split .row-more{flex-basis:36px}.row-split.pending .row-more{border-left-color:transparent}.row-photo.large{flex:0 0 104px;width:104px;height:104px;display:flex;align-items:center;justify-content:center}.row-photo-icon{color:var(--sub)}.wear-row-main{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.wear-row-main .row-names{flex:0 0 auto}.wear-row-main .stats{align-self:flex-start}@media (max-width: 359px){.row-split .row{gap:8px;padding-right:4px}.row-split .stat{flex-basis:52px}.row-split .row-more{flex-basis:28px}}.shoe-pick{flex:0 0 64px;width:64px;min-width:0}.shoe-pick-name{display:block;max-width:100%;line-height:1.3}@media (max-width: 359px){.page-header.centered{grid-template-columns:auto 1fr}.page-header.centered .header-spacer{display:none}.page-header.centered .date-nav{justify-self:end;gap:4px}.page-header.centered .date-nav .date-label{min-width:0;font-size:20px}}.calendar .segment{margin-bottom:-4px}.calendar-day.pressable{border:none;border-top:1px solid var(--line);background:none;color:var(--ink);font:inherit;cursor:pointer}.calendar-day.selected{box-shadow:inset 0 0 0 3px var(--theme)}.calendar-who{display:flex;align-items:center;gap:4px}.row-split .row-more{border-left:none}.cropped-photo{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit}.cropped-photo img{display:block;width:100%;height:100%;object-fit:cover}button.photo-pick{padding:0;font:inherit}.cropper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:var(--gap);padding:calc(var(--gutter) + env(safe-area-inset-top)) var(--gutter) calc(var(--gutter) + env(safe-area-inset-bottom));overflow-y:auto;background:var(--bg)}.cropper-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.cropper-head>:first-child{justify-self:start}.cropper-hint{color:var(--sub);font-size:13px}.cropper-frame{position:relative;width:100%;aspect-ratio:1;flex:0 0 auto;background:var(--line);outline:2px solid var(--ink);outline-offset:-2px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.cropper-frame img{pointer-events:none}.cropper-tools{display:flex;align-items:center;gap:8px}.cropper-tools .button{margin-left:auto}.cropper-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.cropper-file{position:relative}.cropper-file input{position:absolute;width:1px;height:1px;opacity:0}.date-button{display:inline-flex;align-items:baseline;min-height:var(--tap);padding:0 4px;border:none;background:none;color:var(--ink);font:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer}.date-picker{display:flex;flex-direction:column;gap:8px;padding:8px var(--gutter) var(--gutter)}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-picker-day{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--tap);border:none;background:none;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer}.date-picker-day.out{color:var(--sub);opacity:.4;cursor:default}.date-picker-day.today{font-weight:700;text-decoration:underline}.date-picker-day.selected{background:var(--theme);font-weight:700}.date-picker-mark{position:absolute;bottom:5px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--ink)}.shoe-summary-block{display:flex;flex-direction:column;gap:4px}.previous-line{margin:0;font-size:13px}.saved-photos{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.edit-title{margin:0}.maint-delete{gap:var(--gap);margin-top:24px}.maint-delete .confirm-box{align-self:stretch}.flash-toast{position:fixed;left:50%;bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 16px);z-index:20;max-width:calc(100% - 2 * var(--gutter));margin:0;padding:12px 20px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:700;white-space:nowrap;transform:translate(-50%)}.maint-head .record-who{flex:1 1 auto;justify-content:flex-end;text-align:right}.maint-edit{flex:0 0 auto;margin-left:auto}.hero{height:auto}.hero-photo{height:auto;aspect-ratio:1}.hero-photo.empty{height:230px;aspect-ratio:auto}.maint-photo-main,.photo-cell,.photo-slot{aspect-ratio:4 / 5}.photo-slot-open{display:block;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer}.viewer-image{container-type:size}.viewer-frame{display:block;width:min(100cqw,80cqh);aspect-ratio:4 / 5}.cropper-frame.tall{align-self:center;width:min(100%,56vh)}.pick-numbers{display:flex;align-items:center;gap:6px}.hitokoto{display:flex;align-items:center;gap:var(--gap)}.hitokoto-face{display:block;flex:0 0 84px;width:84px;height:84px;border:2px solid var(--ink);border-radius:50%;background:var(--bg);overflow:hidden}.hitokoto-face img{display:block;width:100%;height:100%;object-fit:cover}.hitokoto-words{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.hitokoto-text{margin:0;font-size:19px;font-weight:700;line-height:1.55;overflow-wrap:anywhere}.saved-actions{position:sticky;bottom:0;z-index:1;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:var(--bg)}.viewer-frame .cropped-photo img{max-width:none;max-height:none;object-fit:cover}.boxed-row-more{margin-left:auto;color:var(--sub)}.shoe-summary-static{display:flex;align-items:center;gap:12px}a.maint-shoe{color:var(--ink);text-decoration:none}.wear-row-main{align-self:flex-start;justify-content:flex-start;gap:6px}.wear-row-main .stat{align-items:flex-start}.wear-row-main .stat:first-child{padding-left:0}.row-split .stat:first-child{flex-basis:48px}.row-split .stat+.stat{flex-basis:58px;padding-left:6px}@media (max-width: 359px){.row-split .stat:first-child{flex-basis:46px}.row-split .stat+.stat{flex-basis:56px}}.pick-numbers{gap:12px}.pick-numbers .pick-due,.pick-numbers .pick-wears{width:auto;text-align:left}.pick-numbers .pick-due{padding:0}.pick-numbers .pick-due.highlight{padding:2px 4px}.color-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px;align-items:start}.color-rows{display:flex;flex-direction:column}.color-row{padding:10px 0;border-top:1px solid var(--line)}.color-columns-block{display:flex;flex-direction:column;gap:10px}.color-column{display:flex;flex-direction:column;gap:10px;min-width:0}.color-column-head{display:flex;flex-direction:column;gap:2px;min-height:3em;font-size:var(--fs-tiny);font-weight:700;line-height:1.4;overflow-wrap:anywhere}.color-column-head h2{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}.color-column-count{color:var(--sub);font-weight:400}.segment.segment-scroll{grid-auto-columns:max-content;overflow-x:auto;scrollbar-width:none}.segment.segment-scroll::-webkit-scrollbar{display:none}.segment.segment-scroll button{padding:0 14px;white-space:nowrap}.segment.segment-mini{padding:2px}.segment.segment-mini button{min-height:28px;padding:0 2px;font-size:var(--fs-tiny);white-space:nowrap}.swatch{display:flex;flex-direction:column;gap:3px;min-width:0;padding:0;border:none;background:none;color:var(--ink);font:inherit;text-align:left}button.swatch{cursor:pointer}.swatch-chip{display:flex;align-items:center;justify-content:center;width:100%;height:44px;border:1px solid var(--line)}.swatch-chip.empty,.color-sheet-chip.empty{border:1px dashed var(--sub);color:var(--sub);font-size:var(--fs-tiny)}.swatch-chip.empty{padding:0}.swatch-name{min-height:2.7em;font-size:11px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.swatch-note{min-height:1.3em;color:var(--sub);font-size:var(--fs-tiny);line-height:1.3}.color-sheet-chip{display:flex;align-items:center;justify-content:center;width:100%;height:120px;border:1px solid var(--line)}.color-sheet-text{display:flex;flex-direction:column;gap:2px}.color-sheet-name{font-size:var(--fs-stat);font-weight:700}.input.invalid{border-color:var(--error);outline-offset:-1px}.tag.pro-tag{align-self:center;flex:0 0 auto}.title-block .tag.pro-tag{align-self:flex-start}.flash-toast.pro-toast{bottom:calc(env(safe-area-inset-bottom) + 16px)}