@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&family=Noto+Serif+KR:wght@600;700&display=swap');
:root{font-family:'DM Sans','Noto Sans KR',sans-serif;color:#16171b;background:#e9e9e7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}#app{max-width:470px;min-height:100dvh;margin:auto;background:#f7f7f4;position:relative;box-shadow:0 0 45px #0000000d;padding-bottom:104px}.top{display:flex;align-items:center;justify-content:space-between;padding:26px 25px 16px}.brand{font-size:23px;font-weight:800;letter-spacing:-1.3px;line-height:1}.icon{border:0;background:#fff;border-radius:50%;width:42px;height:42px;font-size:20px;color:#1c1c1e}.hero{padding:20px 26px 29px;overflow:hidden;position:relative;background:#d7e3ff;min-height:320px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px}.hero h1{font-size:49px;letter-spacing:-3.2px;line-height:1.15;margin:23px 0}.hero p{font-size:13px;line-height:1.9;position:relative;z-index:1}.orb{width:220px;height:220px;border-radius:50%;background:#e7684e;position:absolute;right:-90px;top:55px;box-shadow:-65px 110px 0 #e9e5ac}.section{padding:28px 23px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section h2,.page-title{font-size:27px;letter-spacing:-1.2px;margin:0}.small-link{border:0;background:none;color:#5c4ac8;font-weight:700;font-size:13px}.event{width:100%;border:0;text-align:left;border-radius:23px;overflow:hidden;background:#fff;margin-bottom:15px;box-shadow:0 5px 24px #00000008;padding:0}.poster{height:160px;padding:21px;color:white;position:relative;overflow:hidden}.poster:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:#ffffff30;right:-30px;bottom:-100px}.poster h3{font-size:25px;letter-spacing:-1px;line-height:1.3;max-width:85%;margin:20px 0 0;position:relative;z-index:1}.pill{font-size:11px;font-weight:800;border-radius:100px;padding:6px 10px;background:#ffffff35;display:inline-block}.event-foot{display:flex;justify-content:space-between;align-items:center;padding:17px 19px}.event-foot b{font-size:13px}.muted{color:#777;font-size:12px;margin-top:5px}.arrow{border-radius:50%;background:#f0eff9;color:#5944bb;padding:10px}.tabs{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);width:min(430px,calc(100% - 24px));height:72px;background:#fffefef2;backdrop-filter:blur(20px);border:1px solid #eee;border-radius:28px;display:flex;justify-content:space-around;align-items:center;box-shadow:0 12px 30px #00000014;z-index:20}.tab{background:none;border:0;display:flex;align-items:center;flex-direction:column;gap:3px;color:#777;font-size:11px;font-weight:700}.tab span{font-size:23px}.tab.active{color:#6045c2}.content{padding:20px 24px}.detail-cover{min-height:330px;color:#fff;padding:32px 25px;display:flex;flex-direction:column;justify-content:end}.detail-cover h1{font-size:40px;line-height:1.22;letter-spacing:-2px;margin:14px 0}.detail-cover p{font-size:13px;line-height:1.8}.info{background:#fff;border-radius:22px;padding:18px 20px;margin:20px 0}.info-row{display:flex;gap:15px;padding:13px 0;border-bottom:1px solid #eee;font-size:14px}.info-row:last-child{border:0}.info-row span:first-child{width:23px;font-size:19px}.copy{line-height:2;font-size:14px;white-space:pre-line;color:#444}.cta{border:0;border-radius:17px;background:#6045c2;color:white;font-size:16px;font-weight:800;width:100%;padding:18px;margin-top:20px}.cta:disabled{background:#aaa}.secondary{background:#fff;color:#222;border:1px solid #ddd}.chiprow{display:flex;gap:8px;overflow:auto;margin:18px 0}.chip{border:1px solid #ddd;background:#fff;border-radius:100px;padding:10px 17px;white-space:nowrap}.chip.on{background:#18191e;color:#fff}.formlabel{display:block;font-weight:700;margin:24px 0 8px}.field{width:100%;padding:16px;border:1px solid #ddd;border-radius:14px;background:#fff;outline-color:#6045c2}.hint{font-size:12px;color:#777;line-height:1.7}.empty{padding:55px 20px;text-align:center;color:#777;line-height:1.9}.status{display:inline-block;font-size:11px;padding:6px 10px;border-radius:30px;background:#e8e4f8;color:#6045c2;font-weight:800}.status.closed{background:#ececec;color:#777}.my-card{background:#fff;border-radius:20px;padding:18px;margin:14px 0}.my-card h3{margin:10px 0}.intro{background:#e5e8ff;padding:28px;border-radius:24px;line-height:2}.intro strong{font-size:29px;letter-spacing:-1px}.admin{background:#fff;border-radius:22px;padding:20px;margin:18px 0}.admin h3{margin-top:0}.row{display:flex;gap:10px}.row>*{flex:1}.tiny{padding:8px 11px;border:1px solid #ddd;background:#fff;border-radius:9px}.notice{font-size:12px;background:#fff3d8;padding:13px;border-radius:12px;line-height:1.7;margin:16px 0}.back{background:none;border:0;font-size:25px;padding:0}.footnote{font-size:12px;color:#777;line-height:1.8;margin-top:22px}@media(min-width:800px){#app{margin:28px auto;border-radius:32px;min-height:850px;overflow:hidden}.tabs{bottom:32px}}
/* Components added after the original project: use its original palette and geometry. */
:root{--ink:#16171b;--muted:#777;--paper:#f7f7f4;--line:#e4e4e4}button svg{flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #6045c2;outline-offset:3px}a{color:inherit;text-decoration:none}.top>span{font-weight:700}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff}.tabs .tab{min-width:55px;min-height:50px}.tabs .tab span{font-size:11px}.text-button{display:inline-flex;align-items:center;gap:7px;padding:8px 0;border:0;background:none;color:#6045c2;font-size:13px;font-weight:700}.cta{display:flex;align-items:center;justify-content:center;gap:10px}.subcopy{font-size:14px;color:#777;line-height:1.8}.card-meta{display:flex;align-items:center;justify-content:space-between;color:#777;font-size:12px}.status{display:inline-flex;align-items:center;gap:5px}.status.pending{background:#fff1d6;color:#946314}.status.confirmed{background:#e4f2e7;color:#347447}.status.waitlist{background:#e7edff;color:#4055d8}.status.cancelled{background:#eee;color:#777}.detail-title{font-size:28px;letter-spacing:-1px;line-height:1.4}.info>div{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #eee}.info>div:last-child{border:0}.info svg{color:#6045c2;flex-shrink:0}.info p{display:flex;flex-direction:column;gap:7px;margin:0;font-size:14px}.info p span{font-size:12px;color:#777}.guidance{background:#ece9f8;padding:20px;border-radius:17px;line-height:1.9;font-size:13px;margin:24px 0;color:#655884}.guidance p{margin:8px 0 0}.steps{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:12px;color:#6045c2;margin:25px 0}.steps i{font-style:normal;color:#aaa}.bottom-action{position:fixed;bottom:96px;left:50%;transform:translateX(-50%);width:min(430px,calc(100% - 24px));display:flex;align-items:center;gap:20px;background:#fffefef5;border:1px solid #eee;border-radius:22px;padding:12px 16px;z-index:19;box-shadow:0 5px 25px #0000000b}.bottom-action>div{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.bottom-action small{font-size:11px;color:#777}.bottom-action b{font-size:19px}.bottom-action .cta{margin:0;padding:16px}.detail-page #app{padding-bottom:205px}.login-content{text-align:center;padding-top:40px}.login-illustration{width:145px;height:145px;border-radius:36px;background:#e5e8ff;color:#6045c2;margin:0 auto 35px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.login-illustration span{font-size:15px}.login-content .page-title,.success .page-title{margin:24px 0}.kakao{background:#fee500;color:#302b18}.chat-bubble{width:19px;height:15px;background:#302b18;border-radius:50%;position:relative}.chat-bubble:after{content:'';position:absolute;left:3px;bottom:-3px;border:4px solid transparent;border-left-color:#302b18}.preview-note{font-size:12px;color:#888;line-height:1.7}.success{text-align:center;padding-top:60px}.success-icon{width:85px;height:85px;border-radius:50%;background:#e8e4f8;color:#6045c2;display:grid;place-items:center;margin:0 auto 30px}.success .text-button{margin-top:15px}.profile-card{display:flex;align-items:center;gap:17px;margin:10px 0 35px}.avatar{width:65px;height:65px;border-radius:50%;background:#e8e4f8;color:#6045c2;display:grid;place-items:center}.profile-card small{font-size:12px;color:#777}.profile-card h1{font-size:25px;display:flex;align-items:center;gap:10px;margin:9px 0}.my-heading{display:flex;align-items:center;justify-content:space-between}.my-heading span{font-size:11px;color:#888}.segmented{display:flex;background:#eae9ed;border-radius:14px;padding:4px;margin:22px 0}.segmented button{border:0;background:none;flex:1;padding:12px;border-radius:11px;font-size:13px;color:#777}.segmented button.on{background:#fff;color:#6045c2;box-shadow:0 2px 5px #00000008}.my-card p,.my-card small{font-size:12px;line-height:1.8;color:#777}.my-card-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;margin-top:15px;padding-top:10px}.cancel-link{font-size:12px;border:0;background:none;color:#888;padding:10px}.settings-list{margin-top:25px}.settings-list button{display:flex;justify-content:space-between;width:100%;padding:20px 4px;border:0;border-bottom:1px solid #e6e6e6;background:none;font-size:14px}.about-symbol{text-align:center;font-size:64px;padding:35px 0;color:#6045c2}.about-symbol span{display:block;font-size:18px;letter-spacing:2px;margin-top:15px}.about-values article{border-top:1px solid #ddd;padding:25px 0}.about-values article>span{color:#6045c2;font-weight:700}.about-values h3{font-size:18px}.about-values p{font-size:14px;color:#777;line-height:1.9}.admin-actions{display:flex;gap:10px;margin-top:20px}.approve{background:#6045c2;color:#fff;border-color:#6045c2}.admin-heading{margin-top:30px}.modal-backdrop{position:fixed;inset:0;background:#16171b66;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:400px;position:relative;background:#f7f7f4;border-radius:26px;padding:38px 25px 25px;text-align:center;max-height:90dvh;overflow:auto}.modal-close{position:absolute;right:10px;top:10px}.modal-symbol{display:block;color:#6045c2;margin:10px auto 20px}.modal h2{font-size:24px}.modal>p{font-size:14px;line-height:1.9;color:#777}.consent{display:flex;align-items:center;text-align:left;gap:10px;font-size:12px;line-height:1.8}.consent input{width:20px;height:20px;flex-shrink:0;accent-color:#6045c2}#toast{position:fixed;bottom:115px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#25242c;color:#fff;padding:16px 20px;border-radius:16px;font-size:13px;z-index:200;width:max-content;max-width:90%;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.busy .cta,.busy .tiny{pointer-events:none;opacity:.5}.preview-ribbon{max-width:470px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:#e8e4f8;color:#756699;font-size:11px}.preview-ribbon button{border:0;background:none;color:#6045c2;font-size:11px;margin-left:10px}.empty svg{margin:auto}.field{max-width:100%}.book-art{display:none}@media(min-width:800px){.preview-ribbon{margin:18px auto 0;border-radius:16px}#app{margin:12px auto 28px}.bottom-action{bottom:114px}}@media(max-width:370px){.hero h1{font-size:43px}.steps{font-size:10px}.my-heading span{font-size:10px}}@supports(padding:max(0px)){@media(max-width:799px){.tabs{bottom:max(14px,env(safe-area-inset-bottom))}.bottom-action{bottom:calc(96px + env(safe-area-inset-bottom))}}
/* Photographs and actual book covers, preserving the supplied visual style. */
.hero{padding-bottom:28px}.hero>h1,.hero>.eyebrow{position:relative;z-index:1}.hero-photo{margin:28px 0 0;position:relative;background:#2f302a;overflow:hidden;border-radius:22px;box-shadow:0 14px 30px #3d47722b}.hero-photo>img{width:100%;height:190px;object-fit:cover;object-position:center 58%;display:block;transform:scale(1.01)}.hero-photo:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}.hero-photo figcaption{position:absolute;left:18px;right:16px;bottom:14px;display:flex;flex-direction:column;gap:7px;color:#fff;z-index:1}.hero-photo figcaption>span{font-size:16px;font-weight:700;line-height:1.45;letter-spacing:-.45px}.hero-photo figcaption>a{font-size:8px;color:#fff;opacity:.75;width:fit-content;text-decoration:none;min-height:16px}.poster.with-book-cover{height:auto;min-height:205px;padding-right:145px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.poster.with-book-cover h3{max-width:100%;font-size:22px;line-height:1.35;margin-top:17px;word-break:keep-all;overflow-wrap:break-word}.card-book-title{display:block;font-size:16px;font-weight:500;line-height:1.5;margin-top:10px;opacity:.93}.real-book-cover{position:absolute;right:22px;top:50%;transform:translateY(-50%) rotate(4deg);width:99px;height:150px;object-fit:contain;filter:drop-shadow(0 13px 11px #0005);z-index:2;border-radius:2px}.detail-cover.with-book-cover{position:relative;min-height:330px;padding-right:170px;justify-content:center}.detail-cover.with-book-cover h1{font-size:28px;line-height:1.4;letter-spacing:-1px;word-break:keep-all;overflow-wrap:break-word}.detail-cover .detail-book-image{width:120px;height:190px;right:25px}.detail-cover .eyebrow{font-size:10px;letter-spacing:1px}.edition-link{display:inline-block;font-size:12px;color:#6045c2;text-decoration:none;line-height:1.8}.edition-note{font-size:11px;line-height:1.8;color:#888;margin:7px 0 0}.real-book-cover[hidden]{display:none}@media(max-width:370px){.poster.with-book-cover{padding-right:125px;padding-left:18px}.poster.with-book-cover h3{font-size:20px}.real-book-cover{right:17px;width:85px;height:132px}.detail-cover.with-book-cover{padding-right:140px}.detail-cover.with-book-cover h1{font-size:25px}.detail-cover .detail-book-image{right:17px;width:100px;height:160px}.hero-photo>img{height:170px}}
.welcome-section{padding-top:24px}.welcome-guide{background:#fff;border-radius:24px;padding:23px 20px 8px;box-shadow:0 5px 24px #00000008}.welcome-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.welcome-title>span{font-size:21px;font-weight:800;letter-spacing:-.7px}.welcome-step{display:flex;gap:15px;align-items:flex-start;padding:17px 0;border-top:1px solid #ececec}.welcome-step>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#d7e3ff;font-size:14px;font-weight:800}.welcome-step:nth-of-type(3)>span{background:#eee7a9}.welcome-step:nth-of-type(4)>span{background:#f5c5b9}.welcome-step b{display:block;font-size:15px;letter-spacing:-.3px}.welcome-step p{font-size:12px;color:#777;line-height:1.65;margin:5px 0 0;word-break:keep-all}
.records-page{padding-top:28px}.records-intro{padding:14px 2px 22px}.records-intro .eyebrow{color:#7765a2;font-size:10px}.records-intro .page-title{margin:14px 0 8px;font-size:31px;line-height:1.28}.records-intro .subcopy{margin:0;max-width:310px}.record-section{margin:18px 0 30px}.record-heading{display:flex;align-items:center;gap:13px;margin:0 0 16px}.record-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#ece8f7;color:#6045c2;font-size:22px}.record-heading h2{font-size:20px;letter-spacing:-.6px;margin:0 0 4px}.record-heading p{font-size:12px;color:#85818d;margin:0}.record-form{padding:18px;background:#fff;border:1px solid #eeecf1;border-radius:21px;box-shadow:0 5px 20px #28223208}.record-form .formlabel{font-size:12px;margin:5px 0 8px}.record-form .field{font-size:13px;padding:13px;border-color:#e9e6ed}.record-form textarea.field{resize:vertical;min-height:100px;line-height:1.7}.record-form .formlabel:not(:first-child){margin-top:17px}.record-form-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.record-form-foot>span{font-size:10px;line-height:1.6;color:#8a8790}.record-form-foot .cta{width:auto;min-width:120px;margin:0;padding:12px 17px;border-radius:13px;font-size:13px}.record-note,.record-empty{padding:20px 16px;border-radius:16px;background:#f0eef5;color:#777184;font-size:12px;line-height:1.8;text-align:center}.record-list{margin-top:15px}.record-card{background:#fff;border:1px solid #eeecf1;border-radius:18px;padding:16px;margin:10px 0;box-shadow:0 4px 14px #28223206}.record-card-top,.record-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.record-tag{display:inline-block;max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:30px;background:#f0eef7;color:#635385;padding:6px 10px;font-size:10px;font-weight:700}.record-stars{color:#c58b2d;font-size:13px;letter-spacing:1px;white-space:nowrap}.record-stars i{font-style:normal;color:#ddd}.record-card>p{font-size:13px;color:#45424a;line-height:1.85;white-space:pre-line;margin:13px 0}.record-card-foot{border-top:1px solid #f0eef1;padding-top:10px}.record-card-foot small{font-size:10px;color:#95919b}.record-actions{display:flex;gap:6px}.record-actions button{border:1px solid #e7e3ec;background:#fff;color:#665b78;border-radius:8px;padding:6px 9px;font-size:10px}.record-actions button.danger{color:#a45f5f}.book-records{border-top:1px solid #e8e5eb;padding-top:24px}.book-record-card .record-tag{background:#f4eee6;color:#8a6848}.records-page h2:not(.record-heading h2){font-size:18px}.modal .field{margin-bottom:8px}.modal .formlabel{text-align:left;font-size:12px;margin:14px 0 7px}
.record-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;margin:2px 0 22px;background:#eeedf0;border-radius:16px}.record-tabs button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:45px;border:0;border-radius:12px;background:transparent;color:#77717f;font-size:13px;font-weight:700}.record-tabs button.active{background:#fff;color:#6045c2;box-shadow:0 2px 8px #24202b12}.record-tabs button span{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:20px;background:#f1eef7;font-size:10px;color:#7765a2}.record-tabs button.active span{background:#ece8f7;color:#6045c2}.records-page>.record-section{margin-top:0}
.record-write-toggle{width:100%;padding:13px 16px;margin:0 0 14px;border:1px solid #e5e0ee;border-radius:14px;background:#fff;color:#6045c2;font-size:13px;font-weight:750;text-align:left}.record-write-toggle:active{background:#f6f3fb}
.record-photo-preview,.record-photos{display:flex;gap:8px;overflow:auto;margin:10px 0}.record-photo-preview img,.record-photos img{width:78px;height:78px;object-fit:cover;border-radius:12px;flex:0 0 auto}.record-photos img{width:92px;height:92px}
.event-row{display:flex;align-items:center;gap:14px;padding:12px;background:#fffdfa;border:1px solid #eeece8;border-radius:22px;text-align:left;min-height:150px}.event-cover{position:relative;display:grid;place-items:center;width:104px;height:122px;flex:0 0 104px;overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#d7e3ff,#e8d9c6)}.event-cover .real-book-cover{position:static;width:100%;height:100%;transform:none;object-fit:cover;filter:none;border-radius:0}.event-cover-fallback:after{content:'SOYO';font-weight:800;letter-spacing:2px;color:#fff8;font-size:20px}.event-info{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;flex:1}.event-state{display:inline-flex;background:#eee;color:#686868;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800}.event-state.open{background:#e4f3e8;color:#27834a}.event-info strong{font-size:16px;line-height:1.35;letter-spacing:-.35px;overflow-wrap:anywhere}.event-subtitle{font-size:12px;color:#777}.event-meta{display:flex;align-items:center;gap:5px;color:#777;font-size:10px;line-height:1.4}.event-meta svg{color:#8270ad;flex:none}.event-arrow{align-self:center;color:#716783;font-size:17px;padding:6px}@media(min-width:800px){#app{max-width:680px}.hero{padding:34px 38px 38px}.hero h1{font-size:54px;max-width:530px}.hero p{font-size:15px;max-width:530px}.hero-photo>img{height:270px}.section{padding-left:34px;padding-right:34px}.event-row{min-height:190px;gap:20px;padding:16px}.event-cover{width:140px;height:156px;flex-basis:140px}.event-info strong{font-size:20px}.event-subtitle,.event-meta{font-size:14px}}
/* Event detail layout inspired by the reading-club reference. */
.detail-page #app{overflow:hidden}
.detail-page .top{background:#f8f5f0;padding:12px 20px}
.detail-page .detail-hero{position:relative;min-height:285px;overflow:hidden;background:#eee2d5;display:flex;align-items:flex-end;padding:28px 26px 54px}
.detail-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.detail-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#f6eee7f2 0%,#f6eee7d9 48%,#f6eee760 100%)}
.detail-hero-copy{position:relative;z-index:1;max-width:82%;color:#202126}
.detail-category{display:inline-flex;background:#f0d9b5;border-radius:100px;padding:7px 12px;font-size:12px;font-weight:800}
.detail-hero-copy h1{font-family:'Noto Serif KR',serif;font-weight:600;font-size:34px;line-height:1.28;letter-spacing:-1.4px;margin:14px 0 5px;overflow-wrap:anywhere}
.detail-hero-copy p{font-size:15px;margin:0;color:#39383a}
.detail-rule{display:block;width:36px;height:1px;background:#514840;margin-top:20px}
.detail-summary{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1.15fr;background:#fffdfa;border:1px solid #ece7e1;border-radius:18px;margin:-24px 16px 0;padding:14px 8px;box-shadow:0 5px 18px #3b2b1d12}
.detail-summary>div{display:flex;align-items:center;justify-content:center;gap:9px;padding:5px 8px;min-width:0}
.detail-summary>div+div{border-left:1px solid #e7e1dc}
.detail-summary svg{flex:none;color:#745c45}
.detail-summary p{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0;font-size:11px;line-height:1.4}
.detail-summary p b{font-size:11px;overflow-wrap:anywhere}
.detail-summary p span{font-size:10px;color:#777;overflow-wrap:anywhere}
.detail-page .detail-content{padding:24px 25px 190px}
.detail-section{margin:10px 0 30px}
.detail-section-title{position:relative;padding-left:13px;font-size:20px;letter-spacing:-.5px;margin:0 0 12px}
.detail-section-title:before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:5px;background:#d7ae72}
.detail-intro{display:flex;align-items:flex-start;gap:12px}
.detail-intro .copy{flex:1;margin:0;font-size:13px;line-height:1.9;white-space:pre-line}
.detail-intro-cover{position:relative;flex:0 0 72px;width:72px;height:108px;margin:4px 0 0}
.detail-intro-cover .real-book-cover{position:static;display:block;width:100%;height:100%;transform:none;object-fit:cover;filter:drop-shadow(0 5px 7px #0002);border-radius:3px}
.discussion-prompts{display:grid;gap:7px}
.discussion-prompts p{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:13px;line-height:1.7}
.discussion-prompts p span{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:#f1dfc7;font-size:12px;font-weight:700}
.detail-guide{padding-left:18px;margin:0;color:#333;font-size:13px;line-height:1.85}
.detail-guide li{padding-left:3px;margin:4px 0}
.detail-guide li::marker{color:#d7ae72}
.detail-page .detail-content>h2{font-size:20px;margin:30px 0 10px}
@media(max-width:370px){.detail-page .detail-summary{margin-left:10px;margin-right:10px;padding-left:3px;padding-right:3px}.detail-summary>div{gap:5px;padding-left:4px;padding-right:4px}.detail-summary svg{width:18px}.detail-summary p,.detail-summary p b{font-size:10px}.detail-summary p span{font-size:9px}.detail-hero-copy h1{font-size:29px}.detail-intro-cover{flex-basis:60px;width:60px;height:90px}}
@media(min-width:800px){.detail-page .detail-hero{min-height:330px;padding-left:40px}.detail-hero-copy h1{font-size:42px}.detail-summary{margin-left:28px;margin-right:28px}.detail-summary p,.detail-summary p b{font-size:13px}.detail-summary p span{font-size:11px}}
.detail-summary>.detail-place-link{color:inherit;text-decoration:none;min-width:0}
.detail-place-link p span{color:#725b43;text-decoration:underline;text-underline-offset:2px}
.detail-place-link:focus-visible{outline:3px solid #6045c2;outline-offset:2px;border-radius:8px}
.detail-summary p span small{font-size:9px;font-weight:700;color:#735d43}
.bottom-action .deposit-note{gap:3px}
.bottom-action .deposit-note small{font-size:10px}
.bottom-action .deposit-note b{font-size:13px;color:#776b5a}
.bottom-action .cta{gap:8px}
.free-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#ffffff30;font-size:11px;font-weight:800;line-height:1}
/* Six category image set: all labels remain selectable HTML text. */
.event-cover{background:#f1eee7}
.event-cover-image{display:block;width:100%;height:100%;object-fit:cover}
.event-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.event-category-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:color-mix(in srgb,var(--category-accent) 13%,white);color:var(--category-accent);font-size:10px;font-weight:800;line-height:1.1}
.detail-hero{background:var(--category-background,#eee2d5)}
.detail-hero-image{object-position:center}
.detail-hero-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--category-background,#eee2d5) 48%,transparent),transparent 84%)}
.detail-category{background:#ffffffd9;color:var(--category-accent,#3456a5)}

.detail-author{display:block;margin:4px 0 7px;font-size:12px;font-weight:500;color:#55525b}.event-author{font-size:11px;color:#777;margin-top:-3px}
.detail-event-name{display:flex;align-items:baseline;gap:8px;margin:11px 0 0!important;color:#3e3935!important}
.detail-event-name span{flex:none;font-size:11px;font-weight:700;color:#80694f}
.detail-event-name b{font-size:16px;font-weight:700;line-height:1.45}
.detail-book-card{display:flex;align-items:flex-start;gap:18px;padding:18px;border-radius:20px;background:#fffdfa;border:1px solid #eee8e1;box-shadow:0 5px 18px #3b2b1d0a}
.detail-book-card:not(.has-cover){padding-left:20px}
.detail-book-cover{position:relative;flex:0 0 96px;width:96px;height:144px;overflow:hidden;border-radius:4px;background:#f1eee7;box-shadow:0 5px 12px #0002}
.detail-book-cover .real-book-cover{position:static;display:block;width:100%;height:100%;transform:none;object-fit:cover;filter:none;border-radius:0}
.detail-book-copy{min-width:0;flex:1}
.detail-book-copy h3{font-family:'Noto Serif KR',serif;font-size:18px;line-height:1.5;margin:0 0 5px;overflow-wrap:anywhere}
.detail-book-author{font-size:13px;color:#756c63;margin:0 0 10px}
.detail-book-description{font-size:14px;line-height:1.85;white-space:pre-line;margin:0;color:#49443f}
.book-description-empty{color:#9a9289}
.detail-summary-item p small{font-size:10px;line-height:1.3;color:#867c72;font-weight:650;letter-spacing:.02em}
.detail-map-link{display:block!important;width:max-content;max-width:100%;margin-top:1px;color:#725b43!important;text-decoration:underline;text-underline-offset:3px;white-space:normal}
.detail-address{display:block;line-height:1.5;overflow-wrap:anywhere;word-break:normal;color:#777!important}
/* Home recruitment cards use the category art as a text-free backdrop. */
.home-open-section{padding:30px 18px 0}
.home-open-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px}
.home-open-heading>div>span{font-size:10px;font-weight:700;letter-spacing:3px;color:#817870}
.home-open-heading h2{font-family:'Noto Serif KR',serif;font-size:28px;font-weight:600;letter-spacing:-1px;margin:6px 0 0}
.home-open-heading>button{flex:none;border:1px solid #e6dfd7;border-radius:999px;background:#fffaf5;padding:10px 14px;font-size:12px;font-weight:700;color:#242326;box-shadow:0 4px 12px #3d2c1c10}
.home-event-list{display:grid;gap:15px}
.home-event-card{position:relative;isolation:isolate;display:grid;grid-template-columns:94px minmax(0,1fr) 38px;align-items:center;gap:18px;width:100%;min-height:210px;padding:20px 16px 20px 22px;overflow:hidden;border:1px solid #fff;border-radius:27px;text-align:left;color:#211f20;background-color:var(--category-background,#f3eee8);background-image:var(--category-card-image);background-size:cover;background-position:center right;box-shadow:0 9px 26px #3d2c1c12}
.home-event-card:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fffcf9f2 0%,#fffaf4e8 56%,#fffaf4a6 100%)}
.home-event-cover{display:grid;place-items:center;position:relative;width:92px;height:138px;border-radius:7px;background:linear-gradient(145deg,#f8f5ef,#e8e1d7);box-shadow:0 8px 18px #2f241d28;overflow:hidden}
.home-event-cover img{display:block;width:100%;height:100%;object-fit:cover}
.home-event-cover.no-cover span{font-family:'Noto Serif KR',serif;font-size:12px;font-weight:600;color:var(--category-accent)}
.home-event-info{position:relative;display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:7px}
.home-event-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.home-event-badges .event-state{font-size:10px;padding:5px 9px}
.home-event-info>strong{font-family:'Noto Serif KR',serif;font-size:21px;font-weight:600;line-height:1.35;letter-spacing:-.6px;overflow-wrap:anywhere}
.home-event-book-title{font-family:'Noto Serif KR',serif;font-size:15px;line-height:1.4;color:#373336}
.home-event-info .event-meta{font-size:11px;color:#5f5b59;gap:7px}
.home-event-info .event-meta svg{color:var(--category-accent)}
.home-event-arrow{display:grid;place-items:center;align-self:end;width:38px;height:38px;border-radius:50%;background:#fffdf9e8;color:#28272a}
.home-empty{padding:28px 4px;color:#777;font-size:14px}
@media(max-width:370px){.home-open-section{padding-left:13px;padding-right:13px}.home-open-heading h2{font-size:24px}.home-open-heading>button{padding:9px 11px;font-size:11px}.home-event-card{grid-template-columns:72px minmax(0,1fr) 30px;gap:11px;min-height:178px;padding:14px 11px 14px 13px;border-radius:22px}.home-event-cover{width:70px;height:106px}.home-event-info>strong{font-size:17px}.home-event-book-title{font-size:13px}.home-event-info .event-meta{font-size:10px}.home-event-arrow{width:30px;height:30px}}
@media(min-width:800px){.home-open-section{padding-left:34px;padding-right:34px}.home-open-heading h2{font-size:34px}.home-event-card{grid-template-columns:120px minmax(0,1fr) 48px;min-height:270px;padding:26px 28px;gap:24px;border-radius:34px}.home-event-cover{width:116px;height:176px}.home-event-info>strong{font-size:28px}.home-event-book-title{font-size:19px}.home-event-info .event-meta{font-size:15px}.home-event-arrow{width:48px;height:48px}}
/* Main screen refresh: compact identity, illustrated reading hero, category shortcuts. */
.home-page #app{background:#faf8f5}
.home-top{align-items:center;padding:21px 27px 9px;background:#faf8f5}
.home-brand{display:flex;flex-direction:column;gap:1px;font-family:'Noto Serif KR',serif;font-size:19px;font-weight:600;letter-spacing:4px;line-height:1.15}
.home-brand small{font-family:'Noto Serif KR',serif;font-size:12px;font-weight:500;letter-spacing:3px}
.home-actions{display:flex;align-items:center;gap:14px}
.home-bell{display:grid;place-items:center;width:38px;height:38px;color:#171717}
.home-top .icon{background:transparent;font-size:25px}
.hero.home-hero{position:relative;isolation:isolate;min-height:365px;padding:38px 28px 28px;overflow:hidden;background:#faf8f5}
.home-hero .eyebrow{font-family:'Noto Serif KR',serif;font-size:12px;letter-spacing:1.2px;color:#282522}
.home-hero .eyebrow:after{content:'';display:block;width:118px;height:8px;margin-top:-5px;border-radius:20px;background:#f3dfc0;opacity:.65}
.home-hero h1{position:relative;z-index:1;max-width:82%;font-family:'Noto Serif KR',serif;font-size:39px;font-weight:600;line-height:1.45;letter-spacing:-1.6px;margin:25px 0 18px;word-break:keep-all}
.home-hero p{position:relative;z-index:1;max-width:82%;font-size:13px;line-height:1.95;color:#514d4b;word-break:keep-all}
.hero-art{position:absolute;z-index:0;right:-40px;top:12px;width:66%;height:94%;overflow:hidden;border-radius:54% 0 0 48% / 49% 0 0 46%;background:#dce5fc}
.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#faf8f5cc 0%,#faf8f548 27%,transparent 65%)}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:58% center;display:block}
.hero-sun,.hero-coral{position:absolute;z-index:1;bottom:-54px;left:4%;width:190px;height:190px;border-radius:50%;background:#f6e8b6d9}
.hero-coral{left:34%;bottom:-80px;width:210px;height:210px;background:#f18c68d9}
.home-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:12px 18px 20px;background:#faf8f5}
.home-category{display:flex;min-width:0;min-height:94px;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:10px 3px;border:0;border-radius:21px;background:color-mix(in srgb,var(--category-background) 54%,white);color:var(--category-accent);text-align:center}
.home-category svg{flex:none}
.home-category span{font-size:10px;font-weight:700;line-height:1.35;letter-spacing:-.5px;color:#222;word-break:keep-all}
@media(max-width:370px){.home-top{padding-left:19px;padding-right:19px}.home-hero{padding-left:21px!important;padding-right:21px!important;min-height:345px!important}.home-hero h1{font-size:33px;max-width:88%;letter-spacing:-1.2px}.home-hero p{font-size:12px;max-width:87%}.hero-art{right:-55px;width:70%}.hero-coral{width:160px;height:160px}.hero-sun{width:145px;height:145px}.home-category-grid{gap:5px;padding-left:12px;padding-right:12px}.home-category{min-height:80px;border-radius:17px}.home-category svg{width:26px;height:26px}.home-category span{font-size:9px}}
@media(min-width:800px){.home-page #app{max-width:980px}.home-top{padding:27px 56px 14px}.home-brand{font-size:24px}.home-brand small{font-size:14px}.home-actions{gap:22px}.hero.home-hero{min-height:470px;padding:54px 56px 42px}.home-hero .eyebrow{font-size:15px}.home-hero h1{max-width:62%;font-size:54px;line-height:1.42;margin:31px 0 19px}.home-hero p{max-width:58%;font-size:16px}.hero-art{right:-28px;top:0;width:60%;height:100%}.hero-sun{width:250px;height:250px;bottom:-75px}.hero-coral{width:280px;height:280px;bottom:-115px}.home-category-grid{gap:17px;padding:18px 56px 34px}.home-category{min-height:122px;border-radius:28px;gap:12px}.home-category svg{width:38px;height:38px}.home-category span{font-size:14px}.home-open-section{padding-left:56px;padding-right:56px}}
/* Keep category shortcuts legible on narrow phones; swipe horizontally to browse. */
.home-category-grid{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:12px 18px 20px;touch-action:pan-x pan-y}
.home-category-grid::-webkit-scrollbar{display:none}
.home-category{flex:0 0 88px;scroll-snap-align:start;min-width:88px}
.hero-art:after{background:linear-gradient(90deg,#faf8f5c0 0%,#faf8f53b 24%,transparent 58%)}
.hero-art img{object-position:68% center;filter:contrast(1.08) saturate(1.08)}
.hero-sun{left:39%;bottom:-128px;width:180px;height:180px}
.hero-coral{left:66%;bottom:-163px;width:190px;height:190px}
@media(max-width:370px){.home-category-grid{gap:8px;padding-left:12px;padding-right:12px}.home-category{flex-basis:78px;min-width:78px}.hero-sun{left:43%;bottom:-128px;width:150px;height:150px}.hero-coral{left:69%;bottom:-158px;width:160px;height:160px}}
@media(min-width:800px){.home-category-grid{gap:16px;padding-left:56px;padding-right:56px}.home-category{flex:1 0 0;min-width:0}.hero-sun{left:39%;bottom:-163px;width:250px;height:250px}.hero-coral{left:67%;bottom:-195px;width:280px;height:280px}}
/* Use the supplied arch and circle artwork as the full hero backdrop. */
.hero-art{inset:0;width:100%;height:100%;right:auto;top:0;overflow:hidden;border-radius:0;background:#faf8f5}
.hero-art:after{background:linear-gradient(90deg,#faf8f5a8 0%,#faf8f54d 35%,transparent 70%)}
.hero-art img{object-fit:cover;object-position:center;filter:none}
.hero-sun,.hero-coral{display:none}
@media(max-width:600px){.hero-art img{object-position:58% center}.hero-art:after{background:linear-gradient(90deg,#faf8f58c 0%,#faf8f52e 48%,transparent 78%)}}
/* Rounded, inset hero panel matching the supplied mobile reference. */
.home-hero-card{margin:14px 14px 0;overflow:hidden;border-radius:32px;background:#faf8f5;box-shadow:0 10px 34px #27201a0b}
.home-hero-card .home-top{padding-left:25px;padding-right:25px}
.home-hero-card .home-hero{border-radius:0}
.home-hero-card .hero-art{border-radius:0}
@media(max-width:370px){.home-hero-card{margin:10px 10px 0;border-radius:26px}}
@media(min-width:800px){.home-hero-card{margin:22px 24px 0;border-radius:38px}.home-hero-card .home-top{padding-left:42px;padding-right:42px}.home-hero-card .home-hero{padding-left:42px;padding-right:42px}}
@media(max-width:600px){.home-hero-card{margin:12px 12px 0;border-radius:34px}.home-hero-card .home-top{padding-top:24px;padding-bottom:14px}.home-hero-card .home-hero{min-height:350px;padding-top:34px}.home-category-grid{padding-top:20px;padding-bottom:16px;gap:9px}.home-category{flex-basis:78px;min-width:78px;min-height:82px;gap:6px;padding:8px 4px;border-radius:23px}.home-category svg{width:27px;height:27px;stroke-width:1.25}.home-category span{font-size:9px}}
@media(max-width:370px){.home-hero-card{margin:10px 10px 0;border-radius:29px}.home-hero-card .home-top{padding-top:20px;padding-bottom:11px}.home-hero-card .home-hero{min-height:330px}.home-category{flex-basis:72px;min-width:72px;min-height:76px}.home-category svg{width:25px;height:25px}}
/* Round the artwork itself, leaving the brand header outside its clipping shape. */
@media(max-width:600px){
  .home-hero-card{margin:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
  .home-hero-card .home-top{padding-top:22px;padding-bottom:12px;background:#faf8f5}
  .home-hero-card .home-hero{min-height:350px;padding-top:32px;background:transparent}
  .home-hero-card .hero-art{inset:0 12px 0;border-radius:0 0 38px 38px}
  .home-hero-card .hero-art img{border-radius:0 0 38px 38px}
  .home-category-grid{box-sizing:border-box;width:100%;margin:0;padding:16px 16px 18px;gap:10px}
  .home-category{box-sizing:border-box;flex:0 0 78px;min-width:78px;width:78px;min-height:78px;border-radius:20px}
}
@media(max-width:370px){
  .home-hero-card .home-top{padding-top:18px;padding-bottom:10px}
  .home-hero-card .home-hero{min-height:330px;padding-top:29px}
  .home-category-grid{padding-left:12px;padding-right:12px;gap:8px}
  .home-category{flex-basis:74px;min-width:74px;width:74px;min-height:74px}
}
/* Organic arch cutout for the hero art, instead of rounded rectangle corners. */
@media(max-width:600px){
  .home-hero-card .home-hero{isolation:isolate}
  .home-hero-card .hero-art{inset:0 12px 0 0;overflow:hidden;border-radius:0;clip-path:ellipse(100% 88% at 100% 12%)}
  .home-hero-card .hero-art img{border-radius:0;object-position:62% center}
  .home-hero-card .hero-art:after{background:linear-gradient(90deg,#faf8f5e8 0%,#faf8f5a8 32%,#faf8f529 56%,transparent 78%)}
}
@media(max-width:370px){.home-hero-card .hero-art{inset:0 10px 0 0;clip-path:ellipse(108% 90% at 105% 10%)}}
/* Keep recruitment titles on one line and give the category art stronger edge contrast. */
.home-event-info>strong{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;line-height:1.45}
.home-event-card:before{background:linear-gradient(90deg,#f4eee8ed 0%,#f4eee8a8 28%,#f4eee850 62%,#39332e35 100%)}
.home-event-info .event-meta svg{color:#635b55}
/* Mobile event detail layout draft: readable title, stacked facts, clear sticky controls. */
@media(max-width:600px){
  .detail-page .detail-hero{min-height:300px;padding:28px 24px 46px;align-items:flex-end}
  .detail-hero-image{object-position:68% center}
  .detail-hero-shade{background:linear-gradient(90deg,#f6eee7f2 0%,#f6eee7dc 52%,#f6eee78c 100%),linear-gradient(0deg,#f6eee79c 0%,transparent 56%)}
  .detail-hero-copy{width:100%;max-width:100%}
  .detail-hero-copy h1{max-width:100%;font-size:clamp(27px,7.2vw,33px);line-height:1.3;letter-spacing:-.8px;word-break:keep-all;overflow-wrap:normal}
  .detail-hero-copy p{font-size:14px;line-height:1.6}
  .detail-summary{grid-template-columns:minmax(0,1fr);margin:-18px 18px 0;padding:5px 14px;border-radius:22px}
  .detail-summary>div,.detail-summary>.detail-place-link{display:grid;grid-template-columns:30px minmax(0,1fr);justify-content:initial;align-items:center;gap:10px;min-height:62px;padding:8px 3px}
  .detail-summary>div+div,.detail-summary>.detail-place-link{border-left:0;border-top:1px solid #eee8e1}
  .detail-summary svg{width:22px;height:22px}
  .detail-summary p{gap:3px;font-size:13px;line-height:1.4}
  .detail-summary p b{font-size:13px;overflow-wrap:normal}
  .detail-summary p span{font-size:11px;overflow-wrap:normal}
  .detail-page .detail-content{padding:26px 22px calc(280px + env(safe-area-inset-bottom))}
  .bottom-action{background:#fffdfa;border-color:#eee8e2;backdrop-filter:none;box-shadow:0 8px 28px #30251b18}
  .detail-page #app{padding-bottom:calc(220px + env(safe-area-inset-bottom))}
}
@media(max-width:370px){
  .detail-page .detail-hero{min-height:280px;padding-left:20px;padding-right:20px}
  .detail-hero-copy h1{font-size:27px}
  .detail-summary{margin-left:14px;margin-right:14px}
  .detail-page .detail-content{padding-left:19px;padding-right:19px}
}
/* Detail hero artwork stays crisp; show free entry beside the booking CTA. */
.detail-hero-shade{display:none}
.bottom-action .deposit-note{min-width:88px;gap:2px}
.bottom-action .deposit-note b{font-size:17px;line-height:1.2;color:#3d352f}
.bottom-action .deposit-note small{font-size:10px;line-height:1.35;color:#81786f;white-space:nowrap}
.bottom-action .cta{flex:1;min-width:0;white-space:nowrap}
.bottom-action .deposit-note{align-items:center;text-align:center;min-width:74px}
.bottom-action .deposit-note b{font-size:15px;line-height:1.2}
.bottom-action .deposit-note small{font-size:11px;white-space:nowrap}
.event-row{color:#202126;-webkit-appearance:none;appearance:none}
.event-info strong{color:#202126}
a:link,a:visited{color:inherit}
.edition-link,.edition-link:link,.edition-link:visited{color:#6045c2}
.admin-private-field{display:block;margin-top:8px;color:#766b5e;font-size:12px}
.profile-edit{margin:-10px 0 28px;padding:17px;background:#fff;border:1px solid #ece8e2;border-radius:18px}
.detail-guide strong,.detail-page .guidance p strong{font-weight:750;color:#40342b}
.record-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:600px){
  .detail-intro .copy{font-size:15px;line-height:1.9}
  .discussion-prompts p,.detail-guide{font-size:14px;line-height:1.9}
  .detail-section-title{font-size:21px}
  .detail-page .detail-content>h2{font-size:21px}
  .records-page .record-tabs button{gap:4px;padding:8px 3px;font-size:11px}
  .records-page .record-tabs button span{min-width:18px;height:18px;font-size:9px}
}
@media(max-width:600px){
  .detail-summary{padding:7px 15px;margin-left:16px;margin-right:16px}
  .detail-summary>div,.detail-summary>.detail-place-link{min-height:74px;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:10px 3px}
  .detail-summary svg{width:25px;height:25px}
  .detail-summary p{gap:4px;font-size:16px;line-height:1.45}
  .detail-summary p small{font-size:12px}
  .detail-summary p b{font-size:17px;line-height:1.4;overflow-wrap:anywhere}
  .detail-summary p span{font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
  .detail-summary .detail-map-link{font-size:14px}
  .detail-page .detail-content{padding-top:32px}
  .detail-intro .copy{font-size:17px;line-height:1.9}
  .discussion-prompts p,.detail-guide{font-size:16px;line-height:1.9}
  .detail-section-title,.detail-page .detail-content>h2{font-size:23px}
  .detail-book-card{gap:15px;padding:16px}
  .detail-book-cover{flex-basis:92px;width:92px;height:138px}
  .detail-book-copy h3{font-size:18px}
  .detail-book-author{font-size:14px}
  .detail-book-description{font-size:16px;line-height:1.85}
  .detail-event-name b{font-size:17px}
}

.reading-note-social{display:flex;gap:9px;margin-top:10px}.social-button{display:inline-flex;align-items:center;gap:5px;border:1px solid #ece9ef;background:#fff;border-radius:20px;padding:7px 11px;color:#716b78;font-size:12px}.social-button b{font-size:11px;color:#4d4656}.social-button.liked{color:#bf5c72;background:#fff6f7;border-color:#f2dce1}.reading-comments{margin-top:12px;padding-top:12px;border-top:1px solid #f0edf2}.reading-comment{position:relative;padding:9px 44px 9px 0;border-bottom:1px solid #f3f1f4}.reading-comment p{margin:0 0 5px;font-size:13px;line-height:1.65;white-space:pre-line}.reading-comment small{font-size:10px;color:#8c8790}.reading-comment button{position:absolute;right:0;top:9px;border:0;background:none;color:#9b929d;font-size:10px}.comments-empty,.comments-login{font-size:12px;color:#87818d;padding:4px 0}.comment-form{display:flex;gap:7px;margin-top:10px}.comment-form .field{flex:1;min-width:0;margin:0;padding:9px 11px;font-size:12px}.comment-form .tiny{border:0;border-radius:9px;background:#6045c2;color:#fff;padding:0 13px;font-size:12px}.private-notice{margin-bottom:13px;background:#f5f1e9;color:#756651}
.detail-share-button{position:absolute;z-index:3;top:16px;right:18px;display:flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #ffffffb8;border-radius:99px;background:#fffdf4d9;color:#332f2c;font-size:12px;font-weight:700;box-shadow:0 4px 14px #33271a12;backdrop-filter:blur(10px)}.detail-share-button:active{transform:scale(.97)}