#paro-root{position:absolute;inset:0;z-index:45;overflow:hidden;color:#f1dfc5;font-family:var(--f-display);background:#26334a;--paro-paper:url('img/bg_paro_night.jpg')}
#paro-root[hidden],#paro-root [hidden]{display:none!important}
#paro-root .paro-paper{position:absolute;inset:0;background-image:var(--paro-paper);background-position:center;background-size:1920px 1080px;transition:background-image 1200ms ease;pointer-events:none}
#paro-root[data-tone="dream"]{color:#453b43;background:#ece1cd;--paro-paper:url('img/bg_paro_dream.jpg')}
#paro-root[data-tone="dawn"]{color:#272744;background:#fbf5ef;--paro-paper:url('img/bg_day.jpg')}
#paro-root button,#paro-root select{font-family:var(--f-display);color:inherit;font-weight:400;background:transparent;border:0;cursor:pointer;font-size:24px;letter-spacing:4px;padding:9px}
#paro-root button:focus-visible,#paro-root select:focus-visible{outline:1px solid currentColor;outline-offset:7px}
#paro-root button:disabled{opacity:.25;cursor:default}
#paro-root .paro-top{position:absolute;top:66px;left:82px;right:78px;display:flex;justify-content:space-between;align-items:center;z-index:5;font-size:25px;letter-spacing:5px}
#paro-scene{min-width:0;flex:1}
#paro-root .paro-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-shrink:0;margin-left:28px}
#paro-root #paro-auto{font-size:21px;letter-spacing:2px;white-space:nowrap}
#paro-root #paro-auto[aria-pressed="true"]{text-decoration:underline;text-underline-offset:8px}
#paro-root #paro-auto-speed{font-family:var(--f-latin);font-size:22px;letter-spacing:0;min-width:70px;padding:7px 3px;color:inherit}
#paro-root #paro-auto-speed option{color:#302c38;background:#f5ead8}
#paro-root[data-ui-language="en"] .paro-actions button,#paro-root[data-ui-language="en"] #paro-prev{letter-spacing:.7px}
#paro-root[data-ui-language="en"] .paro-kind{letter-spacing:2px}
#paro-cover,#paro-reading{position:absolute;inset:0}
#paro-cover .paro-cover-portrait,#paro-figure{position:absolute;left:235px;top:130px;width:633px;height:950px;object-fit:contain;transform-origin:50% 100%;transform:scale(var(--portrait-scale,.9518716578));pointer-events:none}
#paro-cover .paro-cover-copy{position:absolute;left:1000px;top:350px;width:760px}
#paro-cover .paro-kind{font-size:22px;letter-spacing:7px;opacity:.6;margin:0 0 32px}
#paro-cover h1{font-size:64px;font-weight:400;letter-spacing:8px;line-height:1.6;margin:0 0 34px;white-space:nowrap}
#paro-cover .paro-subtitle{font-size:22px;letter-spacing:3px;line-height:2.1;opacity:.65;margin:0 0 70px}
#paro-cover nav{display:flex;gap:52px}
#paro-figure{--portrait-scale:1}
#paro-prose{position:absolute;left:1000px;top:610px;width:730px;max-height:680px;transform:translateY(-50%);cursor:pointer}
#paro-prose p{font-family:var(--f-display);font-weight:400;font-size:30px;line-height:56px;letter-spacing:.7px;margin:0 0 22px;line-break:strict;overflow-wrap:anywhere;text-wrap:pretty}
#paro-prose p:last-child{margin-bottom:0}
#paro-prose .paro-speaker{font-size:22px;letter-spacing:2px;opacity:.70}
#paro-root[data-layout="centered"] #paro-prose{left:445px;top:610px;width:1030px}
#paro-prev{position:absolute;left:82px;bottom:64px;z-index:4}
#paro-next{position:absolute;left:1690px;top:956px;width:60px;height:60px;z-index:4}
#paro-next span{display:inline-block;font-family:"Huiwen-mincho";font-size:42px;line-height:1;transform:rotate(90deg);letter-spacing:0}
#paro-root.paro-turn #paro-prose{animation:paro-settle 650ms ease both}
@keyframes paro-settle{from{opacity:.15}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#paro-root .paro-paper,#paro-figure{transition:none}#paro-root.paro-turn #paro-prose{animation:none}}

#paro-word{position:absolute;left:445px;top:325px;width:1030px;text-align:center;font-family:var(--f-latin);font-style:italic;font-size:100px;line-height:1.3;letter-spacing:18px;color:#30425f}
#paro-word .paro-ink-name{display:inline-block;white-space:nowrap;font-kerning:none}
#paro-word .paro-ink-a{opacity:0}
#paro-word[data-complete="true"] .paro-ink-a{opacity:1}
#paro-word.paro-ink-reveal .paro-ink-a{animation:paro-ink-appear 1.5s ease-out both}
@keyframes paro-ink-appear{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#paro-word.paro-ink-reveal .paro-ink-a{animation:none}}
#paro-root[data-ink-word="LUC"] #paro-prose,#paro-root[data-ink-word="LUCA"] #paro-prose{top:735px;max-height:400px}

/* Unframed PARO uses the mainline's exact top/right menu anchors. */
#paro-root .paro-top {position:absolute;inset:0;display:block;pointer-events:none;}
#paro-scene {position:absolute;left:64px;top:34px;max-width:780px;}
#paro-root .paro-actions {position:absolute;right:64px;top:40px;display:flex;align-items:center;gap:26px;margin:0;pointer-events:auto;}
#paro-root .paro-actions button {font-size:22px;letter-spacing:3px;padding:0;line-height:1.4;}
#paro-root[data-ui-language="en"] .paro-actions button {letter-spacing:.4px;}
#paro-root #paro-prev {position:static;left:auto;bottom:auto;z-index:auto;}

/* Includes the five-character speaker label “门后的声音”; the column never changes by page. */
#paro-prose p.paro-dialogue{display:grid;grid-template-columns:128px minmax(0,1fr);column-gap:32px;align-items:baseline}
#paro-prose .paro-dialogue>.paro-speaker{white-space:nowrap;text-align:left;line-height:1}
#paro-prose .paro-dialogue-text{display:block;min-width:0;text-align:left}

/* Hang only the opening quote; first word and all continuation lines share one left edge. */
#paro-prose .paro-dialogue-text{position:relative}
#paro-prose .dialogue-opening{position:absolute;left:0;top:0;transform:translateX(-100%);font:inherit;letter-spacing:inherit;white-space:nowrap}

/* PARO English prose uses the same regular/italic hierarchy as the POV reader. */
#paro-root[data-ui-language="en"],
#paro-root[data-ui-language="en"] button,
#paro-root[data-ui-language="en"] select {
 font-family:"IM Fell English","Luca Text",Georgia,serif;
 font-style:normal;font-weight:400;font-synthesis:none;
}
#paro-root[data-ui-language="en"] #paro-scene,
#paro-root[data-ui-language="en"] #paro-cover h1,
#paro-root[data-ui-language="en"] .paro-subtitle,
#paro-root[data-ui-language="en"] .paro-kind {
 font-family:"IM Fell English","Luca Text",Georgia,serif;
 font-style:normal;font-weight:400;letter-spacing:.4px;
}
#paro-root[data-ui-language="en"] #paro-scene {font-size:25px;line-height:1.3;max-width:780px;}
#paro-root[data-ui-language="en"] #paro-cover h1 {font-size:64px;line-height:1.35;white-space:normal;}
#paro-root[data-ui-language="en"] .paro-subtitle {font-size:25px;line-height:1.5;}
#paro-root[data-ui-language="en"] #paro-cover nav button {letter-spacing:.4px;}
#paro-root[data-ui-language="en"] #paro-prose {left:980px;top:590px;width:760px;max-height:720px;}
#paro-root[data-ui-language="en"][data-layout="centered"] #paro-prose {left:445px;top:590px;width:1030px;}
#paro-root[data-ui-language="en"] #paro-prose p {
 font-family:"IM Fell English","Luca Text",Georgia,serif;
 font-style:normal;font-weight:400;font-size:32px;line-height:49px;
 letter-spacing:normal;margin-bottom:20px;line-break:auto;
 word-break:normal;overflow-wrap:break-word;text-align:left;
}
#paro-root[data-ui-language="en"] #paro-prose p:last-child {margin-bottom:0;}
#paro-root[data-ui-language="en"] #paro-prose p.paro-dialogue {
 grid-template-columns:128px minmax(0,1fr);column-gap:32px;
}
#paro-root[data-ui-language="en"] #paro-prose .paro-speaker {
 font-family:var(--f-latin);font-style:italic;font-weight:400;
 font-size:23px;letter-spacing:normal;line-height:1.2;
 white-space:normal;word-break:normal;overflow-wrap:break-word;
}
#paro-root[data-ui-language="en"] #paro-prose .paro-dialogue-text {min-width:0;text-align:left;}
#paro-root[data-ui-language="en"][data-ink-word="LUC"] #paro-prose,
#paro-root[data-ui-language="en"][data-ink-word="LUCA"] #paro-prose {top:735px;max-height:400px;}

/* A dedicated ending card uses the same centered hierarchy as the POV endings. */
#paro-root .paro-ending{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:42px;animation:paro-ending-in 700ms ease both}
#paro-root .paro-ending h2{max-width:1400px;margin:0;font-size:48px;line-height:1.5;letter-spacing:12px;font-weight:400;text-align:center}
#paro-root .paro-ending p{margin:0;font-size:26px;letter-spacing:9px;opacity:.65}
#paro-root .paro-ending button{font-size:28px;letter-spacing:5px;padding:12px}
#paro-root[data-view="ending"] #paro-scene{visibility:hidden}
#paro-root[data-view="ending"] .paro-paper{background-image:url('img/bg_paro_night.jpg');transition:none}
#paro-root[data-ui-language="en"] .paro-ending h2,
#paro-root[data-ui-language="en"] .paro-ending p,
#paro-root[data-ui-language="en"] .paro-ending button{font-family:"IM Fell English",serif;font-style:normal;letter-spacing:.4px}
@keyframes paro-ending-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#paro-root .paro-ending{animation:none}}