/* v2.8.0 — Independent emperor romance. Scoped to the extra-only page. */
.sweet-mode-page{max-width:1480px;margin:auto;color:#f5e8da;padding-top:clamp(22px,4vw,48px)}
.sweet-mode-page *, .sweet-image-viewer *{box-sizing:border-box}
.sweet-mode-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(265px,.8fr);align-items:center;gap:clamp(14px,3vw,35px);border:1px solid #745445;background:radial-gradient(ellipse at 30% 0,#62323c9c,transparent 75%),linear-gradient(145deg,#33232d,#201d27);border-radius:15px;padding:clamp(17px,3vw,35px)}
.sweet-mode-intro h1{font-size:clamp(30px,5.2vw,58px);line-height:1.25;letter-spacing:.08em;color:#ffdda9;margin:12px 0 14px}
.sweet-mode-intro p{font-size:14px;line-height:1.85;color:#e9d4c3;max-width:750px}
.sweet-mode-intro p.sweet-mode-help{color:#c8afa1;font-size:12px;margin-top:12px}
.sweet-meter{padding:21px;border:1px solid #96765f;border-radius:12px;background:#251b27dd;display:grid;gap:9px}
.sweet-meter span{font-size:15px;color:#f4d4a9;font-weight:550}
.sweet-meter strong{font-size:clamp(28px,3vw,36px);font-weight:500;color:#fff0d3}
.sweet-meter small{font-size:12px;color:#d0bbac}
.sweet-meter-rail{height:12px;border:1px solid #ad846a;background:#16131b;border-radius:40px;overflow:hidden}
.sweet-meter-rail i{display:block;height:100%;background:linear-gradient(90deg,#bc6984,#f2b595);transition:width .35s ease;border-radius:40px}
.sweet-mode-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0}
.sweet-mode-tabs .btn{min-height:45px;border-radius:8px}
.sweet-mode-tabs [data-nav=home]{margin-left:auto}
.sweet-episode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sweet-episode-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #806354;border-radius:12px;background:#2b232c;color:#f4ddbc;text-align:left;padding:0;cursor:pointer;transition:border .18s,transform .18s,box-shadow .18s}
.sweet-episode-card:hover{border-color:#e6ba89;transform:translateY(-2px);box-shadow:0 10px 28px #08060a80}
.sweet-card-image{height:165px;position:relative;overflow:hidden;background:#19141c}
.sweet-card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.83) brightness(.78);display:block;transition:transform .4s ease}
.sweet-episode-card:hover .sweet-card-image img{transform:scale(1.05)}
.sweet-card-image::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#19121dcc,transparent)}
.sweet-card-image span{position:absolute;z-index:1;bottom:11px;left:13px;font:28px Georgia,serif;color:#f8d5a3}
.sweet-card-text{display:grid;gap:8px;padding:15px 17px 18px}
.sweet-card-text strong{font-size:19px;font-weight:550;line-height:1.4}
.sweet-card-text small{font-size:12px;color:#d6bfa9}
.sweet-episode-detail,.sweet-moment-detail{background:linear-gradient(145deg,#30252e,#211d27);border:1px solid #987354;border-radius:13px;padding:clamp(16px,3vw,30px)}
.sweet-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sweet-detail-toolbar span{font-size:12px;color:#d9bd95}
.sweet-episode-detail h2,.sweet-moment-detail h2{font-size:clamp(22px,3.2vw,34px);color:#f8d3a1;line-height:1.4;margin:17px 0}
.sweet-episode-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(14px,2vw,26px);align-items:start}
.sweet-stage{min-width:0;position:sticky;top:10px;display:grid;gap:10px}
.sweet-visual-tip{font-size:12px;color:#d8bca5}
.sweet-stage .imperial-cg-scene,.sweet-couple-visual{width:100%;aspect-ratio:16 / 10;min-height:200px;max-height:540px;border-radius:11px;border:1px solid #8c6b53;overflow:hidden;position:relative;background:#1a1620;box-shadow:0 15px 30px #0007}
.sweet-couple-visual img.sweet-scene-back{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.64)}
.sweet-scene-light{position:absolute;inset:0;background:radial-gradient(circle at 55% 35%,#df9f634d,transparent 62%),linear-gradient(0deg,#18111cce,transparent 40%)}
.sweet-couple-visual .sweet-scene-emperor,.sweet-couple-visual .sweet-scene-zhiwei{position:absolute;bottom:-11%;width:58%;height:124%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 16px #120e16a0);transition:transform .3s ease,left .3s ease,right .3s ease}
.sweet-couple-visual .sweet-scene-emperor{left:3%;transform:scaleX(-1)}
.sweet-couple-visual .sweet-scene-zhiwei{right:1%;height:116%}
.sweet-couple-visual.sweet-closer .sweet-scene-emperor{left:14%;transform:scaleX(-1) translateX(-1.5%)}
.sweet-couple-visual.sweet-closer .sweet-scene-zhiwei{right:12%;transform:translateX(-2%)}
.sweet-scene-overlay{position:absolute;bottom:0;left:0;right:0;padding:42px 18px 15px;background:linear-gradient(0deg,#131018f5,transparent);display:grid;gap:3px;pointer-events:none}
.sweet-scene-overlay span{color:#f0c9a3;font-size:11px;letter-spacing:.12em}
.sweet-scene-overlay strong{color:#ffe8c4;font-size:clamp(15px,2.1vw,25px);font-weight:550}
.sweet-stage .imperial-cg-scene .sweet-cg-master{background-position:center center}
.sweet-zoom-btn{justify-self:start;min-height:44px}
.sweet-reading{min-width:0}
.sweet-script{display:grid;gap:10px}
.sweet-line{padding:11px 13px;background:#17141ed0;border-left:2px solid #aa8164;border-radius:2px 8px 8px 2px}
.sweet-line strong{display:block;font-size:12px;line-height:1.5;color:#e0b58d;margin-bottom:5px}
.sweet-line span{display:block;color:#f0e3d4;font-size:15px;line-height:1.9;overflow-wrap:anywhere}
.sweet-choices{display:grid;gap:10px;margin-top:20px}
.sweet-choices h3{font-size:19px;font-weight:550;color:#f1cda1}
.sweet-choice{display:grid;gap:7px;position:relative;border:1px solid #816751;border-radius:9px;background:#362934;color:#f9e1c2;min-height:68px;padding:13px 15px;text-align:left;width:100%;cursor:pointer}
.sweet-choice:hover,.sweet-choice.is-picked{border-color:#e7b689;background:#553843}
.sweet-choice span{font-size:16px;font-weight:550}
.sweet-choice small{font-size:13px;color:#d8bfb0;line-height:1.65}
.sweet-choice em{font-size:12px;color:#ffcfac;font-style:normal}
.sweet-response{border:1px solid #bf9270;border-radius:10px;background:#49323bbd;padding:16px;margin-top:15px;display:grid;gap:10px}
.sweet-response h3,.sweet-response>strong{font-size:18px;color:#ffe0b6}
.sweet-response .sweet-script{gap:6px}
.sweet-response p{color:#f5e5d5;font-size:15px;line-height:1.9}
.sweet-pick-label{font-size:12px;color:#e2bc96}
.sweet-gallery-intro{font-size:13px;color:#d9c0a8;margin:10px 0 19px}
.sweet-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sweet-gallery-card{background:#29232b;border:1px solid #725d51;border-radius:12px;overflow:hidden;padding-bottom:17px}
.sweet-gallery-card>.imperial-cg-scene,.sweet-gallery-card>.sweet-couple-visual{border:0;border-radius:0;min-height:190px;max-height:320px}
.sweet-gallery-card h3{color:#f0d3a8;font-size:17px;padding:12px 15px 5px}
.sweet-gallery-card p{color:#c8b2a3;font-size:12px;padding:0 15px;line-height:1.7}
.sweet-gallery-locked{height:210px;display:grid;place-items:center;color:#b9a79a;background:repeating-linear-gradient(125deg,#322833,#322833 16px,#29222c 16px,#29222c 30px);font-size:14px}
.sweet-moments-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sweet-moment-card{background:linear-gradient(120deg,#332633,#28222e);border:1px solid #896b55;border-radius:12px;padding:20px;display:grid;align-content:start;gap:14px}
.sweet-moment-card h2{font-size:20px;color:#ffdab0}
.sweet-moment-card p{font-size:14px;line-height:1.85;color:#e0cfbd}
.sweet-moment-card .btn{justify-self:start;min-height:44px}
.sweet-locked{font-size:13px;color:#bfae9e}
.sweet-moment-detail>.btn{min-height:44px}
.sweet-moment-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start}
.sweet-moment-layout>div:last-child{display:grid;gap:10px}
.sweet-moment-layout p{line-height:1.9;font-size:15px;color:#f0dfcf}
.sweet-image-viewer{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + 12px) 12px calc(env(safe-area-inset-bottom) + 12px)}
.sweet-viewer-shade{position:absolute;inset:0;background:#08050bf0}
.sweet-viewer-content{position:relative;width:min(1080px,100%);max-height:94dvh;overflow:auto;display:grid;gap:10px;border:1px solid #c39970;border-radius:13px;background:#201820;padding:12px}
.sweet-viewer-content>.btn{justify-self:end;min-height:44px}
.sweet-viewer-content .imperial-cg-scene,.sweet-viewer-content .sweet-couple-visual{width:100%;aspect-ratio:16/9;max-height:76dvh}
.sweet-mode-page button:focus-visible,.sweet-image-viewer button:focus-visible{outline:3px solid #f6d49a;outline-offset:3px}
@media(max-width:1100px){
 .sweet-episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sweet-episode-layout{grid-template-columns:minmax(0,1fr)}
 .sweet-stage{position:static}
 .sweet-stage .imperial-cg-scene,.sweet-couple-visual{max-height:490px}
}
@media(max-width:650px){
 .sweet-mode-page{padding:15px 12px 65px}
 .sweet-mode-intro{grid-template-columns:minmax(0,1fr);padding:17px}
 .sweet-mode-intro h1{font-size:32px}
 .sweet-mode-intro p{font-size:13px}
 .sweet-meter{padding:15px}
 .sweet-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:15px 0}
 .sweet-mode-tabs .btn{font-size:12px;min-width:0;width:100%;padding:9px 5px;min-height:44px}
 .sweet-mode-tabs [data-nav=home]{margin:0}
 .sweet-episode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .sweet-card-image{height:112px}
 .sweet-card-text{padding:12px 10px}
 .sweet-card-text strong{font-size:15px}
 .sweet-card-text small{font-size:11px}
 .sweet-episode-detail,.sweet-moment-detail{padding:13px}
 .sweet-detail-toolbar{align-items:flex-start}
 .sweet-detail-toolbar span{font-size:11px}
 .sweet-stage .imperial-cg-scene,.sweet-couple-visual{min-height:180px;aspect-ratio:4/3}
 .sweet-line{padding:10px 11px}
 .sweet-line span{font-size:15px;line-height:1.85}
 .sweet-choices{gap:8px}
 .sweet-choice{padding:12px;min-height:72px}
 .sweet-choice span{font-size:15px}
 .sweet-gallery-grid,.sweet-moments-grid,.sweet-moment-layout{grid-template-columns:minmax(0,1fr);gap:11px}
 .sweet-gallery-card>.sweet-couple-visual,.sweet-gallery-card>.imperial-cg-scene{min-height:180px}
 .sweet-scene-overlay{padding:35px 12px 12px}
 .sweet-image-viewer{padding:calc(env(safe-area-inset-top) + 6px) 6px calc(env(safe-area-inset-bottom) + 6px)}
 .sweet-viewer-content{max-height:96dvh;padding:7px}
 .sweet-viewer-content .imperial-cg-scene,.sweet-viewer-content .sweet-couple-visual{aspect-ratio:4/3;max-height:70dvh}
}
@media(max-width:370px){
 .sweet-episode-grid{grid-template-columns:minmax(0,1fr)}
 .sweet-card-image{height:140px}
 .sweet-mode-tabs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 .sweet-mode-page *, .sweet-image-viewer *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}