:root{color-scheme:light;--ink:#4e4842;--muted:#857970;--paper:#f9f6f1;--line:rgba(105,89,78,.15);font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#ece6df}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #82796d;outline-offset:5px}button{border:0}button:active{transform:scale(.97)}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}#garden{position:fixed;inset:0;touch-action:none}.topbar{position:fixed;top:max(26px,env(safe-area-inset-top));left:36px;right:32px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;z-index:3}.topbar>*{pointer-events:auto}.brand{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:4px;text-shadow:0 1px 10px #fff}.brand span{font-family:"Songti SC",SimSun,serif;font-size:29px;letter-spacing:5px}.brand small{font-size:8px;letter-spacing:4px}.seasons{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:24px;padding:10px 27px 8px;background:rgba(250,248,245,.83);backdrop-filter:blur(18px);border-radius:30px;box-shadow:0 2px 16px #71585508}.seasons button{background:none;font-family:SimSun,serif;font-size:16px;padding:2px 3px 6px;position:relative}.seasons button:disabled{color:#a89f97}.seasons .current:after{content:"";position:absolute;height:1px;background:var(--ink);left:0;right:0;bottom:0}.icon-button{height:40px;width:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(250,247,243,.73);backdrop-filter:blur(14px);transition:background .2s}.icon-button:hover{background:rgba(255,253,251,.95)}.top-actions,.bottom-actions{display:flex;gap:7px}#helpToggle{font-family:Georgia,serif;font-size:20px}.glass{background:rgba(252,249,246,.87);border:1px solid rgba(255,255,255,.72);box-shadow:0 12px 42px #61453612;backdrop-filter:blur(20px)}.intro{position:fixed;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 40px));padding:35px 32px 28px;text-align:center;border-radius:24px}.eyebrow{font-size:8px;letter-spacing:2.5px;color:#95877c}.intro h1{font-family:"Songti SC",SimSun,serif;font-size:34px;font-weight:400;line-height:1.55;margin:18px 0 14px;letter-spacing:3px}.intro h1 em{display:block;font-style:normal}.intro-copy{font-size:12px;line-height:1.9;color:#84766d;margin-bottom:27px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;background:#615e54;color:#fffdf8;border-radius:30px;font-size:13px;min-height:44px}.primary:disabled{opacity:.6;cursor:wait}.text-button{display:block;margin:15px auto 0;background:none;font-size:12px;color:#8b7c71;padding:7px}.text-button span{margin-left:8px}.privacy{font-size:10px;color:#9a8d81;line-height:1.8;margin:22px 0 0}.bottom-bar{position:fixed;z-index:3;left:36px;right:32px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.bottom-bar>*{pointer-events:auto}.chapter{display:flex;flex-direction:column;gap:8px;text-shadow:0 0 12px #fff}.chapter span{font-family:SimSun,serif;font-size:14px;letter-spacing:3px}.chapter i{font-style:normal;color:#a6998c;padding:0 4px}.chapter small{font:12px Georgia,serif}.hint{position:absolute;left:50%;transform:translateX(-50%);bottom:0;display:flex;align-items:center;justify-content:center;gap:10px;max-width:55vw;min-height:43px;padding:10px 23px;border-radius:30px;font-size:12px;letter-spacing:.7px;white-space:nowrap;box-shadow:0 4px 20px #61453609}#modeDot{height:5px;width:5px;border:1px solid #918174;border-radius:50%;flex-shrink:0}body[data-mode="camera"] #modeDot{background:#a1ad8e;border-color:#a1ad8e}.panel{position:fixed;z-index:8;right:32px;top:85px;width:340px;max-width:calc(100% - 32px);padding:22px;border-radius:19px;max-height:calc(100dvh - 165px);overflow:auto}.panel-title{display:flex;justify-content:space-between;align-items:center;font-family:SimSun,serif;font-size:17px;margin-bottom:18px}.close{background:none;font-size:24px;width:32px;height:32px;color:#a49185}.gesture-row{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.gesture-row b{font:italic 14px Georgia,serif;color:#b19a8b;padding-top:3px}.gesture-row strong{font-size:13px;font-weight:500;letter-spacing:1px}.gesture-row p{font-size:12px;line-height:1.9;color:#918175;margin:7px 0 0}.fine,.mouse-help{font-size:11px;color:#978a7e;line-height:1.9}.mouse-help{padding-top:10px;border-top:1px solid var(--line)}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;margin:20px 0}.switch-row small{display:block;font-size:10px;color:#9a8d80;margin-top:7px}.switch-row input{accent-color:#8f9381;width:18px;height:18px}.secondary{background:#eae5dc;min-height:42px;border-radius:22px;padding:10px 18px;font-size:12px;width:100%}.calibration{position:fixed;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:min(400px,calc(100% - 32px));border-radius:22px;padding:25px;text-align:center}.calibration strong{font-size:16px;font-weight:500}.calibration p{font-size:12px;line-height:1.8;color:#8b7b70}.camera-preview{position:fixed;z-index:4;right:32px;bottom:90px;width:180px;border-radius:14px;overflow:hidden;line-height:0;padding:5px}.camera-preview video{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:9px;transform:scaleX(-1);background:#e8e4df}.camera-preview canvas{position:absolute;inset:5px 5px auto;width:calc(100% - 10px);aspect-ratio:4/3;pointer-events:none}.camera-preview>div{display:flex;gap:7px;align-items:center;padding:9px 6px 5px;font-size:10px;line-height:1.3;color:#7d7267}.camera-preview i{width:5px;height:5px;border-radius:50%;background:#b0a191}.camera-preview i.tracked{background:#899b77}.camera-preview button{position:absolute;right:9px;top:9px;width:25px;height:25px;background:#f9f7f1cc;border-radius:50%;font-size:18px;line-height:1}.loading{position:fixed;z-index:9;inset:0;display:flex;justify-content:center;align-items:center;gap:12px;background:#f0e9e5;font:14px SimSun,serif;letter-spacing:3px;transition:opacity .6s}.loading span{width:7px;height:7px;border-radius:50%;background:#bd9e9c;animation:pulse 1s infinite alternate}.error{position:fixed;z-index:11;left:50%;top:100px;transform:translateX(-50%);width:min(450px,calc(100% - 32px));padding:16px 20px;border-radius:15px;font-size:12px;line-height:1.8;white-space:pre-line}.error button{background:none;text-decoration:underline;float:right;margin-left:12px}.is-loading .primary{pointer-events:none}.active-camera{background:#dbe3d1}.camera-preview video.unmirrored{transform:none}@keyframes pulse{to{opacity:.2;transform:scale(.7)}}
@media(max-width:650px){.topbar{left:19px;right:15px;top:20px}.brand span{font-size:24px}.brand small{font-size:7px;letter-spacing:3px}.seasons{gap:15px;padding:9px 18px}.seasons button{font-size:14px}.top-actions{gap:2px}.icon-button{width:34px;height:34px}.bottom-bar{left:18px;right:15px;bottom:22px}.chapter span{font-size:11px;letter-spacing:1px}.chapter small{font-size:10px}.hint{bottom:58px;max-width:calc(100vw - 35px);font-size:11px;min-height:38px;padding:9px 17px}.camera-preview{right:15px;bottom:126px;width:135px}.panel{right:16px;top:76px}.intro{padding:27px 22px}.intro h1{font-size:30px}.top-actions #helpToggle{display:none}}
@media(prefers-reduced-motion:reduce){.loading span{animation:none}*{scroll-behavior:auto}}