: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 1.2rem}.pagetitle{font-size:1.15rem;font-weight:750}.who{font-size:.78rem;color:var(--faint)}.profile{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.3rem;display:flex;gap:1.1rem;align-items:center;margin-bottom:1.5rem}.avatar-wrap{flex:none;text-align:center}.avatar{position:relative;width:76px;height:76px;border-radius:50%;background:var(--bg);border:2px solid var(--brand);display:grid;place-items:center;color:var(--brand);font-size:1.5rem;cursor:pointer;overflow:visible;margin:0 auto;line-height:1}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar .plus{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;font-size:1rem;display:grid;place-items:center;border:2px solid var(--card);line-height:1}.avatar-label{font-size:.68rem;color:var(--brand);font-weight:700;margin-top:.45rem}.pname{font-size:1.1rem;font-weight:700;outline:none;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);padding:.5rem 2.1rem .5rem .7rem;position:relative;min-width:0}.pname:empty:before{content:"Tap to type your name";color:var(--faint);font-weight:400}.pname:focus{border-color:var(--brand);background:#fff}.pname-wrap{position:relative;flex:1;min-width:0}.pname-wrap .pen{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);color:var(--brand);font-size:.95rem;pointer-events:none}.psub{color:var(--faint);font-size:.8rem;margin-top:.45rem}.work{display:flex;gap:.9rem;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.05rem;margin-bottom:.65rem;text-decoration:none;color:inherit;cursor:pointer;transition:border-color .12s}.work:hover{border-color:var(--brand)}.w-main{flex:1;min-width:0}.w-title{font-weight:700;font-size:.96rem;line-height:1.35}.w-meta{color:var(--faint);font-size:.78rem;margin-top:.3rem}.chip{display:inline-block;margin-top:.45rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .55rem;border-radius:20px;white-space:nowrap}.chip.sharing{background:#2e7d5b1f;color:var(--good)}.chip.private{background:var(--bg);color:var(--faint);border:1px solid var(--line)}.arrow{color:var(--faint);font-size:1.1rem;margin-left:.5rem}.new-band{text-align:center;margin-top:1.6rem}.new-cta{display:inline-flex;padding:.8rem 1.4rem;border-radius:12px;background:var(--brand);color:#fff;font-weight:700;text-decoration:none}.new-sub{font-size:.76rem;color:var(--faint);margin-top:.5rem}.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 .w-title{font-size:1.08rem}body.fs-lg .w-meta,body.fs-lg .psub,body.fs-lg .who{font-size:.9rem}body.fs-xl .w-title{font-size:1.2rem}body.fs-xl .w-meta,body.fs-xl .psub,body.fs-xl .who{font-size:1rem}.note{text-align:center;color:var(--faint);font-size:.9rem;margin-top:4rem;line-height:1.6}.list-head{display:flex;align-items:center;min-height:2.1rem;margin-bottom:.7rem}.listNormal{display:flex;flex:1;align-items:center;justify-content:flex-start;gap:.7rem}.selbar{display:none;flex:1;align-items:center;justify-content:space-between;gap:.8rem}body.selecting .listNormal{display:none}body.selecting .selbar{display:flex}.list-label{font-weight:700;font-size:.95rem;color:var(--ink2)}.head-actions{display:flex;align-items:center;gap:.5rem}a.aa-btn{text-decoration:none;display:inline-flex;align-items:center}.selbar-x{border:none;background:none;font-size:1.05rem;line-height:1;color:var(--ink2);cursor:pointer;padding:.25rem .35rem;border-radius:8px}.selbar-x:hover{background:var(--bg)}.selbar-count{font-weight:700;font-size:.95rem;color:var(--ink)}.sel-choose{display:flex;flex:1;align-items:center;justify-content:space-between;gap:.8rem}.sel-name{display:flex;flex:1;align-items:center;gap:.5rem}.vol-input{flex:1;min-width:0;border:1px solid var(--line);border-radius:9px;padding:.5rem .7rem;font-size:.92rem;font-weight:600;color:var(--ink);background:var(--card);outline:none}.vol-input:focus{border-color:var(--brand)}.selbar-actions{display:flex;align-items:center;gap:.5rem}.selbar-act{background:var(--card);color:var(--ink2);border:1px solid var(--line);border-radius:9px;padding:.5rem .9rem;font-weight:700;font-size:.88rem;cursor:pointer}.selbar-act[disabled]{opacity:.4;cursor:default}.selbar-act.danger:not([disabled]){color:#b23b3b;border-color:#b23b3b59}.selbar-act.danger:not([disabled]):hover{background:#b23b3b;color:#fff;border-color:#b23b3b}.selbar-go{background:var(--brand);color:#fff;border:none;border-radius:9px;padding:.5rem 1.1rem;font-weight:700;font-size:.88rem;cursor:pointer}.selbar-go[disabled]{opacity:.4;cursor:default}.work{position:relative}body.selecting .work{padding-left:3.15rem;cursor:pointer}body.selecting .work .arrow{display:none}.selbox{position:absolute;left:1.05rem;top:50%;transform:translateY(-50%);width:21px;height:21px;border:2px solid var(--line);border-radius:6px;display:none;place-items:center;background:var(--card);color:#fff;font-size:.8rem;font-weight:800}body.selecting .selbox{display:grid}.work.sel{border-color:var(--brand);background:#8b5a3c0f}.work.sel .selbox{background:var(--brand);border-color:var(--brand)}