@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800;900&family=Zen+Kaku+Gothic+New:wght@500;700;900&display=swap";
.social-story{color:#fff;background:#1427c9;padding:58px 0 76px;overflow:hidden}.social-story-grid{grid-template-columns:1.3fr .8fr;align-items:center;gap:clamp(30px,6vw,78px);display:grid}.social-photo-wrap{position:relative}.social-photo{aspect-ratio:3/2;object-fit:cover;border:3px solid var(--ink);border-radius:28px;width:100%;transform:rotate(-1.4deg);box-shadow:12px 12px #b7ef5b}.photo-note{color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:999px;padding:11px 18px;font-weight:900;position:absolute;bottom:-21px;left:-18px;transform:rotate(2deg)}.social-story-copy .kicker,.section-kicker{letter-spacing:.17em;color:#b7ef5b;font-size:.75rem;font-weight:950}.social-story-copy h2,.together-head h2,.mission-intro h2{letter-spacing:-.065em;margin:10px 0 18px;font-family:Zen Kaku Gothic New,sans-serif;font-size:clamp(2.2rem,4.2vw,4rem);line-height:1.03}.social-story-copy>p:not(.kicker){color:#e8ebff;font-weight:700;line-height:1.9}.vibe-points{flex-wrap:wrap;gap:7px;margin:22px 0;display:flex}.vibe-points span{border:1.5px solid #fff;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:900}.story-link{color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#b7ef5b;border-radius:12px;align-items:center;gap:15px;padding:11px 15px;font-weight:950;display:inline-flex}.story-link b{font-size:1.2rem}.together{background:#fff8ea}.together-head{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px;display:flex}.together-head .section-kicker{color:#1427c9}.together-head h2{margin:7px 0 8px;font-size:clamp(2.1rem,4vw,3.5rem)}.together-head p{color:var(--muted);margin:0;font-weight:700}.live-pill{white-space:nowrap;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:999px;padding:9px 14px;font-weight:900}.live-pill i{background:#ff5c45;border-radius:50%;width:9px;height:9px;margin-right:5px;animation:1.5s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.55;transform:scale(.65)}}.session-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.session-card{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--session-color);background:#fff;border-radius:22px;padding:20px;position:relative;overflow:hidden}.session-card:before{content:"";background:var(--session-color);border:2px solid var(--ink);border-radius:50%;width:78px;height:78px;position:absolute;top:-35px;right:-31px}.session-meta{align-items:center;gap:8px;font-size:.74rem;font-weight:900;display:flex}.session-meta span{background:var(--session-color);border:1.5px solid var(--ink);border-radius:7px;padding:5px 8px}.session-meta b{color:var(--muted)}.session-card h3{letter-spacing:-.035em;margin:18px 0 8px;font-size:1.12rem}.session-card>p{color:var(--muted);min-height:74px;font-size:.85rem;font-weight:650;line-height:1.7}.session-tags{flex-wrap:wrap;gap:6px;display:flex}.session-tags span{border:1px solid #b9bec9;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:900}.session-bottom{border-top:1.5px dashed #c8ccd5;justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;display:flex}.people{align-items:center;font-size:.72rem;font-weight:900;display:flex}.people i{border:1.5px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:27px;height:27px;margin-right:-5px;font-size:.63rem;font-style:normal;display:grid}.people i:first-child{background:#f9cf38}.people i:nth-child(2){background:#79ddff}.people i:nth-child(3){background:#fff;margin-right:10px}.session-bottom button{border:2px solid var(--ink);background:var(--ink);color:#fff;border-radius:10px;padding:8px 10px;font-weight:900}.session-bottom button.joined{background:var(--session-color);color:var(--ink)}.weekend-missions{background:#b7ef5b}.mission-board{grid-template-columns:.7fr 1.3fr;align-items:start;gap:54px;display:grid}.mission-intro>span{letter-spacing:.17em;font-size:.74rem;font-weight:950}.mission-intro h2{font-size:clamp(2rem,3.8vw,3.2rem)}.mission-intro p{font-weight:700;line-height:1.7}.mission-intro>b{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:999px;margin-top:15px;padding:7px 12px;display:inline-block}.mission-list{gap:11px;display:grid}.mission-item{text-align:left;border:2px solid var(--ink);width:100%;color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:17px;grid-template-columns:38px 48px 1fr 32px;align-items:center;gap:10px;padding:13px 15px;transition:transform .16s;display:grid}.mission-item:hover{transform:translate(-2px,-2px)}.mission-item.done{box-shadow:none;background:#fff8ea;transform:translate(4px,4px)}.mission-item.done strong{text-decoration:line-through;text-decoration-thickness:2px}.mission-number{font-size:.7rem;font-weight:950}.mission-icon{border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.15rem;display:grid}.mission-item strong,.mission-item small{display:block}.mission-item strong{font-size:.95rem}.mission-item small{color:var(--muted);margin-top:3px;font-weight:650}.mission-item>i{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;font-weight:950;display:grid}.social-toast{z-index:90;background:var(--ink);color:#fff;white-space:nowrap;border:2px solid #fff;border-radius:999px;padding:10px 18px;font-weight:900;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:4px 4px #1427c9}@media (max-width:920px){.social-story-grid{grid-template-columns:1fr}.social-story-copy{max-width:650px}.session-grid{grid-template-columns:1fr 1fr}.session-card:last-child{grid-column:1/-1}.mission-board{grid-template-columns:1fr;gap:28px}}@media (max-width:680px){.social-story{padding:42px 0 58px}.social-photo{border-radius:19px;box-shadow:7px 7px #b7ef5b}.photo-note{padding:8px 11px;font-size:.7rem;bottom:-18px;left:8px}.social-story-copy{padding-top:15px}.social-story-copy h2{font-size:2.55rem}.together-head{flex-direction:column;align-items:flex-start}.session-grid{grid-template-columns:1fr}.session-card:last-child{grid-column:auto}.session-card>p{min-height:auto}.mission-board{gap:22px}.mission-item{grid-template-columns:28px 38px 1fr 29px;padding:11px 10px}.mission-icon{width:36px;height:36px}.mission-item small{display:none}.social-toast{max-width:calc(100% - 24px);font-size:.8rem;bottom:88px}}
.brand-icon{object-fit:contain;vertical-align:-.34em;flex:none;width:1.45em;height:1.45em;display:inline-block}.logo-mark{background:#fff;padding:1px;overflow:hidden}.logo-mark img{object-fit:contain;width:100%;height:100%;transform:scale(1.18)}.journey-card{position:relative}.hero-character{object-fit:contain;z-index:2;width:112px;height:122px;filter:drop-shadow(4px 5px 0 var(--ink));position:absolute;top:-70px;right:-42px;transform:rotate(5deg)}.reading-avatar{position:relative;overflow:hidden;box-shadow:inset 0 -5px #0b1b4614;background:var(--avatar-bg,#fff)!important}.reading-avatar.avatar-tone-blue{--avatar-bg:#aeeaff}.reading-avatar.avatar-tone-orange{--avatar-bg:#ffd39a}.reading-avatar.avatar-tone-lime{--avatar-bg:#dfff72}.reading-avatar.avatar-tone-violet{--avatar-bg:#d8c2ff}.reading-avatar img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.reading-avatar.avatar-tone-blue img,.reading-avatar.avatar-tone-lime img{object-fit:fill;width:208%;max-width:none;height:208%}.reading-avatar.avatar-tone-blue img{top:-4%;left:-4%}.reading-avatar.avatar-tone-lime img{top:-104%;left:-4%}.reading-avatar.avatar-tone-orange img,.reading-avatar.avatar-tone-violet img{transform:scale(1.48)}.user>span.reading-avatar{padding:2px}.reading-faces span.reading-avatar{padding:1px}.empty .brand-icon,.shelf-empty .brand-icon{width:64px;height:64px;margin:0 auto 6px;display:block}.shelf-tabs .brand-icon{width:27px;height:27px}.mobile-nav .brand-icon{width:24px;height:24px;margin:auto;display:block}.mobile-mascot{object-fit:contain;width:27px;height:27px;margin:auto;display:block}.book-facts .brand-icon{width:20px;height:20px}.reactions .brand-icon,.mini-review .brand-icon{width:19px;height:19px}.warning-mark{background:var(--orange);border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:22px;height:22px;margin-right:5px;display:inline-grid}.mission-icon .brand-icon{width:36px;height:36px}.fact-label{letter-spacing:.06em;font-size:.68rem}@media (max-width:680px){.hero-character{width:78px;height:88px;top:-44px;right:-22px}.logo-mark img{transform:scale(1.25)}}
.account-card{background:var(--lime);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:14px 15px;display:flex}.account-card div{min-width:0}.account-card b{font-size:.95rem;display:block}.account-card p{margin:3px 0 0;font-size:.8rem;line-height:1.4}.account-card button{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:999px;flex:none;padding:8px 12px;font-weight:900}.account-card button:disabled{opacity:.55}.account-actions{align-items:center;gap:8px;display:flex}.account-card .text-button{box-shadow:none;text-underline-offset:3px;background:0 0;border:0;padding:5px 2px;font-size:.76rem;text-decoration:underline}.account-card.has-error{background:#ffd2cb}.publish-notice{border:1.5px solid var(--ink);background:#fff7d7;border-radius:12px;margin:0;padding:10px 12px;font-size:.78rem;font-weight:700;line-height:1.5}.danger-zone{border-top:1.5px dashed #aa3141;margin-top:24px;padding-top:18px}.danger-zone p{color:var(--muted);margin:4px 0 10px;font-size:.78rem}.danger-zone button{color:#7e1f2c;background:#fff;border:1.5px solid #7e1f2c;border-radius:999px;padding:7px 11px;font-weight:900}.post-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.post-tools button{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;font-size:.72rem;font-weight:800;text-decoration:underline}.sample-label{border:1px solid var(--ink);vertical-align:2px;background:#fff3bd;border-radius:999px;margin-left:5px;padding:2px 6px;font-size:.58rem;display:inline-block}.session-card{position:relative}.session-sample{border:1.5px solid var(--ink);letter-spacing:.08em;background:#fff3bd;border-radius:999px;padding:3px 7px;font-size:.62rem;font-weight:900;position:absolute;top:14px;right:14px}.cloud-state{border:1.5px solid var(--ink);background:#fff;border-radius:999px;flex:none;padding:7px 10px;font-size:.78rem;font-weight:900}.cloud-state.ready:before{content:"";background:#26a269;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}@media (max-width:520px){.account-card{flex-direction:column;align-items:flex-start}.account-actions{justify-content:space-between;width:100%}}
:root{--ink:#0b1b46;--blue:#2454e8;--lime:#d8ff45;--orange:#ff6b35;--sky:#79ddff;--paper:#f8f8f2;--white:#fff;--muted:#5c6883;--shadow:6px 6px 0 var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:16px;line-height:1.6}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,100% - 40px);margin:auto}.full{width:100%}.topline{background:repeating-linear-gradient(90deg,var(--blue) 0 80px,var(--lime) 80px 150px,var(--orange) 150px 210px,var(--sky) 210px 280px);height:9px}header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:2px solid var(--ink);background:#f8f8f2f0;position:sticky;top:0}.head{align-items:center;gap:24px;height:76px;display:flex}.logo{letter-spacing:-.08em;white-space:nowrap;align-items:center;gap:9px;font-size:1.55rem;font-weight:900;display:flex}.logo-mark{background:var(--lime);border:2px solid var(--ink);width:38px;height:38px;box-shadow:3px 3px 0 var(--ink);border-radius:11px 11px 5px 5px;place-items:center;font-size:1.15rem;display:grid;transform:rotate(-3deg)}nav{gap:2px;margin-left:auto;display:flex}nav a{border-radius:999px;padding:9px 12px;font-size:.9rem;font-weight:800}nav a:hover{background:var(--lime)}.head-actions{gap:9px;display:flex}.head-actions .ghost{align-items:center;gap:7px;padding:5px 12px 5px 7px;display:flex}.head-actions .reading-avatar{border:1.5px solid var(--ink);border-radius:50%;width:30px;height:30px;padding:1px;display:grid}.head-actions .ghost>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.ghost,.primary{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:999px;padding:9px 15px;font-weight:900;transition:all .15s}.ghost:hover,.primary:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.primary{background:var(--blue);color:#fff}.post-btn{background:var(--orange);color:var(--ink)}.count-badge{background:var(--lime);border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:24px;height:24px;margin-left:4px;display:inline-grid}main{overflow:hidden}.hero{background:var(--blue);color:#fff;border-bottom:3px solid var(--ink);padding:58px 0;position:relative}.hero:after{content:"";background:var(--lime);border:3px solid var(--ink);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-60px;right:-55px}.hero-grid{grid-template-columns:1.12fr .88fr;align-items:center;gap:62px;display:grid}.eyebrow{background:var(--lime);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:7px 13px;font-weight:900;display:inline-block;transform:rotate(-1deg)}h1{letter-spacing:-.08em;margin:24px 0 18px;font-family:Zen Kaku Gothic New,sans-serif;font-size:clamp(3rem,6.5vw,5.8rem);line-height:.98}h1 em{color:var(--lime);-webkit-text-stroke:1px var(--ink);text-shadow:4px 4px 0 var(--ink);font-style:normal}.lead{margin:0 0 24px;font-size:1.08rem;font-weight:700}.search{border:3px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:17px;padding:6px;display:flex}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:12px 13px;font-weight:700}.search button{background:var(--lime);border:0;border-radius:11px;padding:9px 18px;font-weight:900}.quick-moods{gap:8px;margin-top:15px;display:flex}.quick-moods button{color:#fff;background:0 0;border:1.5px solid #fff;border-radius:999px;padding:5px 11px;font-weight:800}.quick-moods button:hover{color:var(--blue);background:#fff}.journey-card{color:var(--ink);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background:#fff;border-radius:26px;padding:26px;transform:rotate(1deg)}.journey-label{letter-spacing:.12em;margin:0 0 16px;font-size:.72rem;font-weight:900}.journey-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.journey-stats div{text-align:center;border:2px solid var(--ink);background:var(--paper);border-radius:15px;padding:12px 6px}.journey-stats strong{font-size:2rem;line-height:1;display:block}.journey-stats span{font-size:.74rem;font-weight:800}.challenge-mini{background:var(--lime);border:2px solid var(--ink);border-radius:14px;margin:16px 0;padding:13px}.challenge-mini div{justify-content:space-between;font-size:.85rem;font-weight:800;display:flex}.challenge-mini progress,.mission progress{width:100%;height:12px;accent-color:var(--blue)}.journey-card>button{background:var(--ink);color:#fff;border:0;border-radius:12px;width:100%;padding:10px;font-weight:900}section{padding:70px 0}.section-title>span{color:var(--blue);letter-spacing:.16em;margin-bottom:7px;font-size:.76rem;font-weight:900;display:inline-block}.section-title h2{letter-spacing:-.06em;margin:0;font-family:Zen Kaku Gothic New,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.section-title p{color:var(--muted);margin:7px 0 0;font-weight:700}.discover{background:var(--paper)}.finder{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:20px;margin:26px 0;padding:20px}.finder-row{grid-template-columns:110px 1fr;align-items:center;gap:14px;display:grid}.filter-scroll{scrollbar-width:none;gap:8px;padding:2px 2px 5px;display:flex;overflow:auto}.chip{white-space:nowrap;border:1.5px solid var(--ink);background:#fff;border-radius:999px;padding:7px 12px;font-weight:800}.chip.active{background:var(--lime);box-shadow:2px 2px 0 var(--ink)}.finder-row.compact{border-top:1.5px solid #cfd4df;grid-template-columns:repeat(3,minmax(0,1fr)) auto;margin-top:14px;padding-top:14px}.finder label{align-items:center;gap:8px;font-size:.78rem;font-weight:900;display:flex}.finder select{border:1.5px solid var(--ink);background:var(--paper);border-radius:9px;flex:1;min-width:0;padding:7px}.result-count{background:var(--ink);color:#fff;border-radius:999px;padding:7px 12px;font-size:.85rem;font-weight:900}.book-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.book-card{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:21px;flex-direction:column;min-width:0;padding:12px;transition:all .2s;display:flex}.book-card:hover{transform:translateY(-4px)}.cover-button,.title-button,.shelf-row>button,.shelf-info>button{text-align:left;background:0 0;border:0;padding:0}.cover-button{width:100%}.mini-cover{aspect-ratio:4/5.05;border:2px solid var(--ink);text-align:left;border-radius:8px 14px 14px 8px;flex-direction:column;justify-content:space-between;padding:17px;display:flex;position:relative;overflow:hidden;box-shadow:inset 7px 0 #ffffff40}.mini-cover:after{content:"";border:18px solid #fff6;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-38px;right:-42px}.mini-cover>span{letter-spacing:.1em;font-size:.66rem;font-weight:900}.mini-cover b{z-index:1;font-family:Zen Kaku Gothic New;font-size:1.42rem;line-height:1.17;position:relative}.mini-cover small{z-index:1;font-weight:900;position:relative}.book-card-body{flex-direction:column;flex:1;display:flex}.book-tags{gap:6px;margin:12px 0 5px;display:flex}.book-tags span,.shelf-tags span{background:#eef1fa;border-radius:999px;padding:3px 7px;font-size:.7rem;font-weight:900}.title-button h3{margin:4px 0 0;font-size:1.03rem;line-height:1.35}.book-card-body>p{color:var(--muted);margin:2px 0;font-size:.8rem;font-weight:700}.rating{color:#e95f27;margin:8px 0;font-weight:900}.rating small{color:var(--muted)}.card-actions{gap:7px;margin-top:auto;display:flex}.card-actions select{border:1.5px solid var(--ink);background:var(--paper);border-radius:10px;width:calc(100% - 43px);padding:7px;font-size:.78rem;font-weight:800}.best-button{border:1.5px solid var(--ink);background:#fff;border-radius:10px;width:38px}.best-button.active{background:var(--lime)}.empty{border:2px dashed var(--ink);text-align:center;border-radius:22px;grid-column:1/-1;padding:38px}.empty span{font-size:2.4rem;display:block}.empty b{font-size:1.25rem}.empty p{margin:4px}.empty button{background:var(--blue);color:#fff;border:0;border-radius:999px;padding:8px 15px;font-weight:900}.shelf-section{background:var(--orange);border-block:3px solid var(--ink)}.shelf-layout{grid-template-columns:250px 1fr;gap:22px;margin-top:26px;display:grid}.shelf-tabs{align-self:start;gap:8px;display:grid}.shelf-tabs>button{text-align:left;border:2px solid var(--ink);background:#fff;border-radius:13px;grid-template-columns:30px 1fr 28px;align-items:center;padding:10px 12px;font-weight:900;display:grid}.shelf-tabs>button.active{background:var(--lime);box-shadow:3px 3px 0 var(--ink)}.shelf-tabs>button b{background:var(--ink);color:#fff;border-radius:50%;place-items:center;height:25px;display:grid}.mission{background:var(--ink);color:#fff;border-radius:16px;margin-top:8px;padding:16px}.mission span,.mission strong{display:block}.mission span{color:#cfd7ed;font-size:.75rem}.mission strong{font-size:1.25rem}.shelf-books{gap:12px;display:grid}.shelf-row{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:18px;grid-template-columns:82px 1fr;gap:15px;padding:12px;display:grid}.shelf-row .mini-cover{width:72px;padding:8px}.shelf-row .mini-cover b{font-size:.72rem}.shelf-row .mini-cover span,.shelf-row .mini-cover small{font-size:.43rem}.shelf-info h3{margin:5px 0 0;font-size:1.12rem}.shelf-info p{color:var(--muted);margin:0;font-size:.82rem;font-weight:700}.progress-head{justify-content:space-between;margin-top:10px;font-size:.8rem;font-weight:900;display:flex}.shelf-info input[type=range]{width:100%;accent-color:var(--blue)}.shelf-tags{gap:7px;margin-top:11px;display:flex}.shelf-empty{border:2px dashed var(--ink);text-align:center;background:#ffffffdb;border-radius:20px;padding:40px}.shelf-empty>span{font-size:2.7rem}.shelf-empty h3{margin:7px 0 0}.shelf-empty p{margin:4px 0 14px}.shelf-empty button{border:2px solid var(--ink);background:var(--lime);border-radius:999px;padding:8px 15px;font-weight:900}.feed-section{background:var(--sky);border-bottom:3px solid var(--ink)}.section-head{justify-content:space-between;align-items:end;display:flex}.feed-layout{grid-template-columns:minmax(0,1fr) 320px;gap:22px;margin-top:26px;display:grid}.feed-list{gap:16px;display:grid}.post{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:22px;padding:20px}.user{align-items:center;gap:10px;display:flex}.user>span{border:2px solid var(--ink);background:var(--lime);border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid}.user b,.user small{display:block}.user small{color:var(--muted);font-size:.76rem;font-weight:700}.post-thought{font-size:1.03rem;font-weight:700}.spoiler{border:1.5px dashed var(--ink);background:#fff5d3;border-radius:12px;width:100%;margin:14px 0;padding:16px}.post-book{text-align:left;border:1.5px solid var(--ink);background:#f1f4ff;border-radius:12px;grid-template-columns:32px 1fr 24px;align-items:center;gap:10px;width:100%;padding:9px;display:grid}.post-book>span{border:1.5px solid var(--ink);border-radius:3px;height:44px}.post-book b,.post-book small{display:block}.post-book small{font-size:.72rem}.post-book i{font-style:normal}.reactions{gap:7px;margin-top:13px;display:flex}.reactions button{border:1.5px solid var(--ink);background:#fff;border-radius:999px;padding:5px 10px;font-weight:800}.reactions button.active{background:#ffd1df}.community-card{background:var(--lime);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:22px;align-self:start;padding:22px;position:sticky;top:98px}.kicker{background:var(--orange);border:1.5px solid var(--ink);border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:900;display:inline-block}.community-card h3{font-size:1.35rem;line-height:1.25}.reading-faces{margin:13px 0;display:flex}.reading-faces span{border:2px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;margin-left:-7px;display:grid}.reading-faces span:first-child{margin-left:0}.community-card strong{display:block}.community-card p{font-size:.85rem}.community-card button{border:2px solid var(--ink);background:#fff;border-radius:11px;width:100%;padding:8px;font-weight:900}.best-section{background:var(--paper)}.best-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.best-slot{border:2px dashed var(--ink);text-align:center;background:#fff;border-radius:22px;align-content:center;place-items:center;min-height:240px;padding:18px;display:grid;position:relative}.best-slot.filled{text-align:left;box-shadow:5px 5px 0 var(--ink);border-style:solid;grid-template-columns:120px 1fr;gap:14px}.best-number{color:var(--orange);font-size:2rem;font-weight:900;position:absolute;top:12px;left:14px}.best-plus{font-size:2.4rem}.best-slot p{font-weight:700}.best-slot .mini-cover{width:108px}.best-slot .mini-cover b{font-size:.8rem}.best-slot .mini-cover span,.best-slot .mini-cover small{font-size:.5rem}.best-slot b,.best-slot small{display:block}.best-slot button{background:0 0;border:0;margin-top:10px;font-size:.75rem;text-decoration:underline}.cta{padding:60px 0}.cta-box{background:var(--ink);color:#fff;box-shadow:8px 8px 0 var(--lime);border-radius:26px;justify-content:space-between;align-items:center;gap:20px;padding:36px 42px;display:flex}.cta-box p{letter-spacing:.13em;color:var(--lime);font-size:.72rem;font-weight:900}.cta-box h2{margin:0;font-size:2rem}.cta-box span{color:#d5dcef}.cta-box button{background:var(--lime);color:var(--ink);white-space:nowrap;border:2px solid #fff;border-radius:999px;padding:11px 18px;font-weight:900}footer{border-top:2px solid var(--ink);background:#fff;padding:34px 0 90px}.footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.footer>div{color:var(--muted);gap:18px;font-size:.85rem;font-weight:800;display:flex}.mobile-nav{display:none}dialog{width:min(620px,100% - 28px);box-shadow:10px 10px 0 var(--ink);background:#fff;border:0;border-radius:24px;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1b46b3}.close{border:2px solid var(--ink);z-index:2;background:#fff;border-radius:50%;width:38px;height:38px;font-weight:900;position:absolute;top:16px;right:16px}.detail-modal,.post-modal,.profile-modal,.add-book-modal{border:3px solid var(--ink);border-radius:22px;padding:26px;position:relative}.detail-hero{grid-template-columns:150px 1fr;align-items:center;gap:22px;display:grid}.detail-hero .mini-cover{width:140px}.detail-hero .mini-cover b{font-size:1rem}.detail-hero h2{margin:8px 0 2px;font-size:1.8rem;line-height:1.2}.detail-hero p{margin:0}.genre-tag{background:var(--lime);border:1.5px solid var(--ink);border-radius:999px;padding:4px 9px;font-size:.75rem;font-weight:900}.detail-hook{border-left:5px solid var(--orange);padding-left:11px;font-size:1.15rem;font-weight:900}.book-facts{flex-wrap:wrap;gap:7px;display:flex}.book-facts span{background:#eef1fa;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:800}.detail-modal h3{margin:20px 0 8px}.status-actions{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.status-actions button{border:1.5px solid var(--ink);background:#fff;border-radius:10px;padding:8px;font-weight:800}.status-actions button.active{background:var(--lime)}.mini-review{background:var(--paper);border-radius:14px;margin-top:20px;padding:14px}.mini-review p{border-top:1px solid #ccd2df;padding-top:9px}.mini-review span{float:right}.modal-head{justify-content:space-between;display:flex}.modal-head span{color:var(--blue);letter-spacing:.12em;font-size:.7rem;font-weight:900}.modal-head h2{margin:2px 0 12px}.post-modal label,.profile-modal>label,.add-book-modal label{gap:5px;margin-top:12px;font-weight:900;display:grid}.avatar-picker{border:0;margin:12px 0 4px;padding:0}.avatar-picker legend{margin-bottom:8px;padding:0;font-weight:900}.avatar-options{gap:11px;display:flex}.avatar-choice{cursor:pointer;margin:0;display:block}.avatar-choice input{opacity:0;pointer-events:none;position:absolute}.avatar-choice .reading-avatar{border:2px solid var(--ink);border-radius:50%;width:54px;height:54px;padding:2px;transition:transform .18s,box-shadow .18s;display:grid}.avatar-choice:hover .reading-avatar{transform:translateY(-2px)}.avatar-choice.selected .reading-avatar{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--blue),inset 0 -5px 0 #0b1b4614;transform:translateY(-2px)}.avatar-choice input:focus-visible+.reading-avatar{outline:3px solid var(--orange);outline-offset:4px}.post-modal input,.post-modal textarea,.post-modal select,.profile-modal input,.profile-modal textarea,.profile-modal select,.add-book-modal input,.add-book-modal textarea,.add-book-modal select{border:2px solid var(--ink);background:var(--paper);border-radius:10px;padding:10px}.post-modal textarea{min-height:110px}.post-modal .check{grid-template-columns:18px 1fr;display:flex}.post-modal .primary{margin-top:18px}.profile-preview{background:var(--lime);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:18px;grid-template-columns:86px 1fr;align-items:center;gap:16px;margin:8px 0 18px;padding:14px;display:grid}.profile-preview .reading-avatar{border:2px solid var(--ink);border-radius:50%;width:78px;height:78px;display:grid}.profile-preview strong{font-size:1.2rem}.profile-preview p{margin:2px 0 6px;font-size:.9rem;font-weight:700}.profile-preview>div>span{font-size:.76rem;font-weight:900}.profile-modal textarea{resize:vertical;min-height:78px}.profile-modal>.primary{margin-top:20px}.add-book-btn{background:var(--lime);color:var(--ink);white-space:nowrap;align-self:end}.modal-copy{color:var(--muted);margin:-4px 48px 16px 0;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:11px 12px;display:grid}.form-grid label{margin:0}.form-grid .wide{grid-column:1/-1}.add-book-modal textarea{resize:vertical;min-height:82px}.add-book-modal>.primary{margin-top:18px}.personal-book-badge,.my-book-label{background:var(--lime);border:1.5px solid var(--ink);border-radius:999px;padding:4px 9px;font-size:.75rem;font-weight:900;display:inline-block}.my-book-label{color:var(--ink);margin:8px 0}.personal-note{border:1.5px solid var(--ink);background:#fff8d9;border-radius:13px;margin:14px 0;padding:12px 14px}.personal-note p{margin:3px 0;font-weight:800}.personal-note span{color:var(--muted);font-size:.72rem;font-weight:800}.shelf-note{border-left:4px solid var(--orange);background:#fff8d9;border-radius:0 8px 8px 0;margin-top:8px!important;padding:6px 9px!important}.toast{z-index:50;opacity:0;background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--orange);white-space:nowrap;border:2px solid #fff;border-radius:999px;padding:10px 17px;font-weight:900;transition:all .25s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,130px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:920px){nav{display:none}.head-actions .ghost{width:44px;height:44px;padding:4px;display:grid}.head-actions .ghost>span:nth-child(2),.head-actions .ghost .count-badge{display:none}.head-actions .reading-avatar{width:32px;height:32px}.hero-grid{grid-template-columns:1fr}.journey-card{transform:none}.book-grid{grid-template-columns:repeat(2,1fr)}.feed-layout{grid-template-columns:1fr}.community-card{position:static}.best-grid{grid-template-columns:1fr}.best-slot.filled{grid-template-columns:110px 1fr}.cta-box{flex-direction:column;align-items:flex-start}}@media (max-width:680px){.wrap{width:min(100% - 24px,1180px)}.topline{height:7px}.head{height:64px}.logo{font-size:1.3rem}.logo-mark{width:33px;height:33px}.head-actions .primary{display:none}.hero{padding:40px 0}.hero:after{display:none}h1{font-size:3.1rem}.lead{font-size:.95rem}.journey-card{padding:17px}.journey-stats strong{font-size:1.55rem}.quick-moods{flex-wrap:wrap}section{padding:48px 0}.finder{padding:14px}.finder-row{display:block}.finder-row>b{margin-bottom:8px;display:block}.finder-row.compact{grid-template-columns:1fr 1fr;display:grid}.finder-row.compact label{display:grid}.result-count{text-align:center;align-self:end}.book-grid{gap:12px}.book-card{box-shadow:3px 3px 0 var(--ink);border-radius:16px;padding:8px}.mini-cover{padding:11px}.mini-cover b{font-size:1rem}.book-tags span{font-size:.62rem}.title-button h3{font-size:.9rem}.card-actions select{font-size:.7rem}.shelf-layout{grid-template-columns:1fr}.shelf-tabs{display:flex;overflow:auto}.shelf-tabs>button{min-width:145px}.mission{display:none}.section-head{align-items:flex-start}.section-head>.primary{display:none}.section-head>.add-book-btn{display:inline-flex}.feed-layout{margin-top:20px}.best-slot{min-height:180px}.cta-box{padding:27px 22px}.cta-box h2{font-size:1.6rem}.footer{display:block}.footer>div{flex-wrap:wrap;margin:16px 0}.mobile-nav{z-index:40;border-top:2px solid var(--ink);padding:7px 10px max(7px,env(safe-area-inset-bottom));background:#fff;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{place-items:center;font-size:1.15rem;display:grid}.mobile-nav a span{font-size:.65rem;font-weight:900}.mobile-nav button{border:2px solid var(--ink);background:var(--orange);width:48px;height:48px;box-shadow:3px 3px 0 var(--ink);border-radius:50%;margin-top:-22px;font-size:1.3rem}.toast{bottom:84px}.detail-hero{grid-template-columns:105px 1fr}.detail-hero .mini-cover{width:100px}.detail-hero h2{font-size:1.25rem}.status-actions{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.add-book-btn{padding:8px 12px;font-size:.85rem}}
.legal-page{background:var(--paper);min-height:100vh;padding:48px 20px 90px}.legal-page article{border:3px solid var(--ink);width:min(760px,100%);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:24px;margin:auto;padding:clamp(24px,5vw,52px)}.legal-logo{margin-bottom:32px;font-weight:900;display:inline-block}.legal-kicker{background:var(--lime);border:1.5px solid var(--ink);letter-spacing:.1em;border-radius:999px;margin:0;padding:4px 10px;font-size:.75rem;font-weight:900;display:inline-block}.legal-page h1{margin:12px 0;font-size:clamp(2.2rem,7vw,4rem)}.legal-page h2{margin:32px 0 8px;font-size:1.25rem}.legal-page p,.legal-page li{line-height:1.9}.legal-page li+li{margin-top:5px}.legal-date{color:var(--muted);font-size:.85rem;font-weight:700}.legal-note{border:2px dashed var(--ink);background:#fff3bd;border-radius:14px;margin-top:36px;padding:14px 16px;font-weight:800}
.feedback-dock{z-index:45;filter:drop-shadow(3px 4px 0 var(--ink));align-items:center;transition:transform .25s;display:flex;position:fixed;bottom:92px;right:0}.feedback-dock.collapsed{transform:translate(calc(100% - 31px))}.feedback-collapse{border:2px solid var(--ink);background:#fff;border-right:0;border-radius:16px 0 0 16px;width:31px;height:42px;font-size:1.2rem;font-weight:900}.feedback-launcher{border:2px solid var(--ink);background:var(--lime);border-right:0;border-radius:16px 0 0 16px;align-items:center;gap:7px;padding:7px 13px 7px 8px;font-weight:950;display:flex}.feedback-collapse+.feedback-launcher{border-radius:0}.feedback-launcher img{object-fit:contain;width:38px;height:38px}.feedback-launcher span{text-align:left;font-size:.9rem;line-height:1.05;display:grid}.feedback-launcher small{letter-spacing:.05em;margin-bottom:3px;font-size:.58rem}.feedback-dialog{width:min(650px,100% - 24px);max-height:calc(100dvh - 24px);overflow:auto}.feedback-modal{border:3px solid var(--ink);background:#fff;border-radius:22px;padding:26px;position:relative}.feedback-modal:before{content:"";background:repeating-linear-gradient(135deg,var(--orange) 0 13px,#fff 13px 26px,var(--sky) 26px 39px,#fff 39px 52px);border-radius:18px 18px 0 0;height:9px;position:absolute;top:0;left:0;right:0}.feedback-modal-head{align-items:center;gap:12px;margin:6px 0 18px;display:flex}.feedback-modal-head>div{flex:1}.feedback-modal-head span{letter-spacing:.12em;color:var(--blue);font-size:.7rem;font-weight:900}.feedback-modal-head h2{margin:3px 0 0;font-size:1.55rem}.feedback-modal-head img{object-fit:contain;width:50px;height:50px}.feedback-modal-head button{background:var(--paper);border:0;border-radius:50%;width:36px;height:36px;font-size:1.2rem;font-weight:900}.feedback-modal fieldset{border:0;margin:0;padding:0}.feedback-modal legend,.feedback-field{font-weight:900}.feedback-types{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.feedback-types label{cursor:pointer}.feedback-types input{opacity:0;position:absolute}.feedback-types span{border:1.5px solid var(--ink);background:#fff;border-radius:999px;padding:7px 12px;font-size:.78rem;display:block}.feedback-types input:checked+span{background:var(--lime);box-shadow:2px 2px 0 var(--ink)}.feedback-types input:focus-visible+span{outline:3px solid var(--orange);outline-offset:2px}.feedback-avatar-picker{margin-top:16px!important}.feedback-avatar-picker>div{gap:10px;margin-top:8px;display:flex}.feedback-avatar-picker label{cursor:pointer}.feedback-avatar-picker input{opacity:0;position:absolute}.feedback-avatar-picker .reading-avatar{border:2px solid var(--ink);border-radius:50%;width:46px;height:46px;transition:all .15s;display:grid}.feedback-avatar-picker label.selected .reading-avatar{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--blue);transform:translateY(-2px)}.feedback-avatar-picker input:focus-visible+.reading-avatar{outline:3px solid var(--orange);outline-offset:4px}.feedback-rating{margin-top:18px!important}.feedback-rating legend{align-items:center;gap:8px;display:flex}.feedback-rating legend b{color:var(--orange)}.feedback-rating>div{flex-direction:row-reverse;justify-content:flex-end;margin-top:5px;display:flex}.feedback-rating label{cursor:pointer}.feedback-rating input{opacity:0;position:absolute}.feedback-rating span{color:#d5d8e0;padding:2px;font-size:2rem;line-height:1;display:block}.feedback-rating i{opacity:0;position:absolute}.feedback-rating input:checked~span{color:var(--orange);text-shadow:1.5px 1.5px 0 var(--ink)}.feedback-rating label:has(~label input:checked) span{color:var(--orange);text-shadow:1.5px 1.5px 0 var(--ink)}.feedback-rating input:focus-visible+span{outline:3px solid var(--sky);border-radius:5px}.feedback-field{grid-template-columns:1fr auto;gap:6px;margin-top:17px;display:grid}.feedback-field small{color:var(--muted);align-self:end}.feedback-field textarea,.feedback-field input{border:2px solid var(--ink);background:var(--paper);font:inherit;border-radius:12px;grid-column:1/-1;padding:11px}.feedback-field textarea{resize:vertical;min-height:120px}.feedback-publish{border:1.5px solid var(--ink);cursor:pointer;background:#f0f6ff;border-radius:12px;align-items:flex-start;gap:10px;margin-top:14px;padding:11px 12px;display:flex}.feedback-publish input{width:20px;height:20px;accent-color:var(--blue);margin-top:2px}.feedback-publish span{display:grid}.feedback-publish b{font-size:.86rem}.feedback-publish small{color:var(--muted);font-size:.7rem;line-height:1.45}.feedback-privacy{color:var(--muted);margin:10px 0;font-size:.72rem;font-weight:700}.feedback-submit{border:2px solid var(--ink);background:var(--blue);color:#fff;box-shadow:3px 3px 0 var(--orange);border-radius:999px;margin-left:auto;padding:10px 18px;font-weight:900;display:block}.feedback-submit:disabled{opacity:.55}.feedback-toast{z-index:70;background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--orange);white-space:nowrap;border:2px solid #fff;border-radius:999px;padding:10px 16px;font-weight:900;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@media (max-width:680px){.feedback-dock{bottom:84px}.feedback-launcher{padding-right:9px}.feedback-launcher img{width:33px;height:33px}.feedback-modal{padding:22px 18px}.feedback-modal-head h2{font-size:1.25rem}.feedback-toast{white-space:normal;text-align:center;max-width:calc(100% - 24px);bottom:148px}}
.official-label{background:var(--blue);color:#fff;border:1px solid var(--ink);vertical-align:.12em;border-radius:999px;padding:1px 6px;font-size:.62rem;line-height:1.35;display:inline-block!important}