.page[data-v-02db03fd]{--content-max:1000px;--page-pad:max(20px, calc((100% - var(--content-max)) / 2));flex-direction:column;min-height:100%;display:flex}.page.is-narrow[data-v-02db03fd]{--content-max:760px}header[data-v-02db03fd]{padding:calc(18px + var(--safe-top)) var(--page-pad) 0;justify-content:space-between;align-items:center;gap:12px;min-height:62px;display:flex}.ttl[data-v-02db03fd]{min-width:0;min-height:56px}h1[data-v-02db03fd]{font-family:var(--sans);font-size:var(--fs-title);letter-spacing:.02em;margin:0;font-weight:700;line-height:1.1}.sub[data-v-02db03fd]{font-size:var(--fs-sub);color:var(--fg-dim);margin:4px 0 0}.hbs[data-v-02db03fd]{flex:none;align-items:center;gap:10px;display:flex}.round[data-v-02db03fd]{width:42px;height:42px;color:var(--fg-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;display:grid}.search[data-v-02db03fd]{display:none}header.s[data-v-02db03fd]{align-items:center}header.s .ttl[data-v-02db03fd],header.s .hbs[data-v-02db03fd]{display:none}header.s .search[data-v-02db03fd]{border-radius:999px;flex:1;align-items:center;gap:10px;height:46px;padding:0 16px;display:flex}.search[data-v-02db03fd]:focus-within{box-shadow:inset 0 1px 0 var(--rim), 0 0 0 2px #ffffff8c}.search svg[data-v-02db03fd]{width:18px;height:18px;color:var(--fg-dim);flex:none}.search input[data-v-02db03fd]{min-width:0;color:var(--fg);font:inherit;font-size:var(--fs-row);background:0 0;border:0;outline:0;flex:1}.search input[data-v-02db03fd]::placeholder{color:var(--fg-dim)}.search button[data-v-02db03fd]{color:var(--fg-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;font-size:14px;font-weight:600}main[data-v-02db03fd]{padding:18px var(--page-pad) calc(var(--tabbar-h) + var(--tabbar-gap) + var(--safe-bottom) + 44px);flex:1}