:root{color:#1a1a1a;background:#f4f1ea;font-family:Segoe UI,system-ui,sans-serif;line-height:1.45;--pad: 16px 20px 48px;--gap: 20px;--radius: 12px;--touch: 44px;--border: #ddd4c5;--panel: #fff;--muted: #6b655c;--accent: #2f5d3a;--link: #1d4f91}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0}a{color:var(--link)}.app{max-width:1440px;margin:0 auto;padding:var(--pad)}.top{display:flex;gap:24px;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.top h1{margin:0 0 4px;font-size:1.6rem}.main-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.main-tabs button{min-height:var(--touch);padding:10px 16px;font-weight:600}.main-tabs button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.bias{max-width:420px;margin:0;font-size:.9rem;color:#5a5348}.muted{color:var(--muted)}.tiny{font-size:.8rem}.workspace{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:var(--gap);align-items:start;scroll-margin-top:12px}.plan-pane,.feed,.ref-card,.add-form,.shortlist,.attention-section{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;min-width:0;max-width:100%}.plan-fold{border:0}.plan-fold-summary{list-style:none;cursor:pointer;font-weight:600;padding:4px 0;display:none}.plan-fold-summary::-webkit-details-marker{display:none}.plan-fold:not([open])>.plan-fold-body{display:none!important}.plan-fold[open] .plan-fold-summary{margin-bottom:10px}.layout-switch,.zone-chips,.vote-btns,.tag-row,.tag-summary,.feed-toolbar{display:flex;flex-wrap:wrap;gap:6px}button,select,input,textarea{font:inherit}button{border:1px solid #c9bdaa;background:#faf7f1;border-radius:8px;padding:8px 12px;min-height:36px;cursor:pointer}.btn-primary{background:#eef5ef;border-color:#9bb89f}button.on,.tag.on,.vote-btns button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.tag.on-soft{background:#eef5ef;border:1px solid #b7d0bc;color:#1f3d26}.layout-desc{font-size:.92rem;color:#4a453c}.floor-plan{width:100%;height:auto;background:#fff;border-radius:8px;border:1px solid #e5ddd0}.outer-wall{fill:#d8d0c4;stroke:#333;stroke-width:2}.room-fill{fill:#fbfaf7;stroke:#333;stroke-width:2}.zone{fill:transparent;stroke:transparent;cursor:pointer}.zone:hover{fill:#2f5d3a14}.zone-active{fill:#2f5d3a29;stroke:#2f5d3a;stroke-width:2;stroke-dasharray:6 4}.riser{fill:#cfd6dc;stroke:#666;stroke-width:1}.opening{fill:#fff;stroke:#333;stroke-width:1}.window-glass{stroke:#4a90c8;stroke-width:3}.door-swing{fill:none;stroke:#888;stroke-width:1.5;stroke-dasharray:4 3}.furniture{fill:#5a78a040;stroke:#4a6280;stroke-width:1.5}.furniture-kitchen{fill:#b4783c47;stroke:#8a5a20}.furniture-sofa,.furniture-bed{fill:#5a825a47;stroke:#3f6a3f}.furn-label,.label,.area-label,.dim{font-size:18px;fill:#333;pointer-events:none}.dim{font-size:16px;fill:#666}.source-plan{margin-top:10px}.source-plan img{width:100%;border-radius:8px}.feed-toolbar{margin-bottom:12px;align-items:center}.feed-toolbar label{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch)}.import-meta{margin-bottom:12px;padding:8px 10px;background:#f7f3eb;border-radius:8px;font-size:.9rem}.compare-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid var(--accent)}.card-list{display:flex;flex-direction:column;gap:14px}.ref-card.selected{outline:2px solid var(--accent)}.ref-card-head{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.ref-meta,.ref-facts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#e8eef5;font-size:.8rem}.badge.guess{background:#f3e4c8}.photo-strip{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;margin-bottom:10px;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;min-width:0}.photo-thumb{flex:0 0 200px;width:200px;max-width:78vw;padding:0;border:1px solid #e4dccf;border-radius:10px;overflow:hidden;background:#eee;scroll-snap-align:start;cursor:zoom-in}.photo-thumb img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.tag-summary{margin-bottom:10px;align-items:center}.tag{font-size:.75rem;padding:4px 8px;border-radius:999px;border:1px solid #d5cdbe;background:#fff}.liked{display:flex;flex-direction:column;gap:4px;margin:10px 0}.liked input,.add-form input,.add-form textarea,.add-form select{width:100%;padding:10px 12px;border:1px solid #d2c7b6;border-radius:8px;min-height:var(--touch)}.votes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:10px;min-width:0}.vote-col{display:flex;flex-direction:column;gap:6px}.vote-who{font-size:.9rem;font-weight:600}.vote-btns button{min-height:var(--touch);flex:1 1 auto}.offer-fold summary{cursor:pointer;min-height:var(--touch);display:flex;align-items:center}.offer-text{white-space:pre-wrap;font-size:.85rem;background:#f7f3eb;padding:10px;border-radius:8px;max-height:240px;overflow:auto}.add-form{margin-top:16px;display:flex;flex-direction:column;gap:8px}.add-form .row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}.shortlist{margin-top:16px}.shortlist ul{padding-left:1.2rem}.linkish{border:none;background:none;color:var(--link);text-decoration:underline;padding:4px 0;min-height:auto;cursor:pointer}.compare-check{font-size:.9rem;display:inline-flex;align-items:center;gap:6px;min-height:var(--touch)}.ref-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:12px;max-width:100vw;overflow:hidden}.lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#14120eb8;cursor:pointer;min-height:0}.lightbox-panel{position:relative;z-index:1;width:min(1280px,100%);max-width:100%;min-width:0;max-height:calc(100dvh - 24px);overflow-x:hidden;overflow-y:auto;background:#fff;border-radius:14px;border:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.lightbox-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;min-width:0}.lightbox-head>div{min-width:0;overflow-wrap:anywhere}.lightbox-close{flex-shrink:0;min-height:var(--touch);min-width:var(--touch)}.lightbox-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);gap:16px;align-items:start;min-width:0;width:100%}.lightbox-stage{min-width:0;max-width:100%}.lightbox-gallery{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pinch-zoom;width:100%;max-width:100%;min-width:0;background:#111;border-radius:10px;scrollbar-width:none}.lightbox-gallery::-webkit-scrollbar{display:none}.lightbox-slide{flex:0 0 100%;width:100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;background:#111}.lightbox-slide img{display:block;width:100%;height:min(62vh,560px);object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.lightbox-nav{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:8px}.lightbox-nav-btn{min-width:var(--touch);min-height:var(--touch)}.lightbox-counter{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.lightbox-thumbs{display:flex;gap:6px;overflow-x:auto;margin-top:10px;padding-bottom:4px;-webkit-overflow-scrolling:touch;max-width:100%}.lightbox-thumbs button{padding:0;border-radius:6px;overflow:hidden;opacity:.65;flex:0 0 auto;min-height:0}.lightbox-thumbs button.on{opacity:1;outline:2px solid var(--accent)}.lightbox-thumbs img{width:72px;height:54px;object-fit:cover;display:block;background:#eee}.lightbox-side{display:flex;flex-direction:column;gap:8px;min-width:0;max-width:100%}.lightbox-side .votes,.lightbox-side .liked,.lightbox-side input{max-width:100%;min-width:0}.lightbox-tags{margin-top:8px}.lightbox-tags .tag{min-height:36px}.attention-section{margin:0 0 20px;scroll-margin-top:12px}.attention-section h2{margin:0 0 4px;font-size:1.25rem}.attention-section h3{margin:16px 0 8px;font-size:1rem}.attention-theme-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.attention-theme-list button{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px;min-height:var(--touch);border:1px solid var(--border);border-radius:10px;background:#faf8f3}.attention-theme-list button strong{font-size:.92rem}.attention-theme-list button span{font-size:.8rem;color:var(--muted);line-height:1.35}.attention-theme-list button.on{border-color:var(--accent);background:#eef5ef;color:inherit}.attention-section .linkish{margin-top:8px}.attention-cards{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;min-width:0}.attention-card{flex:0 0 min(300px,82vw);scroll-snap-align:start;border:1px solid #e4dccf;border-radius:10px;overflow:hidden;background:#faf8f3;display:flex;flex-direction:column}.attention-photo{display:block;aspect-ratio:4 / 3;background:#e8e2d6}.attention-photo img{width:100%;height:100%;object-fit:cover;display:block}.attention-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.attention-body blockquote{margin:0;font-size:.92rem;line-height:1.4}.attention-tags{display:flex;flex-wrap:wrap;gap:4px}.attention-tags .tag{cursor:pointer}@media(max-width:960px){.workspace{grid-template-columns:1fr}.top{flex-direction:column;gap:10px}.bias{max-width:none}.lightbox-main{grid-template-columns:minmax(0,1fr)}.add-form .row{grid-template-columns:1fr 1fr}.plan-fold-summary{display:flex;align-items:center;min-height:var(--touch)}.plan-fold-summary:before{content:"▸ ";color:var(--muted)}.plan-fold[open] .plan-fold-summary:before{content:"▾ "}}@media(max-width:640px){:root{--pad: 12px 12px 40px;--gap: 12px}.top h1{font-size:1.35rem}.main-tabs{width:100%}.main-tabs button{flex:1 1 calc(50% - 4px)}.plan-pane,.feed,.ref-card,.add-form,.shortlist,.attention-section{padding:12px;border-radius:10px}.photo-thumb{width:min(78vw,280px)}.votes{grid-template-columns:minmax(0,1fr)}.vote-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.vote-btns button{width:100%;padding:10px 6px;font-size:.85rem}.add-form .row,.attention-theme-list{grid-template-columns:1fr}.attention-theme-list button span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.attention-card{flex-basis:min(86vw,320px)}.lightbox{padding:0;place-items:stretch}.lightbox-panel{width:100%;max-width:100vw;max-height:100dvh;max-height:100svh;border-radius:0;border:0;padding:0;padding-bottom:max(12px,env(safe-area-inset-bottom));gap:0}.lightbox-head{padding:10px 12px 8px;padding-top:max(10px,env(safe-area-inset-top));background:#fff;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border)}.lightbox-close{padding:8px 12px}.lightbox-main{gap:0}.lightbox-stage{background:#0a0a0a}.lightbox-gallery{border-radius:0;width:100%;max-width:100%}.lightbox-slide{min-height:min(72dvh,calc(100dvh - 160px))}.lightbox-slide img{width:100%;height:min(72dvh,calc(100dvh - 160px));object-fit:contain}.lightbox-nav{position:relative;margin:0;padding:8px 12px;background:#0a0a0a;color:#fff}.lightbox-counter{color:#ddd}.lightbox-nav-btn{display:none}.lightbox-tags,.lightbox-thumbs{padding:10px 12px 0;background:#fff;margin:0}.lightbox-thumbs{padding-bottom:8px}.lightbox-thumbs img{width:64px;height:64px;object-fit:cover}.lightbox-side{padding:12px;background:#fff;border-top:1px solid var(--border)}.lightbox-side .votes{grid-template-columns:1fr}.tag,.lightbox-tags .tag,.zone-chips button,.layout-switch button{min-height:var(--touch);padding:8px 12px}.photo-strip{margin-inline:0;max-width:100%}.ref-actions{width:100%}.ref-actions .btn-primary{flex:1;min-height:var(--touch)}.compare-row{grid-template-columns:1fr}.feed-toolbar{gap:8px}.feed-toolbar select{min-height:var(--touch);flex:1 1 140px}}@media(max-width:960px)and (min-width:641px){.photo-thumb{width:180px}}