:root{--paper:#f7f5f2;--ink:#161616;--ink-2:#4a4641;--muted:#6b6661;--faint:#9a948d;--line:#ddd8d2;--well:#ece8e3;--white:#ffffff;--scrim:rgba(10,10,10,0.6);--serif:"Instrument Serif","Times New Roman",serif;--sans:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",sans-serif;--radius-lg:18px;--radius:14px}*{box-sizing:border-box}body,html{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}img,video{display:block}.app{max-width:480px;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column}.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}.eyebrow{font-size:12px;letter-spacing:.08em}.eyebrow,.muted{color:var(--muted)}.shelf-head{padding:28px 24px 18px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.shelf-head h1{margin:2px 0 0;font-size:44px;line-height:1}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--well);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500}.covers{display:flex;gap:12px;padding:0 24px 4px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;scrollbar-width:none}.covers::-webkit-scrollbar{display:none}.cover-card{position:relative;flex:0 0 min(290px,78vw);aspect-ratio:290/388;border-radius:var(--radius-lg);overflow:hidden;color:var(--white);scroll-snap-align:start;background:var(--well)}.cover-card img,.fill-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scrim-bottom{position:absolute;inset:auto 0 0 0;height:50%;background:linear-gradient(to top,var(--scrim),transparent)}.scrim-top{position:absolute;inset:0 0 auto 0;height:36%;background:linear-gradient(180deg,rgba(10,10,10,.35),transparent)}.cover-top{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:baseline}.cover-top .serif{font-size:30px;line-height:1}.cover-no{font-size:11px;letter-spacing:.08em}.cover-bottom{position:absolute;left:20px;right:20px;bottom:20px;display:flex;flex-direction:column;gap:6px}.cover-headline{font-size:19px;font-weight:500;line-height:1.4}.cover-meta{display:flex;gap:10px;font-size:12px}.cover-card.resting{background:var(--paper);border:1px dashed var(--faint);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.cover-card.resting .serif{font-size:28px}.shelf-body{flex:1 1;padding:22px 24px 24px;display:flex;flex-direction:column;gap:18px}.rule{height:1px;background:var(--line)}.row-link{display:flex;align-items:center;gap:14px}.thumb{width:52px;height:52px;border-radius:12px;object-fit:cover;flex-shrink:0}.stack{display:flex;flex-direction:column;gap:2px}.section-title{display:flex;justify-content:space-between;align-items:baseline}.section-title .serif{font-size:22px}.tabbar{position:-webkit-sticky;position:sticky;bottom:0;justify-content:space-around;padding:10px 24px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper)}.tab,.tabbar{display:flex;align-items:center}.tab{width:44px;height:44px;justify-content:center;color:var(--faint)}.tab[aria-current=page]{color:var(--ink)}.tab-make{width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--white);display:flex;align-items:center;justify-content:center}.paper-hero{position:relative;aspect-ratio:390/470;color:var(--white);background:var(--well)}.hero-bar{position:absolute;top:16px;left:16px;right:16px;justify-content:space-between}.hero-bar,.round-btn{display:flex;align-items:center}.round-btn{width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);justify-content:center;cursor:pointer}.masthead{position:absolute;top:16%;left:0;right:0;text-align:center;font-size:clamp(44px,15vw,64px);line-height:1}.hero-text{position:absolute;left:22px;right:22px;bottom:22px;display:flex;flex-direction:column;gap:6px}.hero-text h1{margin:0;font-size:24px;font-weight:500;line-height:1.4}.paper-body{flex:1 1;padding:14px 14px 24px;display:flex;flex-direction:column;gap:10px}.mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:104px;grid-gap:6px;gap:6px}.tile{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--well)}.tile.tall,.tile.wide{grid-row:span 2}.tile.wide{grid-column:span 2}.badge{position:absolute;right:10px;bottom:10px;font-size:11px;padding:2px 7px;border-radius:999px;background:rgba(10,10,10,.55);color:var(--white)}.lock-badge{left:10px;right:auto}.play{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border:0;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center}.note{margin:0 6px;font-size:13px;line-height:1.7;color:var(--ink-2)}.actions{position:-webkit-sticky;position:sticky;bottom:0;display:flex;padding:10px 14px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper)}.actions,.pill{align-items:center;gap:8px}.pill{height:44px;padding:0 18px;border-radius:22px;border:1px solid var(--line);background:var(--white);display:inline-flex;justify-content:center;font-size:13px;font-weight:500;cursor:pointer}.pill.dark{border-color:var(--ink);background:var(--ink);color:var(--white)}.pill.grow{flex:1 1}.icon-pill{width:44px;padding:0}.make-head{padding:22px 24px 16px;display:flex;flex-direction:column;gap:10px}.make-head h1{margin:0;font-size:40px;line-height:1}.chips{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}.chip{padding:5px 11px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2)}.chip.on{border-color:var(--ink);background:var(--ink);color:var(--white)}.make-body{flex:1 1;padding:0 24px;display:flex;flex-direction:column;gap:12px}.cover-slot{position:relative;aspect-ratio:342/290;border-radius:var(--radius-lg);overflow:hidden;background:var(--well)}.slot-label{position:absolute;top:14px;left:14px;font-size:11px;letter-spacing:.1em;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.9)}.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.slot{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--well);border:0;padding:0;cursor:pointer}.slot[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.slot-add{aspect-ratio:1;border:1px dashed #b5afa8;border-radius:12px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;color:var(--ink-2);cursor:pointer}.field{height:48px;padding:0 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);font-size:14px;width:100%}.field::placeholder{color:#b7b1aa}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px;padding:4px;border-radius:999px;background:var(--well)}.segmented button{height:38px;border:0;border-radius:999px;background:transparent;font-size:13px;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--white);font-weight:700}.notice{font-size:13px;line-height:1.6;padding:12px 14px;border-radius:var(--radius);background:var(--well);color:var(--ink-2)}.error{font-size:13px;color:#a1281e}.make-foot{padding:14px 24px calc(20px + env(safe-area-inset-bottom))}.submit{width:100%;height:54px;border:0;border-radius:27px;background:var(--ink);color:var(--white);font-size:15px;font-weight:500;cursor:pointer}.submit:disabled{background:var(--faint);cursor:not-allowed}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}