:root{--violet: #5556f6;--violet-bg: #eeeefe;--violet-bg2: #f6f6fe;--green: #64cb89;--green-bg: #effaf3;--ink: #1a1a1a;--gray: #484848;--muted: #838383;--border: #eeeefe;--border2: #d0d0d0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--violet-bg2);color:var(--ink)}button{font-family:inherit}.page{min-height:100vh}.page.center{display:grid;place-items:center}.topbar{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--border);background:#fff}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.login-card{width:360px;max-width:90vw;display:flex;flex-direction:column;gap:10px;text-align:left}.login-card h2{margin:8px 0 0}.login-card .btn{text-align:center}.sso{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px;border:1px solid var(--border2);border-radius:10px;background:#fff;color:var(--ink);font-weight:700;font-size:14px;text-decoration:none}.sso:hover{border-color:var(--violet);background:var(--violet-bg2)}.sso svg{flex-shrink:0}.brand{font-weight:800;font-size:20px;color:var(--violet)}.brand.sm{font-size:16px;text-decoration:none}.tag{color:var(--muted);font-size:13px}.container{max-width:760px;margin:0 auto;padding:28px 20px;display:grid;gap:24px}.card{background:#fff;color:var(--ink);border:1px solid var(--border);border-radius:14px;padding:18px}.create{display:grid;gap:10px}.create h2,.list h2{margin:0 0 4px;font-size:16px}input{border:1px solid var(--border2);border-radius:9px;padding:10px 12px;font:inherit;width:100%}input:focus{outline:none;border-color:var(--violet)}button{cursor:pointer;border:none;border-radius:9px;padding:10px 14px;font-weight:700;background:var(--violet);color:#fff}button:disabled{opacity:.6;cursor:default}.list{display:grid;gap:10px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.row-name{font-weight:700}.actions{display:flex;gap:8px}.btn{text-decoration:none;border-radius:9px;padding:8px 12px;background:var(--violet);color:#fff;font-weight:700;font-size:13px}.btn.ghost{background:var(--violet-bg);color:var(--violet)}.muted{color:var(--muted)}.small{font-size:12px}.err{color:#c0392b;font-size:13px;margin:0}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:238px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column}.sb-head{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--violet-bg2);border-bottom:1px solid var(--border)}.sb-logo{color:var(--violet);height:18px;width:auto;display:block}.me{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--violet),#c98ff4)}.sb-title{display:flex;align-items:center;gap:8px;padding:12px}.proj-name{flex:1;min-width:0;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-actions{display:flex;gap:4px}.icon-btn{display:grid;place-items:center;width:34px;height:34px;padding:0;background:#fff;border:2px solid var(--border);border-radius:8px;color:var(--ink)}.icon-btn:hover{border-color:var(--violet);color:var(--violet)}.icon-btn.ok{border-color:var(--green);color:var(--green)}.sb-filter{position:relative;padding:0 12px 12px}.filter-row{display:flex;gap:4px;transition:opacity .2s ease,transform .2s ease}.filter-row.hidden{opacity:0;transform:translate(-6px);pointer-events:none}.search-row{position:absolute;left:12px;right:12px;top:0;height:34px;display:flex;align-items:center;opacity:0;transform:translate(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.search-row.open{opacity:1;transform:none;pointer-events:auto}.search-row input{width:100%;height:34px;border:2px solid var(--violet);border-radius:8px;padding:0 32px;font:inherit;font-size:13px;color:var(--ink);background:#fff}.search-row input:focus{outline:none}.search-ic{position:absolute;left:9px;color:var(--muted);pointer-events:none}.search-x{position:absolute;right:4px;display:grid;place-items:center;width:26px;height:26px;padding:0;border:none;background:none;color:var(--muted);border-radius:6px}.search-x:hover{color:var(--ink);background:var(--violet-bg2)}.status-pill{width:100%;display:flex;align-items:center;gap:6px;height:34px;padding:0 8px;border:2px solid var(--border);border-radius:8px;font-size:12px;color:var(--ink);background:#fff;cursor:pointer}.status-pill b{font-weight:700}.status-pill span{color:var(--muted)}.status-pill .chev{margin-left:auto;color:var(--muted)}.filter-dd{position:relative;flex:1}.dd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.dd-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;display:flex;flex-direction:column;padding:4px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 32px #00000029}.dd-item{display:flex;align-items:center;gap:6px;padding:8px;border:none;border-radius:6px;background:none;color:var(--ink);font-size:12px;font-weight:700;text-align:left}.dd-item span{color:var(--muted)}.dd-item:hover{background:var(--violet-bg2)}.dd-item.on{background:var(--violet-bg)}.sb-list{flex:1;overflow-y:auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:8px}.empty{color:var(--muted);font-size:12px;padding:12px 4px;line-height:1.5}.page-group{display:flex;flex-direction:column;gap:4px}.page-head{display:flex;align-items:center;gap:6px;padding:8px 2px 2px;color:var(--ink)}.page-path{flex:1;font-size:12px;font-weight:700}.page-head svg{color:var(--muted)}.ccard{width:100%;text-align:left;display:flex;flex-direction:column;gap:4px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-weight:400}.ccard:hover{border-color:var(--violet)}.ccard.active{border-color:var(--violet);box-shadow:0 0 0 2px var(--violet-bg)}.ccard.resolved{background:var(--green-bg);border-color:var(--green)}.ccard-head{display:flex;align-items:center;gap:4px}.pin-badge{display:grid;place-items:center;width:24px;height:24px;border-radius:100px;background:var(--violet-bg);border:1px solid #fff;color:var(--violet);font-size:12px;font-weight:700;margin-right:-8px;z-index:2}.pin-badge.resolved{background:var(--green);color:var(--ink)}.avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;font-size:10px;font-weight:400}.cauthor{font-size:12px;font-weight:700;color:var(--ink)}.cbody{margin:0;font-size:12px;color:var(--gray);line-height:1.35;max-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ccard-foot{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.ccard-foot .left{display:flex;align-items:center;gap:8px}.thread-count{display:inline-flex;align-items:center;gap:2px;padding:2px 4px;border:1px solid var(--border2);border-radius:2px;font-size:12px;color:var(--muted)}.thread-count.resolved{border-color:var(--green);color:var(--green)}.dev{color:var(--muted)}.meta{font-size:12px;color:var(--muted);white-space:nowrap}.meta.resolved{color:var(--green)}.sb-foot{padding:16px 24px;border-top:1px solid var(--border);background:#fff}.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--border);border-radius:100px;background:#fff}.seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:100px;background:var(--violet);box-shadow:0 2px 6px #5556f659;transition:transform .4s cubic-bezier(.34,1.45,.64,1)}.seg[data-active=comment] .seg-thumb{transform:translate(100%)}.seg button{position:relative;z-index:1;padding:8px 4px;border:none;background:none;font-size:12px;font-weight:700;color:var(--violet);transition:color .25s ease}.seg button.on{color:var(--violet-bg)}.thread{flex:1;display:flex;flex-direction:column;min-height:0}.th-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border)}.th-back{display:flex;align-items:center;gap:2px;padding:6px 8px;background:none;color:var(--ink);font-size:13px;font-weight:700;border-radius:8px}.th-back:hover{background:var(--violet-bg2)}.th-pager{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.th-pager button{display:grid;place-items:center;width:24px;height:24px;padding:0;background:#fff;border:1px solid var(--border);border-radius:6px;color:var(--ink)}.th-pager button:disabled{opacity:.4;cursor:default}.th-scroll{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:14px}.th-main{display:flex;flex-direction:column;gap:10px}.th-main-head{display:flex;align-items:center;justify-content:space-between}.th-author{display:flex;align-items:center;gap:6px}.th-author .pin-badge{margin-right:0}.th-date{font-size:12px;color:var(--muted)}.link-btn{background:none;border:none;color:var(--muted);padding:4px;cursor:pointer}.link-btn:hover{color:var(--violet)}.th-status-row{display:flex;gap:4px}.status-dd{flex:1;display:flex;align-items:center;gap:6px;height:34px;padding:0 8px;background:#fff;border:2px solid var(--border);border-radius:8px;font-size:12px;font-weight:700;color:var(--ink)}.status-dd .chev{margin-left:auto;color:var(--muted)}.status-dd.resolved{border-color:var(--green);color:var(--green)}.icon-btn.sm{width:34px;height:34px}.th-body{margin:0;font-size:13px;color:var(--gray);line-height:1.45;white-space:pre-wrap}.th-elsewhere{display:flex;gap:8px;align-items:center;padding:8px;background:#fff9e5;border:1px solid #f1d98a;border-radius:8px;font-size:11px;color:var(--gray);line-height:1.35}.th-shot{flex-shrink:0;width:48px;height:36px;border-radius:4px;background:linear-gradient(135deg,#1a1a2e,var(--violet))}.th-meta{display:flex;flex-direction:column;gap:8px}.th-meta span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.th-meta svg{flex-shrink:0}.th-reply{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--border)}.th-composer{display:flex;gap:8px;align-items:flex-end;padding:12px;border-top:1px solid var(--border)}.th-composer textarea{flex:1;border:1px solid var(--border2);border-radius:8px;padding:8px;font:inherit;resize:none}.th-composer textarea:focus{outline:none;border-color:var(--violet)}.th-composer .send{display:grid;place-items:center;width:40px;height:38px;padding:0;background:var(--violet);color:#fff;border-radius:8px}.th-composer .send:disabled{opacity:.5;cursor:default}.stage{flex:1;overflow:auto;display:flex;justify-content:center;align-items:stretch;background:var(--violet-bg2);padding:6px}.stage.mobile{align-items:flex-start;padding:24px 6px}.viewport{background:#fff}.viewport.desktop{flex:1;border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 6px 24px #00000014}.viewport.mobile{width:390px;flex:none;height:calc(100vh - 48px);border-radius:24px;overflow:hidden;box-shadow:0 10px 40px #00000040;border:6px solid #1a1a1a}.frame{width:100%;height:100%;border:0;background:#fff;display:block}.fake-site{position:relative;width:100%;height:100%;background:#fff;overflow:hidden}.fake-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-bottom:1px solid #eee;font-size:14px;color:var(--ink)}.fake-nav span{color:var(--muted)}.fake-hero{padding:80px 32px}.fake-hero h1{font-size:clamp(40px,8vw,96px);line-height:.95;margin:0 0 16px;letter-spacing:-2px}.fake-hero p{color:var(--gray);font-size:18px;max-width:420px}.fake-hero button{margin-top:16px;background:var(--ink)}.fake-pin{position:absolute;margin:-30px 0 0 -15px;width:30px;height:30px;display:grid;place-items:center;border:2px solid #fff;border-radius:100px 100px 100px 0;font-size:12px;font-weight:700;cursor:pointer;box-shadow:2px 2px 12px #00000040;animation:pulpo-blop .32s cubic-bezier(.18,.89,.32,1.28) both;transition:opacity .2s}.fake-pin.open{background:var(--violet);color:var(--violet-bg)}.fake-pin.resolved{background:var(--green);color:var(--ink)}.fake-pin.focus{outline:3px solid rgba(85,86,246,.35)}@keyframes pulpo-blop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}