/* Scoped to Yanan. A single coordinate transform aligns artwork, book and clock. */
.yr-room .yi-current-time{margin-left:auto;font:600 24px/1 'Courier New',monospace;font-variant-numeric:tabular-nums;color:#fff9e9;padding:10px 14px;background:#1b302955;border:1px solid #fff9e92c;border-radius:12px;backdrop-filter:blur(10px);flex-shrink:0}.yr-room .yi-current-time[hidden]{display:none}.yr-room .yi-menu{margin-left:0}.yr-room .yi-top .yi-context{max-width:min(620px,47vw)}.yr-room .yi-top .yi-context b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yr-room .yi-top .yi-context small{color:#f7e3b5;opacity:1}.yr-room .yi-bottom>button{min-height:36px}.yr-room .yi-drawer .yt-switch{display:flex;align-items:center;gap:9px;margin:16px 0}.yr-room .yi-drawer input[type=checkbox]{accent-color:#436a50}.yi-sound-settings{margin-top:24px;padding-top:20px;border-top:1px solid #dce2d4}.yi-sound-settings h3{margin:0 0 18px!important}.yi-sound-settings h4{font-size:14px;margin:0 0 12px}.yi-sound-block{border:1px solid #dde3d5;background:#fffdf5;border-radius:14px;padding:15px;margin-bottom:12px}.yi-noise-actions{display:flex;gap:10px}.yi-noise-actions select{flex:1;min-width:0}.yi-noise-actions button{flex-shrink:0}.yi-volume{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:12px;margin:16px 0 0}.yi-volume input{grid-column:1/-1;width:100%;accent-color:#41664e;cursor:pointer}.yi-music-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.yi-music-actions button{background:#ecf1e5;color:#37533f;border:1px solid #dce3d3;border-radius:8px;padding:7px 13px;font:inherit;font-size:12px;cursor:pointer}.yi-music-actions button:disabled{opacity:.5;cursor:wait}.yi-music-retry{font-size:11px!important;padding:10px 0 0!important}.yi-sound-settings #aplayer{width:100%;position:static!important}.yi-sound-settings .aplayer{margin:0;background:#fffdf5;color:#294131;box-shadow:none;border-radius:8px;font-family:inherit}.yi-sound-settings .aplayer .aplayer-info{height:auto;min-height:64px;padding:8px 5px}.yi-sound-settings .aplayer .aplayer-music{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:23px}.yi-sound-settings .aplayer .aplayer-title{font-size:12px}.yi-sound-settings .aplayer .aplayer-author{font-size:11px}.yi-sound-settings .aplayer .aplayer-list{max-height:160px!important}.yi-sound-settings #yi-sound-message{font-size:11px;color:#8b6444;min-height:0;margin:8px 0}.yi-deep-focus[hidden]{display:none!important}.yi-deep-focus{position:fixed;inset:0;height:100dvh;width:100vw;background:#241e18;overflow:hidden;isolation:isolate;z-index:10000;color:#efe4cb}.yi-deep-active .yi-space{visibility:hidden}.yi-deep-stage{position:absolute;top:50%;left:50%;transform-origin:center}.yi-deep-stage>picture,.yi-deep-stage>picture img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none}.yi-book-subject,.yi-book-task{position:absolute;color:#594c38;text-align:left;font-family:'STKaiti','KaiTi','Noto Serif SC','SimSun',serif;z-index:4;text-shadow:0 1px 0 #fff8e080;overflow:hidden}.yi-book-subject{left:29.5%;top:60.8%;width:18%;height:19%;transform:rotate(-4deg) skewY(-3deg)}.yi-book-task{left:53.5%;top:61.4%;width:19%;height:19%;transform:rotate(3deg) skewY(3deg)}.yi-book-subject small,.yi-book-task small{display:block;font-size:19px;color:#9b8d70;margin:0 0 22px;letter-spacing:3px}.yi-book-subject h2{font:500 30px/1.4 'STKaiti','KaiTi','Noto Serif SC','SimSun',serif;margin:0;overflow-wrap:anywhere}.yi-book-task p{font-size:25px;line-height:1.55;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.yi-desk-time{position:absolute;left:76.9%;top:52.2%;width:10.3%;height:6.3%;display:flex;justify-content:center;align-items:center;font:500 40px/1 'Courier New',monospace;letter-spacing:2px;font-variant-numeric:tabular-nums;color:#e8bd75;text-shadow:0 0 9px #dcb46c60;transform:rotate(3deg);z-index:5}.yi-desk-time[hidden]{display:none}.yi-deep-exit{position:absolute;top:max(22px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));border:1px solid #f7edd538;background:#302a2370;color:#f6ecd7;border-radius:30px;padding:11px 16px;font:inherit;font-size:13px;backdrop-filter:blur(12px);opacity:.65;cursor:pointer;z-index:20;transition:opacity .2s,background .2s}.yi-deep-exit:hover,.yi-deep-exit:focus-visible{opacity:1;background:#302a23d0}.yi-lamp-glow{position:absolute;left:18%;top:45%;width:41%;height:22%;border-radius:50%;background:radial-gradient(ellipse,#ffd87c2d,transparent 68%);pointer-events:none;z-index:2;mix-blend-mode:screen}.yi-deep-focus[data-motion=true] .yi-lamp-glow{animation:yi-lamp-warmth 9s ease-in-out infinite alternate}.yi-deep-focus[data-portrait=true] .yi-book-subject{left:15%;top:62%;width:30%;height:10%;transform:rotate(-3deg) skewY(-2deg)}.yi-deep-focus[data-portrait=true] .yi-book-task{left:55%;top:62%;width:30%;height:10%;transform:rotate(3deg) skewY(2deg)}.yi-deep-focus[data-portrait=true] .yi-book-subject small,.yi-deep-focus[data-portrait=true] .yi-book-task small{font-size:20px;margin-bottom:19px;letter-spacing:2px}.yi-deep-focus[data-portrait=true] .yi-book-subject h2{font-size:33px}.yi-deep-focus[data-portrait=true] .yi-book-task p{font-size:26px;-webkit-line-clamp:3}.yi-deep-focus[data-portrait=true] .yi-desk-time{left:38.3%;top:50.5%;width:23%;height:4.7%;font-size:47px;transform:none}.yi-deep-focus[data-portrait=true] .yi-lamp-glow{left:4%;top:51%;width:80%;height:27%}
.yi-weather{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;isolation:isolate}.yi-weather i{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;border-radius:50%;background:#ffe7a6;opacity:0;animation:yi-mote var(--duration) linear var(--delay) infinite}.yi-light-beam{position:absolute;top:-20%;left:13%;width:40%;height:83%;background:linear-gradient(110deg,transparent,#ffe5a813 45%,#ffe5a825 48%,transparent 58%);transform:rotate(-17deg);animation:yi-beam 21s ease-in-out infinite alternate}.yi-leaf-shadow{display:none}.yi-weather[data-effect=leaves] .yi-leaf-shadow{display:block;position:absolute;left:4%;top:12%;width:70%;height:46%;opacity:.2;background:radial-gradient(ellipse at 12% 24%,#17462980 0 3%,transparent 4%),radial-gradient(ellipse at 40% 37%,#1d492e60 0 5%,transparent 6%),radial-gradient(ellipse at 62% 19%,#2b542870 0 4%,transparent 5%);transform-origin:top left;animation:yi-shadow-sway 12s ease-in-out infinite alternate}.yi-weather[data-effect=rain]{height:63%;background:linear-gradient(transparent,#172a4410);clip-path:inset(0 6% 0 5%)}.yi-weather[data-effect=rain] i{top:-10%;height:80px;width:1px;border-radius:0;background:linear-gradient(transparent,#ccdef98c,transparent);animation:yi-rain 3.4s linear var(--delay) infinite;opacity:.35}.yi-weather[data-effect=rain] .yi-light-beam{display:none}.yi-weather[data-effect=petals] i{width:10px;height:13px;border-radius:80% 0 80% 35%;background:#ffcfdf;animation:yi-petal var(--duration) linear var(--delay) infinite}.yi-weather[data-effect=fire] .yi-light-beam{left:0;top:6%;width:70%;height:50%;background:radial-gradient(ellipse,#ffb3683b,transparent 70%);animation:yi-firelight 7s ease-in-out infinite alternate;transform:none}.yi-weather[data-effect=fire] i{background:#fff4cf;width:3px;height:3px}.yi-weather[data-effect=coast] .yi-light-beam{top:12%;left:8%;width:80%;height:43%;background:repeating-linear-gradient(173deg,transparent 0 24px,#b9e9f827 26px,#effdff25 29px,transparent 33px);animation:yi-waterlight 17s ease-in-out infinite alternate;transform:none}.yi-weather[data-effect=stars]{height:47%}.yi-weather[data-effect=stars] i{background:#e8f5ff;animation:yi-stars 8s ease-in-out var(--delay) infinite}.yi-weather[data-effect=stars] .yi-light-beam{display:none}.yi-space[data-motion=false] .yi-weather,.yi-deep-focus[data-motion=false] .yi-weather{display:none}.yi-space[data-motion=false] .yi-person.focus{animation:none}.yi-deep-focus[data-motion=false] .yi-lamp-glow{animation:none;opacity:.4}.yi-costudy .yi-weather{z-index:1}.yi-deep-focus .yi-weather{height:47%;left:28%;right:18%;width:54%}.yi-deep-focus[data-portrait=true] .yi-weather{left:20%;width:69%;height:47%}
@keyframes yi-mote{0%{opacity:0;transform:translate(0,25px)}20%{opacity:.6}75%{opacity:.35}100%{opacity:0;transform:translate(42px,-65px)}}@keyframes yi-beam{from{opacity:.4;transform:translateX(-12px) rotate(-17deg)}to{opacity:.85;transform:translateX(28px) rotate(-14deg)}}@keyframes yi-shadow-sway{from{transform:translateX(-12px) rotate(-2deg)}to{transform:translateX(16px) rotate(2deg)}}@keyframes yi-rain{from{transform:translate(0,-100px)}to{transform:translate(-75px,720px)}}@keyframes yi-petal{0%{opacity:0;transform:translate(0,-40px) rotate(0)}15%{opacity:.6}80%{opacity:.5}100%{opacity:0;transform:translate(100px,520px) rotate(220deg)}}@keyframes yi-waterlight{from{opacity:.25;transform:translate(0,-9px) skewX(-7deg)}to{opacity:.6;transform:translate(30px,12px) skewX(4deg)}}@keyframes yi-firelight{from{opacity:.25;transform:scale(.94)}to{opacity:.65;transform:scale(1.03)}}@keyframes yi-stars{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}@keyframes yi-lamp-warmth{from{opacity:.45;transform:scale(.98)}to{opacity:.95;transform:scale(1.03)}}
@media(max-width:700px){.yr-room .yi-top{gap:8px;flex-wrap:wrap;align-items:center}.yr-room .yi-logo{font-size:17px}.yr-room .yi-top .yi-context{order:4;flex-basis:100%;max-width:100%;background:#1b302950;padding:8px 11px;min-width:0}.yr-room .yi-top .yi-context small{max-width:none}.yr-room .yi-current-time{font-size:20px;padding:8px 11px}.yr-room .yi-menu{width:36px;height:36px}.yr-room .yi-timer,.yr-room .yi-costudy .yi-timer{top:25%}.yi-deep-exit{font-size:12px;padding:9px 13px}.yi-sound-block{padding:13px}}
@media(max-height:550px){.yr-room .yi-top{flex-wrap:nowrap}.yr-room .yi-top .yi-context{order:0;flex-basis:auto;max-width:54vw}.yr-room .yi-timer,.yr-room .yi-costudy .yi-timer{top:24%;padding:13px 18px}.yr-room .yi-timer-context{margin:3px}.yr-room #yr-now-task{margin:6px 0 10px}.yr-room #yr-time{font-size:44px}.yr-room .yi-bottom nav button,.yr-room .yi-bottom nav a{padding:8px 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.yi-weather{display:none!important}.yi-deep-focus *{animation:none!important;transition:none!important}.yi-lamp-glow{opacity:.4}}
.yr-room #yi-current-time[hidden]+.yi-menu{margin-left:auto}
/* A stage background remains composited reliably in browser fullscreen. */
.yi-deep-stage{background:url('/static/IMG/yanan/deep-focus-v1.webp') center/100% 100% no-repeat}.yi-deep-focus[data-portrait=true] .yi-deep-stage{background-image:url('/static/IMG/yanan/deep-focus-mobile-v1.webp')}.yi-deep-stage>picture{opacity:0}

/* Closed drawer transitions must never intercept the study scene. */
body[data-yanan-room="1"] .yi-drawer-backdrop,body[data-yanan-room="1"] .yi-drawer{pointer-events:none}
body[data-yanan-room="1"].yi-drawer-open .yi-drawer-backdrop,body[data-yanan-room="1"].yi-drawer-open .yi-drawer{pointer-events:auto}

/* Stable surfaces: animate small local decoration, never scene brightness or live blur. */
.yr-room .yi-context,.yr-room .yi-current-time,.yr-room .yi-timer,.yr-room .yi-bottom nav button,.yr-room .yi-bottom nav a,.yr-room .yi-drawer,.yi-deep-exit{backdrop-filter:none;-webkit-backdrop-filter:none}
.yr-room .yi-timer{width:min(510px,88vw);padding:24px 30px;background:linear-gradient(135deg,#233a2eee,#253c2adb);border-color:#f5edd344;box-shadow:0 16px 45px #15241d26}
.yr-room .yi-costudy .yi-timer{top:14%;width:min(410px,70vw);padding:14px 24px;background:linear-gradient(135deg,#284c3dec,#284c3ddb);border-radius:20px}
.yr-room .yi-timer-context,.yr-room #yr-timer-status,.yr-room #yr-time,.yr-room #yr-now-task{contain:layout paint}
.yr-room .yi-seat{transition:none}.yr-room .yi-seat:hover{filter:none}.yr-room .yi-seat:hover:after{content:'';position:absolute;inset:12% 9% 1%;border-radius:18px;border:1px solid #fff2c390;pointer-events:none}
.yr-room .yi-person.focus{animation:none;filter:none}.yr-room .yi-seat-name{padding:3px 8px;font-size:12px;background:#fff8e4e8}
.yi-light-beam,.yi-leaf-shadow,.yi-lamp-glow{animation:none!important;opacity:.22}.yi-weather[data-effect=fire] .yi-light-beam{width:15%;height:15%;top:36%;left:4%}.yi-weather[data-effect=coast] .yi-light-beam{width:20%;height:14%;top:25%;left:60%}
.yi-weather i{opacity:.24;will-change:transform;animation:yi-mote var(--duration) linear var(--delay) infinite}.yi-weather[data-effect=rain] i{opacity:.26}.yi-weather[data-effect=petals] i{opacity:.35}.yi-weather[data-effect=stars] i{opacity:.3}
@keyframes yi-mote{from{transform:translate(0,8px)}to{transform:translate(18px,-25px)}}
@keyframes yi-petal{from{transform:translate(0,-40px) rotate(0)}to{transform:translate(55px,450px) rotate(100deg)}}
@keyframes yi-stars{from{transform:scale(.85)}to{transform:scale(1.05)}}
.yi-deep-stage{contain:layout paint}.yi-deep-stage>picture{display:none}.yi-deep-exit{opacity:.28;font-size:12px;padding:9px 13px;background:#3b32282b;border-color:#e8dabc28}.yi-deep-exit:hover,.yi-deep-exit:focus-visible{opacity:.95;background:#3b3228c7}
.yi-book-subject,.yi-book-task{left:0;top:0;width:300px;height:160px;transform-origin:0 0;contain:layout paint;color:#655239;text-shadow:none;font-family:'Noto Serif CJK SC','Noto Serif SC','Source Han Serif SC','STKaiti','KaiTi','SimSun',serif;opacity:.9}
.yi-book-subject small,.yi-book-task small,.yi-deep-focus[data-portrait=true] .yi-book-subject small,.yi-deep-focus[data-portrait=true] .yi-book-task small{font-size:13px;line-height:1.4;margin:0 0 14px;letter-spacing:3px;color:#8e7858}
.yi-book-subject h2,.yi-deep-focus[data-portrait=true] .yi-book-subject h2{font:500 28px/1.65 'Noto Serif CJK SC','Noto Serif SC','Source Han Serif SC','STKaiti','KaiTi','SimSun',serif;letter-spacing:1px}
.yi-book-task p,.yi-deep-focus[data-portrait=true] .yi-book-task p{font-size:24px;line-height:1.6;letter-spacing:.3px;-webkit-line-clamp:4}
.yi-book-task p[data-length=medium]{font-size:21px;-webkit-line-clamp:4}.yi-book-task p[data-length=long]{font-size:18px;-webkit-line-clamp:5}
.yi-desk-time,.yi-deep-focus[data-portrait=true] .yi-desk-time{left:0;top:0;width:200px;height:72px;transform-origin:0 0;font:500 49px/1 'Courier New',monospace;letter-spacing:4px;color:#e7bd80;text-shadow:0 0 3px #b6976250}
@media(max-width:700px){.yr-room .yi-timer{padding:22px 18px}.yr-room .yi-costudy .yi-timer{top:25%;padding:12px 18px;width:82vw}.yr-room .yi-seat-name{font-size:15px}}
@media(max-height:550px){.yr-room .yi-timer,.yr-room .yi-costudy .yi-timer{top:18%;padding:10px 18px}.yr-room .yi-costudy #yr-time{font-size:40px}}
@media(prefers-reduced-motion:reduce){.yi-weather{display:none!important}.yi-space *, .yi-deep-focus *{animation:none!important;transition:none!important}}
.yi-deep-focus .yi-book-subject{left:0;top:0;width:300px;height:160px;transform:matrix3d(0.8556907631,-0.003154618474,0,9.437751004e-05,-1.208767077,-0.1072824333,0,-0.001501048838,0,0,1,0,568,584,0,1)}
.yi-deep-focus .yi-book-task{left:0;top:0;width:300px;height:160px;transform:matrix3d(0.8382117409,0.0716724967,0,3.673304526e-05,-1.185822007,-0.04996799195,0,-0.001334907062,0,0,1,0,892,575,0,1)}
.yi-deep-focus .yi-desk-time{left:0;top:0;width:200px;height:72px;transform:matrix3d(1.029311001,0.148703189,0,0.0002069923932,0.1119928808,0.7388112769,0,0.0001076815552,0,0,1,0,1300,492,0,1)}
.yi-deep-focus[data-portrait=true] .yi-book-subject{left:0;top:0;width:300px;height:160px;transform:matrix3d(0.8022390427,0.006571510957,0,4.469434833e-05,-0.4939878893,-0.5142949827,0,-0.001167820069,0,0,1,0,188,1054,0,1)}
.yi-deep-focus[data-portrait=true] .yi-book-task{left:0;top:0;width:300px;height:160px;transform:matrix3d(0.7261066219,0.04442228985,0,-5.247140309e-06,-0.7914507687,-0.9392263092,0,-0.001495107042,0,0,1,0,523,1048,0,1)}
.yi-deep-focus[data-portrait=true] .yi-desk-time{left:0;top:0;width:200px;height:72px;transform:matrix3d(0.98,0,0,0,0,0.7777777778,0,0,0,0,1,0,370,853,0,1)}
/* Every clamped paragraph must fit below its printed heading, including portrait. */
.yi-deep-focus .yi-book-task p,.yi-deep-focus[data-portrait=true] .yi-book-task p{font-size:24px;line-height:1.5;-webkit-line-clamp:3;max-height:126px}
.yi-deep-focus .yi-book-task p[data-length=medium],.yi-deep-focus[data-portrait=true] .yi-book-task p[data-length=medium]{font-size:21px;line-height:1.4;-webkit-line-clamp:4}
.yi-deep-focus .yi-book-task p[data-length=long],.yi-deep-focus[data-portrait=true] .yi-book-task p[data-length=long]{font-size:18px;line-height:1.35;-webkit-line-clamp:5}
.yi-deep-exit{opacity:.52;background:#3b322860;border-color:#e8dabc33;min-height:40px;min-width:88px}