:root{--paper:#faf8f1;--ink:#334c48;--muted:#87948a;--green:#658574;--line:#e4e7dc;--orange:#d99c79;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,video{-webkit-tap-highlight-color:transparent}button{font:inherit;border:0;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid #b7caae;outline-offset:4px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.page{max-width:1260px;padding:0 52px;margin:auto}.header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{padding:0;background:none;display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:42px;height:44px;border-radius:14px 14px 14px 4px;background:var(--orange);color:#fff9ec;transform:rotate(-5deg)}.brand-mark svg{width:25px;height:25px;transform:rotate(5deg)}.brand>span:last-child{display:flex;align-items:center;gap:18px;font-size:25px;font-weight:650;letter-spacing:2px}.brand small{font-size:11px;letter-spacing:2px;font-weight:400;color:#8c968b;border-left:1px solid #dce1d6;padding-left:18px}.guide-link{font-size:11px;color:#939c90;text-decoration:none;display:flex;gap:8px;align-items:center;padding:10px 0}.guide-link:hover{color:var(--green)}.workspace{display:grid;grid-template-columns:minmax(330px,.94fr) minmax(400px,1.06fr);gap:76px;align-items:start;padding:44px 0 35px}.teacher-pane{text-align:center}.photo-frame{height:565px;position:relative;border-radius:28px 28px 8px 28px;overflow:hidden;background:#e6e6d9;isolation:isolate}.photo-frame>img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}.photo-frame>video{width:100%;height:100%;object-fit:contain;display:block;background:#263c37}.photo-missing{position:absolute;inset:0;display:grid;place-items:center;padding:30px;color:#83917e;font-size:13px;background:#e8e9df}.picture-label{position:absolute;top:18px;left:18px;padding:6px 10px;border-radius:6px;color:#6a7a68;background:#f9f9efdc;letter-spacing:1px;font-size:10px;z-index:2}.photo-shade{position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#2a413b91);pointer-events:none}.photo-caption{position:absolute;left:20px;right:20px;bottom:27px;color:#fffaf0;font-size:13px;letter-spacing:.7px;line-height:1.7;display:flex;justify-content:center;gap:10px;align-items:center}.caption-mark{color:#eac6a4;font-size:23px}.teacher-note{font-size:11px;letter-spacing:1px;color:#8a9788;margin:18px 0 8px}.original-link{display:inline-flex;gap:5px;align-items:center;background:transparent;padding:7px;color:#a0a794;font-size:10px}.original-link svg{width:12px;height:12px}.original-link:hover{color:var(--orange)}.content-pane{min-width:0;padding-top:10px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#9a9d8e;display:flex;align-items:center;gap:9px;margin:0 0 19px}.eyebrow>span{height:1px;width:22px;background:#d5a284}h1{font-weight:450;font-size:48px;line-height:1.38;letter-spacing:2px;margin:0}.home-description{font-size:14px;line-height:1.95;color:#8a9789;margin:20px 0 32px}.category-list{display:flex;flex-direction:column;gap:14px}.category-card{display:flex;gap:15px;align-items:center;text-align:left;padding:19px 21px;background:#f0eee2;border:1px solid #eae7da;border-radius:16px;min-height:89px;transition:background .18s,transform .18s}.category-card:hover{transform:translateX(3px);background:#eae8db}.category-card[data-category="mood"]{background:#f6eadd;border-color:#efdfcc}.category-card[data-category="mood"] .category-icon{background:#ecd5bd;color:#ab7d55}.category-card[data-category="story"]{background:#eaf0e5;border-color:#dfe7d8}.category-card[data-category="story"] .category-icon{background:#dbe7d1;color:#6b8b5b}.category-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#e2e2ce;color:#8a8f60;flex-shrink:0}.category-words{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.category-words strong{font-size:18px;font-weight:500;letter-spacing:1px}.category-words>span{font-size:11px;line-height:1.6;color:#939681}.category-card>svg{width:18px;height:18px;color:#9da68d}.home-footnote{font-size:11px;line-height:1.8;margin:25px 0 0;color:#a1aa97}.node-nav{display:flex;justify-content:space-between;gap:15px;margin-bottom:26px}.back-link,.home-link{background:transparent;font-size:12px;color:#85947e;padding:9px 0}.back-link:hover,.home-link:hover{color:var(--orange)}.category-label{font-size:11px;color:#b09875;letter-spacing:2px;margin:0 0 12px}.node-title{font-size:32px;line-height:1.5;letter-spacing:1px;outline:none}.recording-state{display:flex;gap:6px;align-items:center;font-size:11px;color:#ab9479;margin-top:14px}.recording-state>span{width:5px;height:5px;background:#c7ad8e;border-radius:50%}.script-panel{margin:23px 0 26px;background:#f0f2e8;border:1px solid #e5e9dc;border-radius:16px;padding:20px 23px}.script-label{font-size:10px;letter-spacing:1.5px;color:#9aa68e;margin:0 0 9px}.script-text{font-size:17px;line-height:2;color:#5a705d;white-space:pre-wrap;margin:0;overflow-wrap:anywhere}.choice-heading{font-size:11px;letter-spacing:1px;color:#96a18c;margin-bottom:12px}.choices{display:flex;flex-direction:column;gap:11px}.choice{display:flex;align-items:center;gap:18px;justify-content:space-between;text-align:left;border-radius:13px;padding:17px 19px;min-height:57px;background:#fffdf8;border:1px solid #e0e6d7;font-size:15px;line-height:1.6;color:#5f795f;transition:background .18s}.choice:hover{background:#eaf1e2}.choice svg{width:17px;height:17px;color:#a0ad92}.restart-link{margin-top:22px;padding:8px 0;background:transparent;color:#a0a994;font-size:11px}.restart-link:hover{color:var(--orange)}.ending{border-top:1px solid var(--line);padding-top:5px}.ending p{font-size:13px;line-height:1.9;color:#899b7f;margin:15px 0}.primary{padding:13px 19px;border-radius:12px;background:#738c70;color:#fffaf0;font-size:14px;letter-spacing:.4px}.primary:hover{background:#617d60}.primary span{margin-left:20px}.video-notice{margin:0 0 18px;padding:12px 14px;color:#aa8c68;background:#f5ebdc;border-radius:10px;font-size:12px;line-height:1.7}.loading{padding-top:100px;color:#96a18e;font-size:13px}.catalog-error{padding-top:80px;font-size:14px;line-height:1.8;color:#8b9a83}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:22px 0 26px;font-size:10px;letter-spacing:.8px;color:#a0aa95}.original-dialog{padding:20px;border-radius:20px;border:1px solid #e2e8da;background:var(--paper);max-height:calc(100dvh - 28px);width:min(440px,calc(100vw - 28px));color:var(--ink);box-shadow:0 24px 80px #1c332c44}.original-dialog::backdrop{background:#29443c99;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-head h2{font-size:18px;font-weight:500;margin:0}.close-button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8ede2;color:#819179}.close-button svg{width:18px;height:18px}.original-dialog>video{display:block;max-width:100%;max-height:calc(100dvh - 210px);margin:auto;border-radius:10px;background:#22352e}.original-dialog>p{font-size:11px;line-height:1.8;text-align:center;color:#8d9a83;margin:14px 0 0}[hidden]{display:none!important}
@media(max-width:1050px){.page{padding:0 34px}.workspace{gap:42px;grid-template-columns:minmax(280px,.95fr) minmax(330px,1.05fr)}.photo-frame{height:540px}h1{font-size:43px}.home-description{font-size:13px}.category-card{padding:17px}.category-words strong{font-size:17px}.node-title{font-size:29px}.script-text{font-size:16px}}
@media(max-width:760px){.page{padding:0 22px}.header{height:79px}.brand>span:last-child{font-size:23px}.brand small{display:none}.brand-mark{width:35px;height:37px;border-radius:12px 12px 12px 3px}.brand-mark svg{width:23px;height:23px}.guide-link{font-size:10px}.workspace{display:flex;flex-direction:column;gap:24px;padding-top:22px;padding-bottom:27px}.teacher-pane{width:100%}.photo-frame{height:320px;border-radius:21px;max-width:520px;margin:auto}.photo-frame>img{object-position:50% 14%}.picture-label{top:13px;left:14px;font-size:9px}.photo-caption{bottom:18px;font-size:11px}.teacher-note{display:none}.original-link{margin-top:8px;font-size:10px}.content-pane{width:100%;padding-top:0}.eyebrow{font-size:9px;margin-bottom:9px;letter-spacing:1px}h1{font-size:32px;line-height:1.4}#home-title br{display:none}.home-description{font-size:12px;margin:10px 0 23px;line-height:1.9}.category-list{gap:11px}.category-card{min-height:84px;padding:16px 17px;border-radius:15px}.category-words strong{font-size:17px}.category-words>span{font-size:10px}.category-icon{height:40px;width:40px}.home-footnote{font-size:10px;margin-top:20px}.node-nav{margin-bottom:14px}.node-title{font-size:27px}.category-label{font-size:10px;margin-bottom:7px}.script-panel{padding:17px 19px;margin-top:20px;margin-bottom:23px}.script-text{font-size:16px;line-height:1.95}.choice{font-size:15px;padding:16px 17px;min-height:58px}.restart-link{font-size:10px}.recording-state{font-size:10px;margin-top:10px}footer{font-size:8px;letter-spacing:.2px;padding-top:18px}.loading,.catalog-error{padding-top:30px}.original-dialog{padding:16px}.dialog-head h2{font-size:16px}}
@media(max-width:360px){.page{padding:0 16px}.photo-frame{height:290px}h1{font-size:29px}.category-card{gap:12px;padding:15px 13px}.category-words strong{font-size:16px}.category-words>span{font-size:9px}.script-text{font-size:15px}.choice{font-size:14px}.node-title{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.catalog-status{display:inline-block;margin:-15px 0 24px;padding:7px 10px;border-radius:7px;background:#eeeade;color:#a18e72;font-size:10px;line-height:1.6;letter-spacing:.4px}
@media(max-width:760px){.catalog-status{margin:-8px 0 18px;font-size:10px}}
/* Keep the source frame intact, including its original watermark/subtitle. */
.photo-frame{max-width:400px;margin-inline:auto;background:#e4e8dc}
.photo-frame>img{object-fit:contain;object-position:center}
.photo-shade{display:none}
.picture-label{position:static;display:inline-block;padding:0;background:transparent;margin-top:13px;font-size:10px;color:#8c9884;letter-spacing:.6px}
.photo-caption{position:static;margin-top:8px;font-size:12px;color:#879780;letter-spacing:.4px}
.caption-mark{font-size:17px;color:#c7ab83}
.teacher-note{display:none}
.original-link{margin-top:7px}
@media(max-width:760px){.photo-frame{height:360px;max-width:520px}.photo-frame>img{object-position:center}.picture-label{margin-top:11px;font-size:9px}.photo-caption{font-size:11px;margin-top:7px}.original-link{margin-top:4px}}

.sample-state{display:inline-block;margin-top:14px;padding:7px 10px;border:1px solid #e8d6b6;border-radius:8px;background:#f5ecda;color:#8d764e;font-size:11px;line-height:1.65;letter-spacing:.3px}
#companion-video::cue{font-size:16px;color:#fff;background-color:rgba(26,43,38,.82)}
@media(max-width:760px){#companion-video::cue{font-size:14px}}