:root{color:#16181d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{border:0}#app{min-height:100vh}.page-shell{min-height:100vh;padding-bottom:56px}.top-bar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #ececef;align-items:center;gap:12px;height:58px;padding:0 28px;display:flex;position:sticky;top:0}.brand-mark{color:#fff;background:#ff2d55;border-radius:9px;place-items:center;width:32px;height:32px;font-size:14px;font-weight:900;display:grid}.top-bar strong{color:#111318;line-height:1.1;display:block}.top-bar span{color:#8b909a;font-size:13px}.workspace,.report-page{width:min(1180px,100% - 32px);margin:32px auto 0}.workspace{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:22px;display:grid}.panel{background:#fff;border:1px solid #e9e9ec;border-radius:18px;box-shadow:0 12px 32px #12141a0a}.input-panel,.config-panel{min-height:520px;padding:30px}.section-tag{color:#111318;margin:0 0 8px;font-size:16px;font-weight:900}h1,h2{color:#111318;margin:0}h1{letter-spacing:-.05em;max-width:640px;font-size:clamp(30px,4vw,46px);line-height:1.08}h2{font-size:18px}.muted-text,.hint-text{color:#9298a3}.muted-text{max-width:620px;margin:12px 0 28px}.hint-text{margin:10px 0 0;font-size:13px}.field-label{color:#111318;margin:22px 0 10px;font-weight:800;display:block}textarea,input{color:#16181d;background:#fff;border:1px solid #e3e4e8;border-radius:18px;outline:none;width:100%;padding:16px 18px;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical;min-height:174px}textarea:focus,input:focus{border-color:#ff2d55;box-shadow:0 0 0 4px #ff2d551f}.comment-upload-block{background:#fbfbfc;border:1px solid #ececf0;border-radius:18px;margin-top:18px;padding:18px}.upload-copy strong{color:#111318;font-size:15px}.upload-copy p{color:#7c828e;margin:8px 0 14px;font-size:14px}.upload-box{cursor:pointer;text-align:center;background:#fff5f7;border:1px dashed #ff9aad;border-radius:16px;place-items:center;min-height:104px;padding:18px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:grid}.upload-box.dragging{background:#fff0f3;border-color:#ff2d55;transform:translateY(-1px);box-shadow:0 0 0 4px #ff2d551a}.upload-box input{display:none}.upload-box span{color:#ff2d55;font-weight:900}.upload-box small{color:#949aa5;margin-top:6px}.screenshot-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.screenshot-item{background:#fff;border:1px solid #ececf0;border-radius:14px;position:relative;overflow:hidden}.screenshot-item img{object-fit:cover;width:100%;height:112px;display:block}.screenshot-item button{color:#fff;cursor:pointer;background:#111318c7;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;position:absolute;top:8px;right:8px}.config-panel{flex-direction:column;display:flex}.auth-status{color:#a26200;background:#fff5e5;border-radius:14px;margin-top:14px;padding:12px 14px;font-size:13px;font-weight:900}.auth-status.ready{color:#18a66f;background:#f2fbf7}.category-list{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.category-pill{color:#646a75;cursor:pointer;background:#f8f8f9;border:1px solid #e2e3e7;border-radius:999px;padding:9px 18px;font-weight:800}.category-pill.active{color:#fff;background:#ff2d55;border-color:#ff2d55;box-shadow:0 10px 24px #ff2d5547}.progress-card{background:#fafafa;border-radius:16px;margin-top:30px;padding:18px}.progress-line{background:#ececf0;border-radius:999px;height:5px;overflow:hidden}.progress-line span{border-radius:inherit;background:#ff2d55;height:100%;transition:width .25s;display:block}.progress-card ul{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.progress-card li{color:#b8bdc5;font-weight:800}.progress-card li:before{content:"";background:#dfe2e7;border-radius:999px;width:10px;height:10px;margin-right:10px;display:inline-block}.progress-card li.done{color:#18b87a}.progress-card li.done:before{background:#18b87a}.error-message{color:#d51f42;background:#fff1f3;border-radius:14px;margin:24px 0 0;padding:12px 14px;font-weight:800}.primary-action{color:#fff;cursor:pointer;background:#ff2d55;border-radius:14px;width:100%;margin-top:auto;padding:15px 20px;font-size:16px;font-weight:900;box-shadow:0 16px 30px #ff2d553d}.primary-action:disabled{box-shadow:none;color:#b4b7bd;cursor:not-allowed;background:#e8e8eb}.report-toolbar{align-items:center;gap:18px;margin-bottom:18px;display:flex}.text-button{color:#858b96;cursor:pointer;background:0 0;font-weight:800}.report-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.report-grid .panel{padding:26px}.score-panel{text-align:center;justify-items:center;display:grid}.score-circle{border:8px solid #ff9f0a;border-radius:999px;place-items:center;width:142px;height:142px;margin-bottom:18px;display:grid}.score-circle span{color:#ff9f0a;font-size:50px;font-weight:900}.score-panel p{color:#8a909a;margin:10px 0 0}.verdict-panel dl{gap:12px;margin:18px 0 0;display:grid}.verdict-panel div{background:#fafafa;border-radius:14px;padding:12px 14px}.verdict-panel dt{color:#8a909a;font-size:13px;font-weight:900}.verdict-panel dd{color:#111318;margin:6px 0 0;font-weight:800}.verdict-badge{color:#ff9f0a;background:#fff5e5;border-radius:999px;margin-top:18px;padding:10px 18px;font-size:28px;font-weight:900;display:inline-flex}.score-row{grid-template-columns:82px 1fr 40px;align-items:center;gap:12px;margin-top:16px;display:grid}.score-row span{color:#767d89;font-size:14px}.score-row div{background:#f0f1f3;border-radius:999px;height:6px;overflow:hidden}.score-row i{border-radius:inherit;background:linear-gradient(90deg,#ff2d55,#7b61ff);height:100%;display:block}.score-row strong{color:#111318;font-size:14px}.metrics-panel dl{gap:14px;margin:18px 0 0;display:grid}.metrics-panel div,.advice-item,.rewrite-box{background:#fafafa;border-radius:14px;padding:14px}.metrics-panel dt,.rewrite-box span{color:#ff2d55;font-size:13px;font-weight:900}.metrics-panel dd{overflow-wrap:anywhere;color:#535b68;margin:6px 0 0}.audience-box,.checkpoint-item{background:#fafafa;border-radius:14px;margin-top:14px;padding:14px}.audience-box span,.checkpoint-item span,.priority-tag{color:#ff2d55;font-size:13px;font-weight:900}.audience-box p,.checkpoint-item p{color:#535b68;margin:8px 0 0}.comment-insights-panel{grid-column:span 2}.comment-status{background:#fff1f3;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px;display:flex}.comment-status span{color:#ff2d55;font-size:13px;font-weight:900}.comment-status strong{color:#111318}.insight-block,.pinned-comment{background:#fafafa;border-radius:14px;margin-top:14px;padding:14px}.insight-block h3{color:#111318;margin:0 0 10px;font-size:15px}.insight-block ul{color:#535b68;gap:8px;margin:0;padding-left:20px;display:grid}.pinned-comment span{color:#ff2d55;font-size:13px;font-weight:900}.pinned-comment p{color:#535b68;margin:8px 0 0}.advice-panel,.rewrite-panel{grid-column:span 2}.advice-item{border-left:4px solid #ff2d55;margin-top:14px}.priority-tag{background:#fff1f3;border-radius:999px;margin-left:8px;padding:3px 8px;display:inline-flex}.advice-item p,.rewrite-box p{color:#535b68;margin:8px 0 0}.rewrite-box{margin-top:14px}.problems-panel ul{color:#535b68;gap:12px;margin:18px 0 0;padding-left:20px;display:grid}.action-plan{background:#f2fbf7;border-radius:14px;margin-top:20px;padding:16px}.action-plan h3{color:#18a66f;margin:0 0 10px;font-size:15px}.action-plan ol{color:#435062;gap:8px;margin:0;padding-left:20px;display:grid}.next-step{color:#a26200;background:#fff5e5;border-radius:14px;margin:20px 0 0;padding:14px;font-weight:800}@media (width<=920px){.workspace,.report-grid{grid-template-columns:1fr}.input-panel,.config-panel{min-height:auto}.advice-panel,.rewrite-panel,.comment-insights-panel{grid-column:auto}}@media (width<=640px){.top-bar{padding:0 16px}.workspace,.report-page{width:calc(100% - 24px);margin-top:18px}.input-panel,.config-panel,.report-grid .panel{padding:20px}.score-row{grid-template-columns:72px 1fr 34px}.screenshot-list{grid-template-columns:repeat(2,minmax(0,1fr))}}