/* Full-width study workspace and consistent interaction states. */
body.full-width5 .shell{display:block;max-width:1600px;margin:auto;padding:24px clamp(16px,3vw,48px)}
body.full-width5 #sidebar{display:none}body.full-width5 #app{min-width:0;width:100%;padding:0}body.full-width5 .detail{max-width:1100px;margin:auto}
#header{position:relative;z-index:20;gap:16px}.header-actions{flex-shrink:0}.user-menu5{position:relative;display:flex;align-items:center;gap:4px}.user-menu5 .user{border:0;background:transparent}.menu-trigger5{display:grid;place-items:center;background:var(--soft,#e1f3ef);padding:9px;border-radius:10px;min-width:42px;min-height:42px}.menu-panel5{position:absolute;right:0;top:calc(100% + 12px);width:min(360px,calc(100vw - 32px));max-height:72vh;overflow:auto;background:var(--card,#fff);border:1px solid var(--line,#dce5e9);border-radius:16px;box-shadow:0 20px 65px #12334b33;padding:12px;z-index:60}.menu-panel5[hidden]{display:none}.menu-panel5 nav{display:flex;flex-direction:column;align-items:stretch;gap:3px}.menu-panel5 button{display:flex;align-items:center;text-align:left;gap:10px;width:100%;border:0;background:transparent;padding:11px 12px;border-radius:9px;white-space:normal;font-size:14px}.menu-panel5 button:hover,.menu-panel5 button.active{background:#dff3ec;color:#125445}.menu-panel5 .aside-title{padding:14px 12px 6px;font-size:12px;letter-spacing:.08em}.menu-panel5 .side-bottom{position:static;margin-top:8px;border-top:1px solid #dce5e9;padding-top:8px}.menu-panel5 small{margin-left:auto}.menu-personal5{border-bottom:1px solid #dce5e9;padding-bottom:8px}.section5{margin-top:24px}.mine-toolbar5{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,240px)}.state5{display:inline-flex;align-items:center;border-radius:8px;padding:5px 10px;font-size:13px;font-weight:700}.state-public5{background:#def4e8;color:#176239}.state-private5{background:#e6eaff;color:#4149a2}.state-draft5{background:#fff0d4;color:#895200}.list-row h3{margin-top:12px}.favorite-selected5{background:#fff6ce!important;color:#826300!important;border-color:#e8c548!important}.favorite-selected5 svg{fill:#ffda35;stroke:#876500}.copy-question5{display:inline-flex;align-items:center;gap:8px;background:#eef5f7;border:1px solid #d9e5ea;color:#294d60;padding:9px 13px;border-radius:10px;font-size:14px}.copy-question5 small{font-size:11px;background:#dbeee8;border-radius:4px;padding:2px 5px}.taking-question{scroll-margin-top:24px;outline:none}.taking-question:focus-visible{outline:2px solid #008880;outline-offset:10px}.profile-eye5{display:inline-flex;vertical-align:middle;margin-left:7px}.profile-eye5 svg{width:18px;height:18px}.views5{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted,#5a6c7c);margin-top:12px}.views5 svg{width:17px;height:17px}.category-search5{max-width:620px}.result-copy5{display:flex;align-items:center;justify-content:space-between;gap:20px}.result-copy5 p{margin-bottom:0}.pro-soft5,.plan-card:not(.plan-featured) button,.pro-policy button{background:#d6eee3!important;border-color:#9ccdb6!important;color:#164f39!important}.plan-card:not(.plan-featured) button:hover,.pro-soft5:hover{background:#bee2cf!important}button[onclick*="schedulePlan"]{background:#d6eee3;color:#164f39;border-color:#9ccdb6}.plan-featured button{background:var(--primary,#008880)!important;color:#fff!important}.confirmation5{width:min(520px,calc(100vw - 32px));padding:28px;border:1px solid #dce6e9;border-radius:22px;box-shadow:0 24px 90px #102b4a44}.confirmation5 .modal-heading{padding-bottom:0;border:0;gap:20px}.confirmation5 .modal-heading h2{font-size:23px;line-height:1.3}.confirm-symbol5{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#ddf4ed;color:#067e61;margin:24px 0 16px}.confirm-symbol5 svg{width:28px;height:28px}.danger-symbol5{background:#fff0e4;color:#a75514}.confirm-copy5{font-size:16px;line-height:1.65;color:var(--muted,#506779)}.confirm-copy5 p{margin:0 0 12px}.confirm-actions5{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e2e8ec;padding-top:22px;margin-top:24px}.confirm-actions5 button{min-height:46px;padding:11px 18px}.danger-solid5{background:#b62d39;color:white;border-color:#b62d39}dialog::backdrop{background:#0b223c99;backdrop-filter:blur(4px)}.palette5{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:5px 9px;border-left:1px solid #dce5e9}.swatch5{width:26px;height:26px;min-width:26px;padding:0!important;border:2px solid white;border-radius:50%;background:var(--swatch)!important;box-shadow:0 0 0 1px #c5d3dc}.swatch5:hover{box-shadow:0 0 0 2px #385c74}.hex5{display:flex;align-items:center;gap:6px;font-size:12px!important;margin:0!important}.hex5 input{width:90px!important;padding:6px!important;margin:0!important;min-height:32px}.rich-toolbar{flex-wrap:wrap;gap:6px}.rich-editor{overflow-wrap:anywhere}.ranking4{margin:24px 0 32px}.rank-card4{position:relative;border-radius:18px;overflow:hidden;padding-bottom:36px}.rank-card4.gold5{background:linear-gradient(125deg,#fff2bf,#fffdf5);border-color:#ddbc57;color:#5f4912}.rank-card4.silver5{background:linear-gradient(125deg,#e3eaf1,#fafcfe);border-color:#bccbd9;color:#3a5266}.rank-card4.bronze5{background:linear-gradient(125deg,#f4dcc5,#fff9f2);border-color:#cfa783;color:#774b28}.rank-number4{display:flex;flex-direction:column;align-items:center;gap:2px;opacity:1!important;font-size:17px!important}.rank-number4 svg{width:29px;height:29px;fill:currentColor;stroke-width:1}.medal-label5{position:absolute;bottom:12px;left:20px;font-size:10px;font-weight:800;letter-spacing:.16em}.rank-card4 .author-link{color:inherit}.rank-card4 p span{color:inherit}.social-color5{display:flex;align-items:center;gap:16px;margin-top:12px}.social-color5 input{width:70px}.socials4 a{background:white!important}.recipient-count5{background:#eaf5f1;border:1px solid #bfded0;border-radius:14px;padding:20px;color:#244c40;margin:16px 0}.recipient-count5 strong{font-size:30px;margin-right:10px}.recipient-count5 p{margin:10px 0}.recipient-count5 .chips span{background:#fff;padding:6px 10px;border-radius:7px;font-size:13px}.recipient-count5 small{display:block;margin-top:12px}.mail-preview5{border-radius:12px}.mail-preview5 h2,.mail-preview5 p,.mail-preview5 li{overflow-wrap:anywhere}.mail-preview5 table{display:table!important;overflow:visible!important}.mail-preview5 td{white-space:normal!important;border:0!important}#campaign-image-preview img{max-width:240px;max-height:200px;display:block;margin-bottom:12px}.admin-word5{border-style:dashed;display:inline-flex;align-items:center;gap:7px}.menu-panel5 svg{width:20px}.list-row>div{min-width:0}.list-row h3{overflow-wrap:anywhere}
[data-theme=dark] .menu-panel5{background:#142b40;color:#e4eef5}[data-theme=dark] .menu-panel5 button{color:#e4eef5}[data-theme=dark] .menu-panel5 button:hover{background:#244735}[data-theme=dark] .confirmation5{background:#142b40}[data-theme=dark] .confirm-copy5{color:#ccdae5}[data-theme=dark] .copy-question5{background:#213c50;color:#e3eff7}[data-theme=dark] .recipient-count5{background:#183d32;color:#dcf2e8}[data-theme=dark] .recipient-count5 .chips span{background:#254e40}[data-theme=dark] .rank-card4 .author-link{color:inherit}
@media(max-width:760px){body.full-width5 .shell{padding:18px 14px}.header-actions .user{padding:4px}.user-menu5 .user .avatar{display:none}.menu-trigger5{min-width:36px;min-height:36px}#header{gap:8px;flex-wrap:wrap}#header>nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}#header .header-actions{margin-left:auto}.mine-toolbar5{grid-template-columns:1fr}.result-copy5{align-items:stretch;flex-direction:column}.confirm-actions5{flex-direction:column-reverse}.confirm-actions5 button{width:100%}.confirmation5{padding:22px}.podium4{grid-template-columns:1fr}.rank-card4{min-height:106px}.palette5{border:0;padding-left:0}.rich-toolbar button{min-height:32px}.rich-toolbar .swatch5{min-height:26px}.question-tools{align-items:flex-start;gap:10px}.copy-question5{padding:8px;font-size:13px}.copy-question5 small{display:none}.recipient-count5 .chips{gap:6px}.list-row{flex-wrap:wrap}.list-row .actions{flex-wrap:wrap}.social-color5{flex-wrap:wrap}#tags-admin5 .toolbar{display:flex;flex-direction:column}#tags-admin5 .toolbar>*{width:100%}}
.copy-preview5{display:flex;gap:14px;background:var(--soft,#eef5f7);border-radius:12px;padding:16px;margin:12px 0 22px}.copy-preview5>span{color:#008880}.copy-preview5 p{margin:7px 0 0;font-size:15px;line-height:1.5}.copy-preview5 small{font-size:11px;letter-spacing:.08em;color:var(--muted,#526a7b)}
