:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f7f4ef;color:#221f1b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#faf7f2f5,#f7f4effa),#f7f4ef}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app{width:min(100%,960px);min-height:100vh;margin:0 auto;padding:18px 14px 32px}.login-screen{display:grid;place-items:center}.login-panel,.panel{border:1px solid #e0d9ce;border-radius:8px;background:#fffcf7f0;box-shadow:0 16px 46px #372d2214}.login-panel{width:min(100%,390px);padding:22px}.brand-row,.topbar,.section-title,.password-row,.ghost-button,.primary-button{display:flex;align-items:center}.brand-row{gap:12px;margin-bottom:22px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#1f6f5f;color:#fffdf8;font-weight:750}h1,h2,p{margin:0}h1{font-size:22px;line-height:1.16;letter-spacing:0}h2{font-size:16px;line-height:1.2;letter-spacing:0}.brand-row p,.topbar p,.subtle,.status{color:#766d62;font-size:13px;line-height:1.5}.topbar{justify-content:space-between;gap:16px;margin:4px 0 16px}.panel{padding:14px;margin-bottom:12px}.section-title{justify-content:space-between;gap:12px;margin-bottom:12px}.field-label,.input-group span{display:block;margin-bottom:7px;color:#3f3932;font-size:13px;font-weight:700}.password-row{gap:8px}input,textarea{width:100%;border:1px solid #d8d0c3;border-radius:8px;background:#fffdf9;color:#221f1b;outline:none}input{min-height:42px;padding:9px 10px}textarea{resize:vertical;padding:11px 12px;line-height:1.62}input:focus,textarea:focus{border-color:#1f6f5f;box-shadow:0 0 0 3px #1f6f5f21}.draft-box{min-height:172px}.field-grid{display:grid;grid-template-columns:1fr;gap:12px}.controls-panel{display:grid;grid-template-columns:1fr;gap:14px}.control-block{min-width:0}.rating-grid,.segmented{display:grid;gap:6px}.rating-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.rating-grid button,.segmented button{min-height:38px;border:1px solid #d8d0c3;border-radius:8px;background:#fffdf9;color:#3f3932;font-weight:700}.rating-grid button.selected,.segmented button.selected{border-color:#b8472f;background:#b8472f;color:#fff}.full{display:block}.ghost-button,.icon-button,.primary-button{border-radius:8px;transition:transform .15s ease,background .15s ease,border-color .15s ease}.ghost-button{min-height:34px;gap:6px;padding:7px 10px;border:1px solid #ddd5c9;background:#fffdf9;color:#3f3932;font-size:13px;font-weight:700}.icon-button{display:grid;width:42px;min-width:42px;height:42px;place-items:center}.primary,.primary-button{background:#1f6f5f;color:#fff}.primary-button{justify-content:center;gap:8px;width:100%;min-height:48px;padding:12px 16px;font-size:16px;font-weight:800}.ghost-button:hover,.rating-grid button:hover,.segmented button:hover,.primary-button:hover,.icon-button:hover{transform:translateY(-1px)}.action-strip{display:grid;gap:8px;margin:14px 0}.status{min-height:20px}.review-output{white-space:pre-wrap;font-size:16px;line-height:1.76}.output-panel .subtle{margin-top:12px;padding-top:12px;border-top:1px solid #e8e0d5}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:720px){.app{padding:28px 22px 44px}.panel{padding:18px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.controls-panel{grid-template-columns:1fr .7fr}.controls-panel .full{grid-column:1 / -1}.rating-grid{grid-template-columns:repeat(9,minmax(0,1fr))}.action-strip{grid-template-columns:220px 1fr;align-items:center}}