*{box-sizing:border-box} :root{color-scheme:dark;font-family:Georgia,"Times New Roman",serif;color:#f5eedc;background:#0b191e}body{margin:0;background:radial-gradient(ellipse at 50% 0,#20363b,#0b191e 65%)}button,a,canvas{-webkit-tap-highlight-color:transparent}button{font:600 14px system-ui,sans-serif;border:1px solid #c6c7a044;border-radius:9px;background:#e5d3a1;color:#172528;padding:13px 19px;cursor:pointer;transition:background .2s,transform .2s}button:hover{background:#f6e7ba;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:default;transform:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #efdb8c;outline-offset:3px}.quiet{background:#12292ed9;color:#e5dfc9;border-color:#a8c1b945}.quiet:hover{background:#294246}main{max-width:1120px;margin:auto;padding:25px 30px 18px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font:10px system-ui;letter-spacing:.23em;color:#b6c7ba;margin:0 0 9px}h1{font-size:36px;line-height:1;margin:0;font-weight:400;letter-spacing:-.04em}h1 span{font:12px system-ui;letter-spacing:.12em;color:#aebeb5;display:inline-block;margin-left:18px}kbd{font:10px system-ui;border:1px solid #a1b5ac66;border-radius:4px;padding:2px 5px;margin-left:5px;opacity:.75}.dashboard{display:flex;gap:38px;align-items:center;padding:0 5px 17px}.dashboard>div{min-width:85px}small{display:block;font:9px system-ui;letter-spacing:.13em;color:#b6c7ba;margin-bottom:6px}strong{font-weight:400;font-size:25px}.dashboard .interest{flex:1;max-width:370px}.interest small{display:flex;justify-content:space-between}meter{display:block;width:100%;height:9px;border:0;background:#293f42;border-radius:6px}meter::-webkit-meter-bar{border:0;background:#293f42}meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#658e79,#ded191)}.garden{position:relative;overflow:hidden;border:1px solid #b3bda04a;border-radius:17px;box-shadow:0 20px 70px #0005;background:#112a30}canvas{display:block;width:100%;aspect-ratio:1.62;touch-action:none;cursor:crosshair}.catLabel{position:absolute;left:50%;top:33%;transform:translateX(-50%);pointer-events:none;font:9px system-ui;letter-spacing:.12em;color:#e6dbb6;text-shadow:0 2px 5px #000;background:#0b1b22a6;padding:5px 9px;border-radius:20px;white-space:nowrap}.phase{position:absolute;top:20px;left:22px;width:155px;pointer-events:none;font:11px system-ui;color:#dfdfc6}#beats{display:flex;gap:8px;margin:8px 0}#beats i{width:11px;height:11px;border:1px solid #d8c99766;border-radius:50%;background:#112830}#beats i.on{background:#f9dd9e;box-shadow:0 0 18px #fedc87}.clock{height:2px;background:#a5b4aa30}.clock b{display:block;width:0;height:100%;background:#d1c38e}#toast{position:absolute;bottom:18px;left:12px;right:12px;text-align:center;pointer-events:none;font:12px system-ui;color:#f5e7bd;text-shadow:0 2px 6px #000;background:#102329b8;max-width:560px;margin:auto;border-radius:30px;padding:9px 15px}.start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;background:linear-gradient(#07191c40,#081c22d9 46%,#081c22e8);backdrop-filter:blur(2px)}.start[hidden]{display:none}h2{font-size:39px;line-height:1.1;font-weight:400;margin:12px 0 17px;letter-spacing:-.03em}.start p:not(.eyebrow){max-width:440px;font:15px/1.75 system-ui;color:#bdcec5;margin:0 0 20px}.startButtons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.start .tiny{font-size:11px!important;margin-top:20px!important}.tools{display:flex;align-items:center;gap:9px;padding:18px 0}.tools button{padding:11px 15px;min-height:55px}.tools button small{font-size:9px;letter-spacing:0;color:inherit;margin:5px 0 0;font-weight:400;opacity:.8}.tools #shield{background:#9cc6b3}.tools #shield.armed{background:#eed59a;box-shadow:0 0 25px #d8bd8c30}.energy{flex:1;min-width:120px;margin-right:20px}.energy>span{font:10px system-ui;color:#a6bdb0;display:block;margin-top:8px}.energy small{display:flex;justify-content:space-between}footer{border-top:1px solid #a2bca122;padding-top:14px;display:flex;justify-content:space-between;gap:10px;font:9px/1.7 system-ui;color:#9bb0a7}footer b{color:#d8cc9e;margin-right:8px}a{color:#c9d8c7;text-underline-offset:3px}dialog{max-width:570px;width:calc(100% - 28px);max-height:90vh;overflow:auto;background:#142c30;color:#e4e9d7;border:1px solid #b3bda066;border-radius:17px;padding:32px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}dialog h2{font-size:30px}dialog p,dialog li{font:13px/1.8 system-ui;color:#b9cec3}dialog li{padding:5px 0}dialog ol{padding-left:20px}.close{position:absolute;right:12px;top:10px;padding:4px 11px;background:transparent;color:#eee;font-size:24px;border:0}.tiny{font-size:11px!important}@media(max-width:700px){main{padding:17px 13px}header{margin-bottom:19px}h1{font-size:29px}h1 span{display:block;margin:7px 0 0;font-size:9px}header button{font-size:11px;padding:10px}header kbd{display:none}.dashboard{gap:15px;flex-wrap:wrap;padding-bottom:12px}.dashboard>div{min-width:45px}.dashboard .interest{order:4;flex-basis:100%;max-width:none}strong{font-size:23px}.dashboard>div:last-child{margin-left:auto}canvas{aspect-ratio:1.03}.phase{left:12px;top:13px;width:102px;font-size:9px}.catLabel{font-size:7px;top:31%}.tools{flex-wrap:wrap;gap:7px;padding:12px 0}.energy{flex-basis:100%;margin:0 0 6px}.tools button{flex:1;padding:11px 8px;font-size:11px}.tools #pause,.tools #sound{min-height:38px}.tools kbd{display:none}footer{flex-direction:column;font-size:8px}.start{padding:20px}.start h2{font-size:29px}.start p:not(.eyebrow){font-size:12px;line-height:1.6}.start .eyebrow{font-size:8px}.startButtons button{padding:11px;font-size:11px}#toast{font-size:10px;bottom:10px;padding:6px 8px}dialog{padding:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}