:root{--bg:#f5ede2;--surface:#fffaf4;--surface-2:#ead9ca;--primary:#9b5d3f;--primary-dark:#74452f;--primary-soft:#e4c7b3;--accent:#c98257;--text:#382b25;--muted:#826f65;--border:#e3d2c4;--danger:#a55448;--success:#6f7d5c;--shadow:0 10px 30px rgba(82,52,38,.10);--radius:20px;--nav-h:72px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{overscroll-behavior-y:none}.bbb-app{min-height:100dvh}.bbb-shell{width:min(760px,100%);margin:auto;padding:0 14px calc(var(--nav-h) + 26px)}.bbb-hero{margin:0 -14px 18px;position:relative;overflow:hidden;background:#6f4936}.bbb-hero img{display:block;width:100%;height:clamp(190px,34vw,310px);object-fit:cover}.bbb-hero:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,rgba(49,30,22,.6))}.bbb-hero-copy{position:absolute;z-index:2;left:20px;bottom:17px;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.35)}.bbb-hero-copy h1{margin:0;font-size:clamp(25px,6vw,36px);letter-spacing:-.03em}.bbb-hero-copy p{margin:4px 0 0;font-size:13px;opacity:.92}.bbb-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 2px 16px}.bbb-section-title{font-size:24px;margin:0}.bbb-sub{font-size:12px;color:var(--muted)}.bbb-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin:0 0 14px}.bbb-card-image{width:100%;height:190px;object-fit:cover;display:block}.bbb-card-body{padding:16px}.bbb-card h3{margin:0 0 8px;font-size:20px}.bbb-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.bbb-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:#f0e3d8;color:var(--primary-dark);font-size:12px;font-weight:700}.bbb-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bbb-status-grid .bbb-btn:last-child{grid-column:1/-1}.bbb-btn,.bbb-icon-btn,.bbb-nav,.bbb-click{position:relative;overflow:hidden;touch-action:manipulation;transition:transform .09s ease,filter .12s ease,background .12s ease,border-color .12s ease}.bbb-btn:active,.bbb-icon-btn:active,.bbb-nav:active,.bbb-click:active{transform:scale(.965);filter:brightness(.94)}.bbb-btn{appearance:none;border:0;border-radius:14px;background:var(--primary);color:#fff;font-weight:750;font-size:14px;min-height:44px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.bbb-btn.secondary{background:var(--primary-soft);color:var(--primary-dark)}.bbb-btn.ghost{background:transparent;color:var(--primary-dark);border:1px solid var(--border)}.bbb-btn.danger{background:#f0d8d3;color:var(--danger)}.bbb-btn.small{min-height:36px;padding:7px 11px;font-size:12px;border-radius:11px}.bbb-btn.active{background:var(--primary-dark);box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}.bbb-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.bbb-row{display:flex;align-items:center;gap:10px}.bbb-between{justify-content:space-between}.bbb-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--surface-2);flex:0 0 auto}.bbb-people{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.bbb-person{display:flex;align-items:center;gap:5px;background:#f5e9df;border-radius:999px;padding:4px 8px 4px 4px;font-size:11px}.bbb-input,.bbb-textarea{width:100%;border:1px solid var(--border);background:#fffdf9;border-radius:13px;padding:12px 13px;color:var(--text);font:inherit;outline:none}.bbb-input:focus,.bbb-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(201,130,87,.14)}.bbb-textarea{min-height:110px;resize:vertical}.bbb-label{display:block;font-size:12px;font-weight:750;color:var(--muted);margin:13px 0 5px}.bbb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.bbb-full{grid-column:1/-1}.bbb-chat{margin-top:14px;border-top:1px solid var(--border);padding-top:14px}.bbb-message{display:flex;gap:8px;margin:10px 0;align-items:flex-end}.bbb-message.mine{flex-direction:row-reverse}.bbb-bubble{max-width:78%;background:#efe1d6;border-radius:16px 16px 16px 5px;padding:9px 11px}.bbb-message.mine .bbb-bubble{background:var(--primary-soft);border-radius:16px 16px 5px 16px}.bbb-msg-img,.bbb-topic-img{display:block;width:100%;max-height:360px;object-fit:cover;border-radius:13px;margin-top:7px}.bbb-msg-meta{font-size:10px;color:var(--muted);margin-top:4px}.bbb-like{border:0;background:none;color:var(--primary);padding:4px 0;font-size:12px;cursor:pointer}.bbb-compose{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:12px}.bbb-compose input[type=file]{grid-column:1/-1;font-size:12px}.bbb-topic{padding:16px}.bbb-topic-text{font-size:14px;line-height:1.55;margin:10px 0}.bbb-profile-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.bbb-profile-head .bbb-avatar{width:64px;height:64px}.bbb-empty{text-align:center;padding:34px 15px;color:var(--muted)}.bbb-bottom{position:fixed;z-index:40;left:0;right:0;bottom:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:0 max(10px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(10px,env(safe-area-inset-right));background:rgba(255,250,244,.96);border-top:1px solid var(--border);box-shadow:0 -8px 30px rgba(69,44,32,.08);display:flex;justify-content:center}.bbb-bottom-inner{width:min(760px,100%);display:grid;grid-template-columns:repeat(3,1fr);height:var(--nav-h)}.bbb-nav{border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.bbb-nav svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:2}.bbb-nav.active{color:var(--primary-dark)}.bbb-nav.active:before{content:"";position:absolute;top:7px;width:44px;height:34px;border-radius:14px;background:var(--primary-soft);z-index:-1}.bbb-icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--primary-dark)}.bbb-badge{position:absolute;right:-2px;top:-4px;background:var(--danger);color:#fff;min-width:17px;height:17px;padding:0 4px;border-radius:10px;font-size:9px;display:grid;place-items:center}.bbb-modal-wrap{position:fixed;z-index:100;inset:0;background:rgba(43,28,21,.45);backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center}.bbb-modal{background:var(--surface);width:min(620px,100%);max-height:92dvh;overflow:auto;border-radius:24px 24px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.22)}.bbb-toast{position:fixed;z-index:200;left:50%;bottom:calc(var(--nav-h) + 22px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--text);color:#fff;padding:10px 14px;border-radius:12px;font-size:13px;box-shadow:var(--shadow)}.bbb-loading{min-height:100dvh;display:grid;place-content:center;text-align:center;color:var(--primary-dark)}.bbb-spinner{width:38px;height:38px;border:4px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:bbbspin .8s linear infinite;margin:auto}@keyframes bbbspin{to{transform:rotate(360deg)}}
/* First-run splash */.bbb-splash{position:fixed;z-index:300;inset:0;background:var(--bg);overflow:auto}.bbb-splash-hero{width:100%;height:42dvh;min-height:290px;object-fit:cover;display:block}.bbb-splash-panel{width:min(600px,100%);margin:-34px auto 0;position:relative;background:var(--surface);border-radius:28px 28px 0 0;padding:24px 20px calc(30px + env(safe-area-inset-bottom));min-height:58dvh;box-shadow:0 -15px 38px rgba(50,30,20,.18)}.bbb-splash h1{margin:0 0 5px;font-size:29px}.bbb-splash p{line-height:1.5;color:var(--muted)}.bbb-install-steps{display:grid;gap:9px;margin:18px 0}.bbb-install-step{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:#f2e5db;border-radius:14px;font-size:13px}.bbb-step-no{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;flex:0 0 auto}.bbb-splash .bbb-btn{width:100%;min-height:50px}.bbb-onboard{min-height:100dvh;background:var(--bg);padding-bottom:30px}.bbb-onboard img{width:100%;height:230px;object-fit:cover}.bbb-onboard-card{width:min(560px,calc(100% - 28px));margin:-25px auto 0;background:var(--surface);border-radius:22px;position:relative;padding:20px;box-shadow:var(--shadow)}@media(min-width:700px){.bbb-hero{border-radius:0 0 24px 24px}.bbb-modal-wrap{align-items:center}.bbb-modal{border-radius:24px}.bbb-splash-hero{height:48dvh}.bbb-splash-panel{border-radius:28px;margin-top:-44px;min-height:auto;margin-bottom:30px}}@media(max-width:420px){.bbb-status-grid{grid-template-columns:1fr}.bbb-status-grid .bbb-btn:last-child{grid-column:auto}.bbb-form-grid{grid-template-columns:1fr}.bbb-full{grid-column:auto}}

/* v0.3 polishing */
.bbb-filter{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 14px;scrollbar-width:none}.bbb-filter::-webkit-scrollbar{display:none}.bbb-filter-btn{flex:0 0 auto;border:1px solid var(--border);background:var(--surface);color:var(--primary-dark);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .09s ease,background .12s ease,color .12s ease,border-color .12s ease}.bbb-filter-btn:active{transform:scale(.96)}.bbb-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.bbb-bottom{padding-left:0;padding-right:0}.bbb-bottom-inner{width:min(760px,100%);padding:0 6px}.bbb-nav{z-index:1;border-radius:16px;margin:6px 2px;height:calc(var(--nav-h) - 12px)}.bbb-nav.active{color:var(--primary-dark)}.bbb-nav.active:before{inset:0;top:0;width:auto;height:auto;border-radius:16px;background:var(--primary-soft);z-index:-1}.bbb-nav.active span{color:var(--primary-dark)}
.bbb-mini-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:currentColor;border-radius:50%;display:inline-block;animation:bbbspin .7s linear infinite}.bbb-btn.secondary .bbb-mini-spinner,.bbb-btn.ghost .bbb-mini-spinner,.bbb-bring-item .bbb-mini-spinner,.bbb-like .bbb-mini-spinner{border-color:rgba(116,69,47,.25);border-top-color:currentColor}.bbb-btn:disabled,.bbb-bring-item:disabled,.bbb-like:disabled{opacity:.72;cursor:wait}
.bbb-modal-actions{display:grid;gap:9px;margin-top:18px}.bbb-modal-actions .bbb-btn{width:100%}
.bbb-bring{margin-top:16px;padding:14px;background:#f2e5db;border:1px solid var(--border);border-radius:16px}.bbb-bring-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.bbb-bring-item{width:100%;display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:10px;text-align:left;color:var(--text);cursor:pointer;margin-top:7px;transition:transform .09s ease,background .12s ease,border-color .12s ease}.bbb-bring-item:active{transform:scale(.985)}.bbb-bring-item.checked{background:#ead7c7;border-color:#c69b7e}.bbb-check{width:25px;height:25px;border:2px solid #c9a994;border-radius:7px;display:grid;place-items:center;font-weight:900;color:var(--primary-dark);flex:0 0 auto}.bbb-bring-item.checked .bbb-check{background:var(--primary);border-color:var(--primary);color:#fff}.bbb-bring-copy{display:flex;flex-direction:column;gap:2px}.bbb-bring-copy small{color:var(--muted);font-size:11px}
button,a,.bbb-bring-item,.bbb-filter-btn{-webkit-tap-highlight-color:rgba(155,93,63,.12)}button:focus-visible,a:focus-visible,.bbb-bring-item:focus-visible,.bbb-filter-btn:focus-visible{outline:3px solid rgba(201,130,87,.28);outline-offset:2px}