:root{--bg: #FAF8F5;--card: #FFFFFF;--ink: #1A1612;--ink2: #3C332A;--brand: #8B5A3C;--line: #E8E2D9;--good: #2E7D5B;--faint: #8a8175}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.wrap{max-width:640px;margin:0 auto;padding:1.25rem 1.1rem 3rem}.top{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0 1rem}.who{font-size:.78rem;color:var(--faint)}h1{font-size:1.35rem;line-height:1.35;margin:.2rem 0 .3rem;outline:none;border-radius:8px;padding:.2rem .3rem}h1:focus{background:#8b5a3c14}.meta{color:var(--faint);font-size:.82rem;margin-bottom:1.1rem}.share-panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;margin-bottom:1.2rem}.sp-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.sp-title{font-weight:700;font-size:.95rem}.linkbox{display:flex;gap:.5rem;margin-top:.8rem}.linkbox input{flex:1;border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem;font-size:.82rem;color:var(--ink2);background:var(--bg)}.copy{border:none;border-radius:10px;background:var(--brand);color:#fff;font-weight:600;padding:.55rem .9rem;cursor:pointer;font-size:.84rem}.sp-hint{font-size:.76rem;color:var(--faint);margin-top:.55rem}.sec-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin:1.2rem 0 .5rem}.section{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;margin-bottom:.6rem;transition:opacity .15s;cursor:pointer}.section.hidden-sec{opacity:.45}.sec-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.sec-title{font-weight:650;font-size:.95rem;line-height:1.35}.sec-preview{color:var(--ink2);font-size:.84rem;line-height:1.55;margin-top:.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.eye{flex:none;border:1px solid var(--line);background:var(--bg);border-radius:8px;width:60px;height:30px;font-size:.72rem;cursor:pointer;color:var(--ink2)}.flipbtn{width:auto;padding:0 .75rem;white-space:nowrap}.sharebig{display:block;width:100%;margin-top:.8rem;padding:.85rem;border:none;border-radius:12px;background:var(--brand);color:#fff;font-weight:700;font-size:.98rem;cursor:pointer}.sharebig:active{transform:scale(.99)}.section.hidden-sec .eye{background:var(--brand);color:#fff;border-color:var(--brand)}.headrow{display:flex;gap:.95rem;align-items:flex-start;margin:.2rem 0 1.2rem}.coverbox{flex:none;text-align:center}.cover{position:relative;width:68px;aspect-ratio:210/297;border-radius:6px;border:2px solid var(--brand);background:var(--bg);cursor:pointer;display:grid;place-items:center;color:var(--brand);overflow:visible}.cover img{width:100%;height:100%;object-fit:cover;border-radius:4px}.cover .plus{position:absolute;right:-7px;bottom:-7px;width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;font-size:.95rem;display:grid;place-items:center;border:2px solid var(--bg);line-height:1}.cover-label{font-size:.62rem;color:var(--brand);font-weight:700;margin-top:.5rem;line-height:1.25}.headmain{flex:1;min-width:0}.svc-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.4rem 0 .2rem}.svc{display:flex;align-items:center;gap:.55rem;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:.7rem .8rem;cursor:pointer;font-size:.84rem;font-weight:650;color:var(--ink);text-align:left}.svc:hover{border-color:var(--brand)}.svc.signed{border-color:#2e7d5b80;background:#2e7d5b0f;color:var(--good)}.svc.signed:after{content:"✓";margin-left:auto;font-weight:800;color:var(--good)}.svc svg{flex:none}.sheet-back{position:fixed;inset:0;background:#1a161280;display:none;z-index:60}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:61;display:none;background:var(--card);border-radius:18px 18px 0 0;padding:1.4rem 1.3rem 1.7rem;box-shadow:0 -12px 40px #1a161240;max-width:640px;margin:0 auto}.sheet h3{display:flex;align-items:center;gap:.55rem;font-size:1.08rem;margin:0 0 .2rem}.sheet .price{color:var(--brand);font-weight:750;font-size:1.15rem;margin:.5rem 0 .2rem}.sheet .gets{color:var(--ink2);font-size:.88rem;line-height:1.6;margin:.3rem 0 .9rem}.sheet input{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:.7rem .8rem;font-size:.95rem;background:var(--bg);margin-bottom:.7rem}.sheet input:focus{border-color:var(--brand);outline:none;background:#fff}.sheet .go{display:block;width:100%;border:none;border-radius:12px;background:var(--brand);color:#fff;font-weight:700;font-size:.98rem;padding:.85rem;cursor:pointer}.sheet .later{display:block;text-align:center;margin-top:.7rem;color:var(--faint);font-size:.84rem;background:none;border:none;cursor:pointer;width:100%}.sheet .thanks{display:none;text-align:center;padding:1rem 0 .4rem}.sheet .thanks .tick{width:54px;height:54px;border-radius:50%;background:#2e7d5b1f;color:var(--good);font-size:1.7rem;display:grid;place-items:center;margin:0 auto .8rem}.foot-note{font-size:.78rem;color:var(--faint);margin-top:1rem;line-height:1.5}.aa-btn{border:1px solid var(--line);background:var(--card);border-radius:8px;font-size:.8rem;font-weight:700;color:var(--ink2);padding:.28rem .55rem;cursor:pointer}body.fs-lg .sec-title{font-size:1.06rem}body.fs-lg .sec-preview{font-size:.96rem}body.fs-lg h1{font-size:1.5rem}body.fs-xl .sec-title{font-size:1.18rem}body.fs-xl .sec-preview{font-size:1.08rem}body.fs-xl h1{font-size:1.65rem}.note{text-align:center;color:var(--faint);font-size:.9rem;margin-top:4rem}
