:root{--ink:#2c493e;--muted:#7b8977;--gold:#b18b4c;--paper:#fafbf5;--green:#315d49;--border:rgba(66,91,65,.12)}*{box-sizing:border-box}body{margin:0;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);overflow:hidden;background:#e6eddf;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #c3a966;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;display:block}#world{position:fixed;inset:0}#world canvas{display:block;width:100%;height:100%;touch-action:none}.topbar{position:absolute;top:30px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:2}.topbar>*{pointer-events:auto}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:13px}.brand-icon{width:49px;height:49px;border:1px solid #a8b397;border-radius:50%;display:grid;place-items:center}.brand-icon svg{width:32px;height:32px;stroke-width:1.2}.brand strong{font-family:Georgia,'Times New Roman',serif;font-size:29px;font-weight:normal;letter-spacing:-1.2px;line-height:1}.brand-dot{color:var(--gold)}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:4px;margin-top:7px;margin-left:2px}.top-right{display:flex;gap:10px;align-items:center}.personal{font-size:11px;background:#f9fbf1b5;border:1px solid var(--border);border-radius:30px;padding:10px 14px;margin-right:10px;display:flex;align-items:center;gap:7px}.personal i,.green-dot{height:6px;width:6px;background:#6b9564;border-radius:50%;display:inline-block}.icon-button{width:41px;height:41px;border-radius:50%;border:1px solid var(--border);background:#fbfcf3ab;display:grid;place-items:center;transition:background .2s,transform .2s}.icon-button:hover{background:#fffdf4;transform:translateY(-2px)}.icon-button svg{width:19px;height:19px}.intro{position:absolute;left:50px;top:145px;pointer-events:none;z-index:1}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:600;color:#8e947d;display:flex;gap:9px;align-items:center}.eyebrow>span{height:1px;width:25px;background:#b19a6d}.intro h1{font:normal clamp(32px,3.7vw,57px)/1.23 Georgia,'Times New Roman',serif;letter-spacing:-1.7px;margin:22px 0 20px}.intro h1 em{font-weight:normal;color:#7b8566}.intro p{font-size:12px;line-height:1.9;color:#7c8977;margin:0}.weather{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:10px;color:#8b927e}.weather svg{width:18px;height:18px;color:#aa925b}.glass{background:rgba(253,253,246,.85);border:1px solid rgba(255,255,255,.85);box-shadow:0 8px 35px #394c3010;backdrop-filter:blur(18px)}.session{position:absolute;right:42px;top:118px;border-radius:18px;padding:18px 19px;width:265px}.session-top{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:600;letter-spacing:1.5px;color:#929981}.tiny-icon svg{width:15px;height:15px;color:#8b9a74}.session-top button{border:0;background:transparent;padding:0;margin-left:auto;color:#8c977d}.session-top button svg{width:14px;height:14px}.time{display:flex;align-items:baseline;gap:8px;margin:17px 0}.time strong{font-size:31px;line-height:1;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-1px}.time span{font-size:10px;color:#9aa18e;margin-right:6px}.session-bottom{border-top:1px solid var(--border);padding-top:12px;display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#8a9580}.session-bottom>span:first-child{display:flex;align-items:center;gap:6px}.session-bottom #display-name{max-width:122px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.scene-tools{position:absolute;right:42px;top:315px;display:flex;flex-direction:column;gap:9px}.bottom-ui{position:absolute;bottom:max(19px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(720px,calc(100% - 48px));z-index:2}.movement-hint{display:flex;justify-content:center;gap:7px;align-items:center;color:#697a5d;font-size:10px;margin-bottom:15px;text-shadow:0 1px 4px #fff}.movement-hint svg{width:14px;height:14px}.action-dock{display:flex;border-radius:22px;padding:9px;gap:3px}.action-dock>button{border:0;background:transparent;border-radius:16px;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:11px 6px 12px;transition:background .2s,transform .2s;position:relative}.action-dock>button:hover{background:#eaf0e2;transform:translateY(-3px)}.action-dock>button.active{background:#e2ebd8}.action-dock>button.active:after{content:'';width:4px;height:4px;background:#63864f;border-radius:50%;position:absolute;bottom:5px}.action-icon{height:39px;display:grid;place-items:start center;color:#74815c}.action-icon svg{width:29px;height:29px;stroke-width:1.3}.action-dock strong{font-weight:600;font-size:11px}.action-dock small{font-size:8px;color:#929b87;margin-top:5px}.bottom-caption{display:flex;justify-content:space-between;margin:13px 6px 0;font-size:9px;color:#87917a}.version{font-size:8px;letter-spacing:1.1px}.action-state{position:absolute;left:50%;bottom:215px;transform:translateX(-50%);background:#fbfcf3ed;box-shadow:0 10px 40px #233f271a;border:1px solid #fff;border-radius:18px;min-width:280px;padding:15px 17px 20px;display:flex;align-items:center;gap:14px;overflow:hidden;z-index:2}.action-state[hidden]{display:none}.action-state>span svg{width:29px;height:29px;color:#a18651}.action-state strong{display:block;font-size:12px;font-weight:500}.action-state small{display:block;font-size:10px;margin-top:5px;color:#8c957f}.action-state>button{margin-left:auto;border:0;background:none;padding:5px}.action-state>button svg{width:16px;height:16px}.breath-line{position:absolute;height:3px;background:#e4eadb;bottom:0;left:0;right:0}.breath-line i{height:100%;width:0;background:#91a875;display:block;transition:width .2s}.toast{position:fixed;left:50%;bottom:315px;transform:translate(-50%,12px);padding:12px 20px;border-radius:30px;background:#304c40ed;color:#f3f4e9;font-size:12px;opacity:0;transition:.25s;pointer-events:none;z-index:12;max-width:calc(100% - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.loading{position:fixed;inset:0;background:#edf0e8;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;transition:opacity .5s}.loading.done{opacity:0;pointer-events:none}.loader-lotus svg{width:60px;height:60px;color:#82946a;animation:breathe 2.5s ease-in-out infinite}.loading strong{font:normal 23px Georgia,serif}.loading>span:last-child{font-size:11px;color:var(--muted)}@keyframes breathe{50%{transform:scale(1.13);opacity:.6}}dialog{border:1px solid #fff;background:#fcfcf5;color:var(--ink);border-radius:26px;padding:37px 38px 29px;max-width:440px;width:calc(100% - 32px);box-shadow:0 30px 120px #1c372f30;text-align:center;max-height:calc(100dvh - 35px);overflow:auto}dialog::backdrop{background:#354c3c38;backdrop-filter:blur(7px)}dialog .dialog-close{position:absolute;right:17px;top:17px;border:0;background:transparent;padding:5px;color:#85917a}.dialog-close svg{width:18px;height:18px}.dialog-mark{width:70px;height:70px;background:#eef1e3;border-radius:50%;display:grid;place-items:center;margin:0 auto 23px}.dialog-mark svg{width:42px;height:42px;stroke-width:1.2;color:#88986e}dialog .eyebrow{justify-content:center;font-size:8px}dialog h2{font:normal 32px/1.3 Georgia,serif;letter-spacing:-.8px;margin:13px 0 16px}dialog p{font-size:12px;line-height:1.9;color:#829078}dialog form{text-align:left;margin-top:24px}dialog label{font-size:11px;display:block;margin-bottom:9px;color:#697b60}input[type=text],input:not([type]),textarea{width:100%;border:1px solid #dbe2d2;border-radius:11px;padding:13px;background:#f6f8ef;color:var(--ink);font-size:13px;outline:none;resize:vertical}input:focus,textarea:focus{border-color:#81996f}input::placeholder,textarea::placeholder{color:#a0aa92}.primary,.secondary{width:100%;border:0;background:#3b614b;color:#f7f7ec;border-radius:12px;padding:14px;margin-top:15px;font-size:12px;font-weight:500;display:flex;justify-content:center;align-items:center;gap:20px;text-decoration:none}.primary:hover{background:#2e503b}.primary svg{width:17px;height:17px}.secondary{background:#e8eddc;color:#536d45}.privacy-note{display:block;color:#9aa28c;font-size:9px;line-height:1.8;margin-top:18px}.wish-presets{display:flex;gap:7px;margin-top:10px}.wish-presets button{border:1px solid #dce3d1;border-radius:20px;padding:6px 10px;background:transparent;font-size:9px;color:#78876b}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border);gap:15px;margin:0}.setting-row input[type=checkbox]{width:34px;height:18px;accent-color:#658455;cursor:pointer}.setting-row input:not([type]){width:155px;padding:9px}.settings-note{font-size:10px!important;background:#f0f3e7;padding:13px;border-radius:10px;text-align:left}.download-link{margin-bottom:10px}.reduced-motion *{animation:none!important;transition:none!important}@media(min-width:1600px){.intro{left:65px;top:165px}.session{right:60px}}@media(max-width:900px){.topbar{left:23px;right:23px;top:23px}.intro{left:27px;top:118px}.intro h1{font-size:36px}.intro p{font-size:11px}.intro .eyebrow{font-size:7px;letter-spacing:1.5px}.session{right:23px;top:105px;width:220px;padding:15px}.session-top{font-size:7px;letter-spacing:1px}.scene-tools{right:23px;top:282px}.personal{font-size:9px;padding:9px;margin-right:0}.bottom-ui{width:min(650px,calc(100% - 36px))}}@media(max-width:600px){.topbar{top:max(18px,env(safe-area-inset-top));left:18px;right:18px}.brand-icon{width:39px;height:39px}.brand-icon svg{width:26px;height:26px}.brand{gap:9px}.brand strong{font-size:25px}.brand small{font-size:6px;letter-spacing:3px}.top-right{gap:6px}.personal{display:none}.icon-button{width:36px;height:36px}.intro{left:22px;top:95px}.intro h1{font-size:29px;line-height:1.22;margin:13px 0 10px;letter-spacing:-1px}.intro .eyebrow{font-size:6px;letter-spacing:1.4px}.intro .eyebrow>span{width:15px}.intro p{font-size:9px;line-height:1.7}.weather{margin-top:13px;font-size:8px;gap:5px}.weather svg{width:14px;height:14px}.session{right:17px;top:99px;width:127px;padding:12px 11px;border-radius:14px}.session-top{font-size:5.5px;letter-spacing:.6px;gap:4px}.session-top .tiny-icon{display:none}.session-top button{display:none}.time{gap:4px;margin:12px 0}.time strong{font-size:23px}.time span{font-size:7px;margin:0}.session-bottom{font-size:7px;padding-top:9px}.session-bottom>span:last-child{display:none}.scene-tools{right:18px;top:245px;gap:7px}.scene-tools .icon-button{width:33px;height:33px}.scene-tools svg{width:16px;height:16px}.bottom-ui{bottom:max(14px,env(safe-area-inset-bottom));width:calc(100% - 24px)}.action-dock{border-radius:19px;padding:5px;gap:0}.action-dock>button{padding:11px 2px 10px;border-radius:14px}.action-dock strong{font-size:9px}.action-dock small{font-size:6px;margin-top:5px}.action-icon{height:33px}.action-icon svg{width:25px;height:25px}.movement-hint{font-size:8px;margin-bottom:10px}.desktop-hint{display:none}.bottom-caption{font-size:7px;margin-top:10px}.version{font-size:6px;letter-spacing:.5px}.action-state{bottom:172px;min-width:250px;padding:12px 14px 16px}.action-state strong{font-size:11px}.action-state small{font-size:9px}.toast{bottom:260px;font-size:10px;width:max-content;max-width:90%}dialog{padding:30px 25px 23px}dialog h2{font-size:29px}.dialog-mark{width:58px;height:58px;margin-bottom:18px}}@media(max-height:610px) and (min-width:601px){.intro{top:100px}.intro h1{font-size:30px;margin:13px 0}.intro p,.weather{display:none}.session{top:100px}.action-dock>button{padding:8px}.action-dock small{display:none}.action-icon{height:30px}.action-icon svg{height:24px}.bottom-ui{bottom:12px}.scene-tools{top:260px;flex-direction:row}.action-state{bottom:150px}.movement-hint{margin-bottom:7px}}

.setting-row select{max-width:62%;border:1px solid #dbe2d2;border-radius:10px;padding:8px;background:#f6f8ef;color:var(--ink);font-size:12px}
