:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#1a282d;background:#f3f5f6;font-synthesis:none;font-size:14px;--orange:#d83b01;--line:#e5e9eb;--muted:#68777d;--ink:#1a282d;--soft:#f5f7f8;--green:#147d58}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible{outline:3px solid #ee9d7e;outline-offset:3px}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}input,textarea,select{border:1px solid #d9e0e3;background:#fff;border-radius:9px;padding:10px 12px;outline:none;color:var(--ink);max-width:100%}input:focus,textarea:focus,select:focus{border-color:#d35324;box-shadow:0 0 0 3px #fceae3}textarea{resize:vertical;line-height:1.6}svg{width:19px;height:19px;vertical-align:middle;flex-shrink:0}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 25px;position:sticky;top:0;z-index:20}.wordmark{display:flex;align-items:center;gap:9px;font-size:21px;letter-spacing:-.8px;font-weight:800;color:var(--orange);white-space:nowrap}.wordmark svg{width:33px;height:33px}.wordmark small{font-size:10px;letter-spacing:.4px;border:1px solid #f2c9bb;border-radius:4px;padding:3px 4px;align-self:flex-start;margin-top:5px}.workspace-name{margin-left:17px;font-size:12px;border-left:1px solid var(--line);padding-left:22px;color:#65757b}.header-spacer{flex:1}.role-switch{display:flex;padding:4px;background:#f0f3f4;border-radius:22px;gap:2px}.role-switch button{font-size:12px;padding:7px 12px;border-radius:20px;white-space:nowrap}.role-switch .active{background:#fff;box-shadow:0 1px 4px #142b3918;font-weight:700}.avatar{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:50%;background:#e7edf0;color:#364b56;font-size:11px;font-weight:750;flex-shrink:0}.avatar.orange{background:#ffeadf;color:#b73b0c}.avatar.green{background:#ddefe7;color:#2c6f54}.app-shell{display:grid;grid-template-columns:221px minmax(400px,1fr) 334px;max-width:1600px;margin:auto;min-height:calc(100vh - 66px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:26px 17px 20px;position:sticky;top:66px;height:calc(100vh - 66px);overflow:auto}.side-label{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#88959b;margin:0 12px 12px;text-transform:uppercase}.project-select{border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:9px;padding:12px 10px;margin:0 1px 24px;background:#fff}.brand-symbol{display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;width:32px;height:32px;flex-shrink:0;background:#1b303b;color:#e5ff94;border-radius:8px}.project-select strong{display:block;font-size:12px}.project-select small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.nav-item{display:flex;width:100%;align-items:center;gap:11px;border-radius:9px;padding:12px 13px;font-size:12px;margin-bottom:4px;text-align:left;color:#52646c}.nav-item.active{background:#fff0e9;color:#bd3c0e;font-weight:700}.nav-item svg{width:18px;height:18px}.nav-count{margin-left:auto;font-size:10px;border-radius:20px;background:#e8edf0;padding:2px 6px;color:#52646c}.nav-item.active .nav-count{background:#f5d6c9;color:#b33c13}.side-rule{height:1px;background:var(--line);margin:21px 10px}.community{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:11px;color:#586970}.community-avatar{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:800;background:#dde9ed;color:#41606d}.community:nth-of-type(even) .community-avatar{background:#e5e7dc;color:#6f704d}.side-note{border-top:1px solid var(--line);margin:26px 10px 0;padding-top:17px;color:#8a969b;font-size:10px;line-height:1.8}.side-note .live-dot{display:inline-block;width:5px;height:5px;background:#77a58d;border-radius:50%;margin-right:5px}.content{padding:27px 27px 60px;min-width:0;max-width:900px;width:100%;margin:auto}.breadcrumb{font-size:10px;color:#7b8990;display:flex;align-items:center;gap:6px;margin-bottom:18px}.breadcrumb svg{width:12px;height:12px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px}.page-header h1{font-size:23px;letter-spacing:-.6px;margin:0 0 8px;font-weight:760}.page-header p{font-size:11px;line-height:1.7;color:#718087;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:22px;font-size:12px;font-weight:650;white-space:nowrap;border:1px solid transparent;transition:background .15s}.btn svg{width:16px;height:16px}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:#bb3300}.btn-secondary{background:#edf1f3;color:#344b57}.btn-secondary:hover{background:#dfe6ea}.btn-outline{border-color:#dce2e5;background:#fff}.btn-outline:hover{background:#f6f7f8}.btn-danger{background:#fff0eb;color:#bd3c0e}.btn-small{padding:7px 10px;font-size:11px}.btn-full{width:100%}.project-banner{display:flex;gap:13px;align-items:center;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:18px}.project-banner .brand-symbol{height:40px;width:40px;border-radius:10px;font-size:22px}.project-banner h2{font-size:13px;margin:0 0 5px}.project-banner p{font-size:10px;line-height:1.7;color:#78878e;margin:0}.demo-tag{margin-left:auto;border:1px solid #e3e7df;color:#6c7a60;background:#f8faf5;padding:5px 7px;border-radius:5px;font-size:9px;white-space:nowrap}.filter-bar{display:flex;align-items:center;gap:5px;margin-bottom:13px;flex-wrap:wrap}.filter-tab{display:flex;align-items:center;gap:6px;border-radius:20px;padding:8px 11px;font-size:11px;color:#697a82}.filter-tab.active{background:#e2e9ed;color:#2b424e;font-weight:700}.filter-tab span{font-size:9px;color:#869299}.sort-hint{margin-left:auto;font-size:10px;color:#8b969c}.feed{display:flex;flex-direction:column;gap:13px}.post-card{border:1px solid var(--line);border-radius:13px;background:#fff;padding:16px 19px 0;transition:border-color .2s,box-shadow .2s;position:relative;cursor:pointer;min-width:0}.post-card:hover{border-color:#c5d0d5}.post-card.selected{border-color:#c6a18f;box-shadow:0 0 0 1px #d7592510}.post-card.selected:before{content:"";position:absolute;left:-1px;top:28px;height:27px;width:3px;border-radius:2px;background:var(--orange)}.post-meta{display:flex;gap:7px;align-items:center;font-size:10px;color:#859097;flex-wrap:wrap}.post-meta .community-avatar{width:26px;height:26px;font-size:10px}.subreddit{font-weight:750;font-size:11px;color:#324750}.post-author{font-size:10px;color:#859097}.post-state{margin-left:auto}.badge{display:inline-flex;align-items:center;gap:4px;font-size:9px;padding:4px 7px;border-radius:5px;white-space:nowrap;font-weight:600}.badge.pending{color:#9d6e20;background:#fff5dd}.badge.revision{color:#b24e25;background:#fff0e9}.badge.approved{color:#2c7658;background:#e8f5ee}.badge.scheduled{color:#496b95;background:#eaf1fb}.badge.published{color:#536877;background:#edf1f4}.badge.draft{color:#6b747a;background:#eef0f2}.post-card h2{font-size:19px;line-height:1.4;letter-spacing:-.25px;margin:13px 0 10px;font-weight:680;color:#162a33;overflow-wrap:anywhere}.flair{display:inline-block;border-radius:4px;background:#ebefdf;color:#667047;padding:3px 7px;font-size:9px;margin-right:7px;vertical-align:middle}.post-body{font-size:12px;line-height:1.8;color:#53656f;margin:0 0 14px;white-space:pre-line;overflow-wrap:anywhere}.post-card:not(.selected) .post-body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:44px}.mock-image{border-radius:9px;background:#e7ece9;min-height:178px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:22px 28px;position:relative;overflow:hidden;margin:12px 0 14px;color:#2a4643}.mock-image .image-copy{font-size:27px;letter-spacing:-1px;font-weight:750;line-height:1.2;z-index:1}.mock-image small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:10px;color:#68817a;font-weight:500}.mock-image .image-label{position:absolute;bottom:11px;right:13px;font-size:8px;background:#ffffff88;padding:3px 6px;border-radius:4px;color:#6d7f77}.headphone-art{height:131px;width:119px;border:15px solid #2b3d39;border-bottom:0;border-radius:70px 70px 0 0;position:relative;transform:rotate(14deg);justify-self:center;box-shadow:inset 3px 4px 0 #7a8c79}.headphone-art:before,.headphone-art:after{content:"";position:absolute;top:66px;width:34px;height:60px;border-radius:12px;background:#344a40;box-shadow:inset 5px 0 0 #81917a,3px 3px 6px #16392e22}.headphone-art:before{left:-26px;transform:rotate(-8deg)}.headphone-art:after{right:-26px;transform:rotate(8deg)}.post-note{font-size:9px;color:#8c999f;margin:0 0 11px;display:flex;align-items:center;gap:4px}.post-note svg{width:12px;height:12px}.post-actions{border-top:1px solid #edf0f1;padding:10px 0;display:flex;align-items:center;gap:8px}.post-action{display:flex;align-items:center;gap:5px;border-radius:19px;background:#f0f4f5;padding:7px 10px;font-size:10px;color:#667a83;min-height:30px}.post-action svg{width:14px;height:14px}.post-action.date{margin-left:auto;background:none;padding-right:0;color:#819099}.post-action.muted{background:none;color:#8b989e;padding-left:0}.voted{color:#b33e12!important;background:#fff0e9!important}.right-panel{background:#fff;border-left:1px solid var(--line);height:calc(100vh - 66px);position:sticky;top:66px;overflow:auto;padding:26px 21px 30px}.panel-eyebrow{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8a979e;margin-bottom:11px}.panel-eyebrow strong{color:var(--orange);font-size:10px;font-weight:650;letter-spacing:.3px}.right-panel h2{font-size:17px;margin:0 0 16px;letter-spacing:-.4px}.detail-row{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin:13px 0;color:#849198;align-items:center}.detail-row strong{font-weight:600;color:#3f535e;text-align:right}.panel-divider{height:1px;background:var(--line);margin:22px 0}.section-label{font-size:11px;font-weight:700;margin:0 0 14px;display:flex;align-items:center;justify-content:space-between}.section-label small{font-weight:400;font-size:9px;color:#88969c}.timeline{position:relative;margin:12px 0 18px}.timeline-item{padding:0 0 19px 22px;position:relative;font-size:10px;color:#8b979d;line-height:1.6}.timeline-item:before{content:"";position:absolute;left:3px;top:4px;width:7px;height:7px;border-radius:50%;background:#d7e1e5;border:2px solid #fff;box-shadow:0 0 0 1px #d7e1e5}.timeline-item:after{content:"";position:absolute;left:8px;top:16px;height:calc(100% - 16px);border-left:1px solid #e5eaed}.timeline-item:last-child:after{display:none}.timeline-item.done:before{background:#4f8d70;box-shadow:0 0 0 1px #b9d6c8}.timeline-item.current:before{background:var(--orange);box-shadow:0 0 0 1px #edc1ad}.timeline-item strong{display:block;font-size:10px;font-weight:600;color:#526772;margin-bottom:2px}.timeline-item.current strong{color:#b64418}.review-actions{display:flex;gap:8px;margin:16px 0 9px}.review-actions .btn{padding:11px 10px;flex:1;font-size:11px}.helper{font-size:9px;line-height:1.7;color:#93a0a6;margin:8px 0 0}.comment{display:flex;gap:8px;margin:17px 0}.comment .avatar{height:25px;width:25px;font-size:8px}.comment-main{flex:1;min-width:0}.comment-meta{display:flex;justify-content:space-between;font-size:9px;color:#98a1a6;gap:6px;flex-wrap:wrap}.comment-meta strong{color:#516570;font-size:10px}.comment-text{font-size:11px;line-height:1.8;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#5a6b74}.comment-version{font-size:8px;color:#89969d;background:#f3f5f6;padding:2px 4px;border-radius:3px}.comment-composer{margin-top:16px;border:1px solid #dfe5e8;border-radius:10px;padding:10px;background:#fff}.comment-composer textarea{padding:0;border:0;box-shadow:none;width:100%;min-height:58px;font-size:11px;resize:vertical;background:transparent}.composer-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#96a1a6}.empty-comments{font-size:10px;line-height:1.8;color:#96a1a6;padding:10px 0}.panel-summary{padding:12px;background:#f6f8f9;border-radius:9px;font-size:10px;line-height:1.8;color:#6b7d86}.panel-bottom{font-size:9px;color:#a2abb0;line-height:1.8;margin-top:24px}.view-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0}.view-tools h2{font-size:17px;letter-spacing:-.4px;margin:0 auto 0 0}.square-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--line)}.square-btn svg{width:15px;height:15px}.segmented{display:flex;padding:3px;background:#e5ebee;border-radius:18px}.segmented button{font-size:10px;padding:6px 10px;border-radius:14px}.segmented .active{background:#fff;box-shadow:0 1px 3px #1a343512}.calendar{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.calendar-head,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-head div{text-align:center;font-size:9px;color:#8c989f;padding:12px 3px;border-bottom:1px solid var(--line);background:#fafbfc}.calendar-cell{min-height:99px;border-right:1px solid #edf0f2;border-bottom:1px solid #edf0f2;padding:7px 5px;min-width:0}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.outside{background:#fafbfc;color:#c4cbd0}.calendar-day{font-size:10px;display:inline-flex;align-items:center;justify-content:center;height:22px;min-width:22px;margin-bottom:6px}.calendar-day.today{background:var(--orange);color:#fff;border-radius:50%}.calendar-event{width:100%;font-size:8px;line-height:1.45;text-align:left;padding:5px;border-radius:5px;background:#edf3f8;color:#4a6f8d;margin:2px 0;border-left:2px solid #8aaac3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.calendar-event.approved{background:#ecf5ef;color:#4c7b60;border-left-color:#80ad90}.calendar-event.pending,.calendar-event.revision{background:#fff2e9;color:#a86635;border-left-color:#ddb189}.calendar-legend{font-size:9px;color:#819098;display:flex;gap:16px;margin:14px 0 23px}.legend-dot{display:inline-block;width:6px;height:6px;background:#80ad90;border-radius:50%;margin-right:5px}.schedule-list{display:flex;flex-direction:column;gap:9px}.schedule-row{display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:13px}.date-block{text-align:center;border-right:1px solid var(--line);padding-right:13px;min-width:45px;font-size:9px;color:#88969d}.date-block strong{font-size:20px;display:block;color:#3a5460;margin:3px 0}.schedule-info{flex:1;min-width:0}.schedule-info h3{font-size:12px;margin:0 0 6px;line-height:1.5}.schedule-info p{font-size:9px;color:#87969e;margin:0;line-height:1.5}.schedule-row .btn{font-size:10px}.result-card{padding:19px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:14px}.result-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.result-card h2{font-size:15px;line-height:1.5;margin:10px 0}.result-sub{font-size:10px;color:#8b989f;line-height:1.7}.result-link{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#b84d22;margin-top:6px;max-width:100%;overflow-wrap:anywhere;word-break:break-all}.result-link svg{width:13px;height:13px}.empty-evidence{border:1px dashed #dce3e6;background:#f9fafb;border-radius:9px;padding:23px 14px;text-align:center;margin-top:17px;color:#95a0a6;font-size:10px;line-height:1.8}.empty-evidence svg{display:block;width:25px;height:25px;margin:0 auto 7px;color:#a8b4ba}.empty-evidence strong{display:block;color:#74868e;font-size:11px;font-weight:600}.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.evidence-item{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fafcfc}.evidence-img{width:100%;height:140px;object-fit:contain;background:#eef1f3;display:block;cursor:zoom-in}.evidence-info{padding:10px}.evidence-info p{font-size:9px;color:#8b989f;margin:6px 0;line-height:1.6;overflow-wrap:anywhere}.evidence-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.evidence-actions .btn{font-size:9px;padding:5px 8px}.evidence-history{margin-top:14px;font-size:10px;color:#819098}.evidence-history summary{cursor:pointer}.evidence-history p{font-size:9px;line-height:1.7;margin:10px 0}.empty-state{padding:50px 20px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:12px;color:#8b999f;line-height:1.8}.empty-state svg{width:32px;height:32px;margin-bottom:10px;display:block;margin-left:auto;margin-right:auto}.team-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:15px}.team-box h2{font-size:14px;margin:0 0 7px}.team-box>p{font-size:11px;color:#819198;line-height:1.8;margin:0 0 17px}.team-list{display:flex;gap:10px}.team-option{flex:1;text-align:left;padding:14px;border:1px solid #dde4e7;border-radius:10px;min-width:0}.team-option.active{border-color:#cb8d70;background:#fff8f4}.team-option strong{display:block;font-size:12px;margin:10px 0 5px}.team-option small{font-size:10px;color:#87949b;line-height:1.7;display:block}.permission-table{width:100%;border-collapse:collapse;font-size:10px}.permission-table th,.permission-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px;color:#6d808b}.permission-table th{font-size:9px;color:#8f9ca2;font-weight:500}.permission-table th:first-child,.permission-table td:first-child{padding-left:0}.permission-table td:last-child{color:#368261}.notice{display:flex;align-items:flex-start;gap:8px;border-radius:9px;background:#fff5e9;color:#927044;font-size:10px;line-height:1.8;padding:12px 14px;margin-bottom:17px}.notice svg{width:15px;height:15px;margin-top:2px}.modal-backdrop{position:fixed;inset:0;background:#14252d67;backdrop-filter:blur(3px);z-index:60;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 90px #09202533;padding:25px}.modal.large{width:min(850px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-head h2{font-size:20px;letter-spacing:-.4px;margin:0}.modal-description{font-size:11px;line-height:1.8;color:#8a969d;margin:0 0 20px}.modal form label{display:block;font-size:11px;color:#637780;font-weight:600;margin:15px 0 7px}.modal input:not([type=checkbox]),.modal textarea,.modal select{width:100%;font-size:12px}.modal .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.modal-image{width:100%;max-height:72vh;object-fit:contain;background:#f0f3f5;border-radius:8px}.modal-error{color:#b53511;font-size:11px;line-height:1.7;min-height:0;margin-top:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(15px);background:#253e49;color:#fff;box-shadow:0 8px 30px #1b354530;padding:13px 19px;border-radius:10px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translateX(-50%)}.mobile-project{display:none}.reset-button{font-size:10px;color:#89969d;text-decoration:underline;text-underline-offset:3px}.no-selection{font-size:11px;line-height:1.8;color:#8a999f}.team-select-bar{display:flex;align-items:center;gap:9px;font-size:11px;color:#7c8e97;margin-bottom:17px}.team-select-bar select{padding:6px 10px;font-size:11px}.muted-label{font-size:9px;color:#94a0a6}.snapshot{border:1px solid var(--line);padding:14px;border-radius:9px;margin-top:12px;background:#fafbfc}.snapshot h3{font-size:13px;margin:6px 0}.snapshot p{font-size:11px;color:#72858e;line-height:1.7;white-space:pre-line}.screen-only-note{font-size:9px;color:#909ba1;margin-top:14px;line-height:1.8}.project-menu{display:flex;flex-direction:column;gap:9px}.project-option{padding:15px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:12px;text-align:left}.project-option.active{border-color:#d29c80;background:#fff9f5}.project-option strong{display:block;font-size:12px}.project-option small{display:block;color:#86969d;font-size:10px;line-height:1.7;margin-top:5px}.project-option .badge{margin-left:auto}.calendar-cell button.calendar-day{cursor:pointer;border-radius:50%}.calendar-cell button.calendar-day:hover{background:#e8eef1}.calendar-cell button.calendar-day.today:hover{background:#bb3300}.evidence-pending-note{font-size:10px;color:#8c9aa1;padding:10px 0}.footer-local{font-size:9px;color:#9ca8ad;text-align:center;padding:20px 0 0}.file-failure{background:#fff2e9;color:#a96031;padding:12px;font-size:11px;line-height:1.7}.vote-pill{display:inline-flex;align-items:center;gap:3px;min-height:29px;border-radius:18px;background:#eef3f5;padding:0 6px;color:#758890;font-size:10px}.vote-pill button{padding:5px 4px}.vote-pill svg{width:13px;height:13px}.vote-pill span{padding:0 2px;font-size:9px}.overflow-menu{margin-left:auto;display:flex;align-items:center;padding:2px 0 2px 8px;color:#84949d}.overflow-menu svg{width:16px;height:16px}.revision-chip{font-size:8px;color:#8b999f;border:1px solid #e6ebed;border-radius:4px;padding:2px 4px}.client-name{font-size:10px;color:#85959c}.status-line{font-size:10px;color:#7d8e97;line-height:1.8;margin:14px 0 0}.close-panel-mobile{display:none}.image-option{display:flex!important;align-items:center;gap:7px;margin-top:14px!important}.image-option input{width:auto!important}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:5px;border-radius:50%}.icon-button:hover{background:#f0f3f4}.icon-button svg{width:18px;height:18px}.inline-link{color:#b84b1d;font-size:10px;text-decoration:underline;text-underline-offset:3px}.month-summary{display:flex;gap:16px;font-size:10px;color:#8a999f;margin:14px 0}.month-summary strong{font-weight:650;color:#506b79;margin-right:4px}.top-avatar{border:2px solid #fff;box-shadow:0 0 0 1px #dfe5e8}.modal-badge{margin-bottom:12px}.comment-empty-hint{font-size:9px;color:#b07b42;margin:4px 0;min-height:12px}@media(min-width:1450px){.app-shell{grid-template-columns:240px minmax(400px,1fr) 356px}.content{padding-left:40px;padding-right:40px}.right-panel{padding-left:25px;padding-right:25px}}@media(max-width:1180px){.app-shell{grid-template-columns:185px minmax(350px,1fr) 300px}.sidebar{padding-left:10px;padding-right:10px}.content{padding:24px 18px 45px}.right-panel{padding:24px 16px}.workspace-name{display:none}.topbar{padding:0 19px}.post-card{padding-left:16px;padding-right:16px}.post-card h2{font-size:17px}.post-meta .post-author{display:none}.calendar-cell{min-height:82px}.calendar-event{font-size:7px}.mock-image{padding-left:20px;padding-right:20px}.mock-image .image-copy{font-size:23px}}@media(max-width:980px){.app-shell{grid-template-columns:170px minmax(0,1fr)}.right-panel{position:fixed;right:0;top:66px;width:330px;height:calc(100vh - 66px);z-index:35;box-shadow:-15px 0 40px #16313718;display:none}.right-panel.mobile-open{display:block}.close-panel-mobile{display:inline-flex}.content{max-width:740px;padding:25px}.topbar{gap:12px}.role-switch button{padding:7px 9px;font-size:10px}.wordmark{font-size:19px}.wordmark svg{height:29px;width:29px}.wordmark small{font-size:8px}.post-meta .post-author{display:inline}.mobile-open-review{display:flex!important}.calendar-cell{min-height:98px}.calendar-event{font-size:8px}.right-panel.mobile-open:before{content:"";position:fixed;inset:66px 330px 0 0;background:#14252d28;z-index:-1}}.mobile-open-review{display:none}@media(max-width:660px){.topbar{height:58px;padding:0 13px;gap:8px;flex-wrap:nowrap}.wordmark{font-size:18px;gap:6px}.wordmark svg{width:25px;height:25px}.wordmark small{display:none}.topbar .top-avatar{display:none}.header-spacer{min-width:0}.role-switch{padding:3px}.role-switch button{font-size:9px;padding:6px 7px}.app-shell{display:block;min-height:calc(100vh - 58px)}.sidebar{height:auto;position:sticky;top:58px;padding:9px 12px 7px;display:flex;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);z-index:15;gap:2px}.sidebar>.side-label,.sidebar>.project-select,.sidebar>.community,.sidebar>.side-rule,.sidebar>.side-note{display:none}.nav-item{width:auto;flex:1;justify-content:center;gap:5px;white-space:nowrap;padding:9px 5px;margin:0;font-size:10px}.nav-item svg{width:14px;height:14px}.nav-count{display:none}.content{padding:20px 13px 40px}.breadcrumb{margin-bottom:13px;font-size:9px}.page-header{margin-bottom:17px}.page-header h1{font-size:22px}.page-header p{font-size:10px}.page-header .btn{font-size:10px;padding:9px 10px}.project-banner{padding:13px;margin-bottom:13px;gap:10px}.project-banner .brand-symbol{width:34px;height:34px;font-size:19px}.project-banner h2{font-size:12px}.project-banner p{font-size:9px}.demo-tag{font-size:8px;padding:4px 5px}.filter-tab{padding:7px 9px;font-size:10px}.sort-hint{display:none}.post-card{padding:14px 15px 0;border-radius:11px}.post-card h2{font-size:18px;margin-top:12px}.post-body{font-size:11px;line-height:1.8}.post-meta{font-size:9px;gap:5px}.post-author{display:none!important}.subreddit{font-size:10px}.badge{font-size:8px;padding:4px 5px}.post-actions{gap:5px}.post-action{font-size:9px;padding:7px 9px}.post-action.date{font-size:8px}.mock-image{min-height:170px}.mock-image .image-copy{font-size:25px}.headphone-art{transform:rotate(12deg) scale(.87)}.right-panel{top:58px;height:calc(100vh - 58px);width:min(350px,100vw);padding:22px}.right-panel.mobile-open:before{inset:58px min(350px,100vw) 0 0}.calendar-cell{min-height:82px;padding:4px 2px}.calendar-event{font-size:7px;padding:4px 3px;-webkit-line-clamp:4}.calendar-day{font-size:9px}.calendar-head div{font-size:8px}.view-tools{gap:6px}.view-tools h2{font-size:16px}.view-tools .btn{font-size:9px;padding:7px 9px}.segmented button{font-size:9px;padding:6px 8px}.calendar-legend{font-size:8px;gap:10px;flex-wrap:wrap}.schedule-row{padding:11px;gap:10px;flex-wrap:wrap}.schedule-info h3{font-size:11px}.schedule-row .btn{font-size:9px}.result-card{padding:15px}.result-card h2{font-size:14px}.evidence-grid{grid-template-columns:1fr}.evidence-img{height:190px}.modal-backdrop{padding:13px}.modal{padding:20px;max-height:92vh;border-radius:13px}.modal .form-grid{grid-template-columns:1fr;gap:0}.modal-head h2{font-size:18px}.team-list{flex-direction:column}.team-option{padding:12px}.permission-table{font-size:9px}.permission-table td,.permission-table th{padding:10px 4px}.permission-table td:first-child{max-width:80px}.month-summary{gap:10px;font-size:9px}.mobile-project{display:flex;font-size:10px;align-items:center;gap:6px;margin-left:auto;color:#8a999f}.post-note{font-size:8px}.post-action.muted{font-size:8px}.revision-chip{display:none}.vote-pill{padding:0 3px}.vote-pill button{padding:5px 2px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Native Reddit preview */
.header-search{display:flex;align-items:center;gap:9px;max-width:520px;flex:1;background:#eaf0f3;border-radius:26px;padding:0 15px;height:39px;margin:0 20px;color:#75838b}.header-search input{border:0;background:none;box-shadow:none!important;padding:0;width:100%;font-size:12px}.header-search svg{width:17px;height:17px}.wordmark small{font-size:9px;letter-spacing:0;color:#89969b;border:0;margin-top:8px}.wordmark{font-size:27px}.reddit-community-header{padding:15px 1px 21px;display:flex;align-items:center;gap:12px}.reddit-community-header .community-avatar{width:45px;height:45px;font-size:21px;background:#465b63;color:#fff}.reddit-community-header h1{font-size:25px;margin:0 0 4px;letter-spacing:-.6px}.reddit-community-header p{font-size:11px;margin:0;color:#84949d}.reddit-community-header>.btn{margin-left:auto}.feed-sort{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px;font-size:10px;color:#7e9099}.community-cover{height:72px;background:#d9e4e9;position:relative;margin:-26px -21px 0}.community-cover:after{content:'';position:absolute;inset:15px 30px;border-radius:60%;border:1px solid #ffffff80;transform:rotate(-12deg)}.community-profile{position:relative;width:58px;height:58px;background:#465b63;border:4px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:800;margin:-29px 0 12px}.community-about{font-size:11px;line-height:1.9;color:#71838d;margin:12px 0 18px}.community-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 0}.community-stats strong{font-size:14px;display:block;color:#526c79}.community-stats small{font-size:9px;color:#97a2a8}.community-rules{margin:0;padding:0;list-style:none}.community-rules li{font-size:10px;color:#72868f;line-height:1.7;padding:10px 0;border-bottom:1px solid #edf1f3}.community-rules span{display:block;font-size:9px;color:#a0aab0;margin-top:3px}.community-preview-label{font-size:9px;color:#99a4aa;line-height:1.8;margin-top:22px}.review-shortcut{width:100%;margin:12px 0 5px}.community-bottom{font-size:9px;color:#a2aeb4;line-height:1.9;margin-top:20px}.post-action.review-cta{margin-left:auto;background:#fff0e9;color:#b14c27}.post-card .post-actions .date{margin-left:0}.post-card .post-meta .post-state{display:none}.post-card.selected{border-color:#d6dee2;box-shadow:none}.post-card.selected:before{display:none}.post-card{border-color:#e0e6e9}.post-card h2{font-size:24px;line-height:1.35}.post-body{font-size:14px;line-height:1.85}.post-card:not(.selected) .post-body{max-height:52px}.mock-image{min-height:230px}.mock-image .image-copy{font-size:34px}.preview-title{font-size:10px;color:#8e9ba2;margin:0 0 4px}.header-search input::placeholder{color:#809098}@media(min-width:1450px){.community-cover{margin-left:-25px;margin-right:-25px}}@media(max-width:1180px){.header-search{margin:0 4px;min-width:130px}.community-cover{margin-left:-16px;margin-right:-16px}.wordmark small{display:none}.post-card h2{font-size:22px}}@media(max-width:980px){.header-search{max-width:390px}.community-cover{margin-left:-16px;margin-right:-16px}}@media(max-width:660px){.wordmark{font-size:23px}.header-search{display:flex;min-width:0;margin:0;height:33px;padding:0 10px;flex:1;max-width:unset}.header-search input{font-size:10px;min-width:0}.header-search svg{width:14px;height:14px}.role-switch{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:40;box-shadow:0 3px 20px #18334125;padding:4px;background:#e3e9ee}.role-switch button{padding:8px 13px;font-size:10px}.header-spacer{display:none}.reddit-community-header{padding:8px 0 17px;gap:9px}.reddit-community-header h1{font-size:22px}.reddit-community-header .community-avatar{width:38px;height:38px;font-size:17px}.reddit-community-header p{font-size:9px}.reddit-community-header .btn{font-size:9px;padding:8px 10px}.community-cover{margin-left:-22px;margin-right:-22px}.content{padding-bottom:80px}.post-action.review-cta{font-size:9px}.post-actions .date{display:none}.topbar{gap:13px}.post-card h2{font-size:22px}.post-body{font-size:13px;line-height:1.8}.mock-image{min-height:200px}.mock-image .image-copy{font-size:28px}}

/* Single-post publishing preview */
.detail-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 19px;font-size:9px;color:#98a4ab}.detail-back{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#667d88;padding:0}.detail-back svg{width:15px;height:15px}.detail-community{padding:0 0 20px}.detail-community h1{font-size:24px}.detail-post .post-card{cursor:default;padding-top:19px}.detail-post .post-card h2{font-size:27px;line-height:1.3}.detail-post .post-card .post-body{font-size:14px;line-height:1.9;display:block;max-height:none;overflow:visible}.detail-post .mock-image{min-height:255px}.reddit-comments-preview{background:#fff;border:1px solid #e0e6e9;border-radius:12px;margin-top:16px;padding:21px}.reddit-comments-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.reddit-comments-heading h2{font-size:17px;margin:0;font-weight:650}.comment-sort{font-size:10px;color:#768a94;display:flex;gap:5px;align-items:center}.comment-sort svg{width:14px;height:14px}.join-conversation{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #dbe3e7;border-radius:24px;text-align:left;padding:13px 17px;color:#8e9ba3;font-size:12px}.join-conversation svg{width:17px;height:17px}.reddit-no-comments{text-align:center;padding:32px 10px 16px;color:#8f9fa7}.reddit-no-comments>svg{width:38px;height:38px;color:#bdc8ce;stroke-width:1.2}.reddit-no-comments h3{font-size:16px;font-weight:650;color:#607984;margin:13px 0 9px}.reddit-no-comments p{font-size:10px;line-height:1.9;margin:0 0 16px}.detail-post .post-card .post-author{display:inline!important}.detail-post .post-card .post-note{font-size:9px}.detail-post .post-card .post-state{display:none}.detail-post .post-card:hover{border-color:#d6dee2}@media(max-width:660px){.detail-toolbar{margin-bottom:17px;font-size:8px}.detail-community h1{font-size:20px}.detail-community .community-avatar{width:33px;height:33px;font-size:15px}.detail-community .btn{padding:7px 9px;font-size:9px}.detail-post .post-card h2{font-size:23px}.detail-post .post-card .post-body{font-size:13px;line-height:1.85}.detail-post .mock-image{min-height:220px}.reddit-comments-preview{padding:17px 15px}.detail-post .post-card .post-author{font-size:9px}.detail-post .post-card .revision-chip{display:none}}