/* Warm paper invitation and compact employee workspace. */
.review-scene,.login-scene{background:#f8f5ef;color:#44352f}
.review-scene:before,.review-scene:after,.login-scene:before,.login-scene:after{display:none}
.review-scene .brand,.login-scene .brand{margin:-18px -20px 0;padding:16px 22px 19px;background:linear-gradient(120deg,#881c29,#a52c36);min-height:108px}
.review-scene .brand-logo,.login-scene .brand-logo{width:82px;height:66px}
.review-scene .brand-copy strong,.login-scene .brand-copy strong{font-size:15px}
.review-scene .hero,.login-scene .hero{text-align:left;margin:26px 2px 22px}
.review-scene .hero h1,.login-scene .hero h1{font-family:inherit;background:none;color:#682e35;font-size:26px;letter-spacing:-.5px;font-weight:600;filter:none}
.review-scene .hero-sub,.login-scene .hero-sub{color:#9a8577;font-size:11px;letter-spacing:.5px}
.service-signature{display:flex;align-items:center;gap:12px;color:#493931;margin:22px 2px 0;min-width:0}
.signature-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;background:#f0e1d5;color:#8b3f40;font-size:19px;font-weight:500;overflow:hidden}
.signature-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.signature-copy{min-width:0;flex:1;line-height:1.6}
.signature-copy strong{font-size:16px;font-weight:600;overflow-wrap:anywhere}
.signature-copy .signature-caption{font-size:10px;color:#9b877a;margin-left:8px}
.service-subject{font-size:11px;color:#85746a;margin-top:3px;overflow-wrap:anywhere}
.review-scene .motto{color:#8d786a;text-align:left;margin:13px 2px 20px;padding-bottom:18px;border-bottom:1px solid #e9dfd4;font-size:11px;line-height:1.8}
.review-scene .form-card{background:#fff;border:1px solid #eee6de;box-shadow:0 5px 22px #59342205;border-radius:18px;padding:18px 18px 15px}
.review-scene .rating-heading h2{color:#514039;font-size:14px}
.review-scene .star{color:#d3c2ae;font-size:37px}.review-scene .star.selected{color:#c29a59}
.review-scene .tags{gap:8px}.review-scene .tag{background:#faf8f4;border:1px solid #ebe2d7;color:#887263;border-radius:8px}.review-scene .tag.active{color:#902e38;background:#f9eceb;border-color:#dba9aa}
.review-scene .cta,.login-scene .cta{background:#942b38;color:#fff9f1;font-weight:500;box-shadow:none;border-radius:10px}
.review-scene .reward-promise,.review-footnote{color:#a28d7a}.review-scene .consent{color:#9a8779}
.review-scene .success-title{color:#7e303a;font-family:inherit;font-size:28px}.review-scene .success-seal{color:#a57f43;background:#f5eada;border-color:#dbc29d}.review-scene .success-sub,.review-scene .step-note{color:#96816f}.review-scene .receipt{background:#fff;border:1px solid #ede3d8}
.login-scene .login-card{background:white;border:1px solid #eee3d6;box-shadow:0 6px 28px #633a2505}.login-scene .step-note{color:#a28c78}.login-scene .ribbon{background:none;clip-path:none;font-size:10px;font-weight:400;color:#a28c78;margin-top:14px;letter-spacing:2px}
.global-footer{background:#f1ebe3;color:#aa9381}.preview-bar{background:#701e2a}
.platform-mode{background:#f5f3ef;display:block;padding:0;color:#453b37}.platform-mode .desktop-caption{display:none}.platform-mode .phone-shell{width:100%;max-width:none;border:0;border-radius:0;background:transparent;box-shadow:none;margin:0}.platform-mode .preview-bar{display:none}.platform-mode .global-footer{background:transparent;padding:24px}
.workspace{max-width:1080px;margin:auto;padding:0 32px 30px}.workspace-nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e0d8;gap:12px}.workspace-brand{display:flex;align-items:center;gap:12px;font-size:15px;color:#702c36;font-weight:600}.workspace-mark{background:#922c38;border-radius:8px;padding:6px 10px;display:block}.workspace-mark img{width:62px;height:42px;object-fit:contain;display:block}.workspace-brand small{display:block;margin-top:4px;font-size:10px;font-weight:400;color:#9c8778;letter-spacing:2px}.text-button{background:none;color:#9a7a68;font-size:12px;padding:9px 0;white-space:nowrap}
.workspace-intro{padding:34px 0 26px}.workspace-intro h1{font-size:28px;color:#49352f;font-weight:600;letter-spacing:-.5px;margin:0 0 10px}.workspace-intro p{color:#9c877a;font-size:12px;line-height:1.8;margin:0}.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start}
.workspace-card{background:#fff;border:1px solid #ece5dc;border-radius:16px;padding:26px}.workspace-card h2{font-size:16px;font-weight:600;margin:0;color:#60473d}.workspace-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-step{font-size:10px;color:#b5a18e;letter-spacing:1px;margin-right:9px}.workspace-divider{border:0;border-top:1px solid #eee8df;margin:25px 0}
.workspace .field{margin-bottom:18px}.workspace .field>span{font-size:12px;color:#806b5c;margin-bottom:8px}.workspace .field input,.workspace .field textarea{background:#fdfcfa;border:1px solid #e9e0d5;border-radius:9px;padding:12px 13px;font-size:14px;color:#554239;min-height:45px;width:100%;resize:vertical}.workspace .field input:focus-visible,.workspace .field textarea:focus-visible{outline:2px solid #c59b7e;outline-offset:2px}.workspace input::placeholder,.workspace textarea::placeholder{color:#b6a89b}.workspace-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.profile-upload{display:flex;align-items:center;gap:16px;margin-bottom:22px}.profile-upload .signature-avatar{width:64px;height:64px;flex-basis:64px;font-size:25px}.upload-label{display:inline-block;border:1px solid #dccbbc;border-radius:6px;padding:7px 12px;font-size:12px;color:#8e6b55;cursor:pointer;background:#fff}.upload-help{display:block;margin:7px 0 0;color:#b09a88;font-size:10px;line-height:1.7}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.upload-label:focus-within{outline:2px solid #c59b7e;outline-offset:2px}
.service-options{display:flex;flex-wrap:wrap;gap:7px;margin:-7px 0 18px}.service-options button{background:#f7f3ed;color:#987e69;border-radius:5px;padding:7px 9px;font-size:10px}.workspace .primary-button{background:#942d39;color:#fff7ef;border-radius:10px;padding:14px 18px;font-size:14px;min-height:48px;font-weight:500;width:100%}.workspace .secondary-button{background:#f4ede4;color:#86664f;border:1px solid #e5d5c3;border-radius:9px;padding:12px 16px;font-size:12px;width:100%;margin-top:10px;min-height:43px}.workspace-status{font-size:11px;color:#a38e7b;line-height:1.8;margin-top:12px;text-align:center}.workspace .form-error{margin:8px 0;color:#b34343;font-size:12px;line-height:1.7;min-height:0}.workspace .form-error:not(:empty){margin:10px 0}
.preview-column{position:sticky;top:24px}.preview-column>summary{display:flex;justify-content:space-between;align-items:center;color:#a58c76;font-size:11px;margin:0 3px 14px;list-style:none;cursor:pointer}.preview-column>summary span{font-size:9px;letter-spacing:1px}.invitation-preview{border:1px solid #e4d7c6;border-radius:16px;background:#fbf7ef;overflow:hidden;box-shadow:0 12px 40px #58392008}.preview-letter-head{padding:22px;background:#8f2936;color:#f8e5c8;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px}.preview-letter-head img{width:65px;height:46px;object-fit:contain}.preview-letter-body{padding:24px 22px 20px}.preview-letter-body h3{font-family:'STSong','SimSun',serif;font-size:25px;font-weight:500;line-height:1.6;color:#713f37;margin:0 0 20px}.preview-letter-body .service-signature{margin:0;gap:10px}.preview-letter-body .signature-copy strong{font-size:15px}.preview-quote{font-size:11px;color:#a08973;line-height:1.9;margin:20px 0;padding-bottom:19px;border-bottom:1px solid #e6dac9;overflow-wrap:anywhere;white-space:pre-wrap}.preview-stars{font-size:28px;letter-spacing:9px;text-align:center;color:#c5a775;white-space:nowrap}.preview-letter-note{text-align:center;font-size:9px;color:#b59d82;margin:12px 0 0}.preview-caption{font-size:10px;color:#af9b87;line-height:1.9;text-align:center;margin-top:14px}
.auth-wrap{max-width:420px;margin:54px auto 30px}.auth-wrap h1{font-size:25px;margin:0 0 10px;color:#623e3a}.auth-wrap>p{font-size:12px;color:#a38a76;line-height:1.8;margin:0 0 24px}.auth-switch{text-align:center;font-size:12px;color:#a1836d;margin-top:16px}
.recent-invitations{margin-top:24px}.recent-invitations>summary{cursor:pointer;font-size:12px;color:#927965;padding:5px 0}.recent-row{border-top:1px solid #eee6dc;padding:14px 0;display:flex;gap:12px;align-items:center;justify-content:space-between}.recent-row:first-of-type{margin-top:12px}.recent-row div{min-width:0}.recent-row strong{font-size:12px;font-weight:500;color:#624c3f;overflow-wrap:anywhere}.recent-row small{display:block;font-size:10px;color:#aa917c;margin-top:5px}.recent-row button{white-space:nowrap;color:#8e3940;background:#f9eeeb;font-size:11px;padding:7px 9px;border-radius:5px}.share-result{border:1px solid #e2d3bc;border-radius:13px;background:#fbf7ef;padding:20px;margin-top:20px}.share-result h3{font-size:16px;font-weight:500;color:#713d38;margin:0 0 9px}.share-result p{font-size:11px;color:#a18870;line-height:1.8;margin:0 0 14px}.share-result input{width:100%;min-width:0;background:white;border:1px solid #e9dbc9;padding:10px;border-radius:7px;color:#937b64;font-size:11px}.share-actions{display:flex;gap:10px;margin-top:12px}.share-actions .primary-button,.share-actions .secondary-button{margin:0;flex:1;padding:11px 6px;min-height:42px;font-size:12px}.empty-state{font-size:11px;color:#ad9580;padding:16px 0;line-height:1.8}.load-state{padding:75px 24px;text-align:center;background:#f8f5ef;color:#977e67;line-height:1.9;min-height:60vh;font-size:13px}.load-state button{margin-top:20px;background:#942d39;color:#fff;padding:12px 24px;border-radius:8px}
@media(max-width:760px){.workspace{padding:0 20px 24px}.workspace-nav{height:74px}.workspace-brand{font-size:13px}.workspace-intro{padding:27px 0 22px}.workspace-intro h1{font-size:24px}.workspace-layout{grid-template-columns:1fr;gap:24px}.workspace-card{padding:21px 18px}.preview-column{position:static}.workspace-fields{gap:12px}.workspace .field input{font-size:16px}.auth-wrap{margin:36px auto 25px}.platform-mode .phone-shell{max-width:600px;margin:auto}.workspace-mark img{width:54px;height:37px}}
@media(max-width:360px){.review-scene .brand{margin:-16px -18px 0;padding:14px 18px}.review-scene .hero h1,.login-scene .hero h1{font-size:23px}.workspace{padding:0 15px 20px}.workspace-fields{grid-template-columns:1fr;gap:0}.signature-copy .signature-caption{display:block;margin-left:0}.workspace-intro h1{font-size:22px}}