:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#f0efdf;background:#243a30;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #f0efdf;--muted: #c6cbbd;--pine: #273d32;--serif: "Songti SC", "STSong", "Noto Serif CJK SC", "Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;--line: rgb(240 239 223 / 15%)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer}button{border:0;padding:0;background:none}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button,a,input{outline-offset:4px}:focus-visible{outline:2px solid #e9e5c3}button,a{touch-action:manipulation}button,input,label{-webkit-user-select:none;user-select:none}input[type=text]{-webkit-user-select:text;user-select:text}button,a,input{transition:background-color .18s ease,color .18s ease,border-color .18s ease}::selection{background:#c9d3ac;color:#21352b}[hidden]{display:none!important}svg{display:block;flex:0 0 auto}canvas{display:block}.icon{width:20px;height:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#garden,#ui{position:fixed;inset:0}#ui{pointer-events:none}#garden{overflow:hidden}#garden canvas{width:100%;height:100%;outline-offset:-5px}.ui-root{position:absolute;inset:0;--sidebar-opacity: .28}.glass{background:#1c271f73;border:1px solid rgb(239 236 215 / 17%);box-shadow:0 12px 38px #0915101f,inset 0 1px #fffff20a;backdrop-filter:blur(12px) saturate(.85);-webkit-backdrop-filter:blur(12px) saturate(.85)}.garden-intro{position:absolute;left:32px;top:29px;color:#f0efdf;text-shadow:0 1px 2px rgb(9 28 23 / 90%),0 2px 8px rgb(9 28 23 / 70%),0 5px 24px rgb(9 28 23 / 45%)}.garden-intro h1{margin:0;font:400 29px/1.4 var(--serif);letter-spacing:.14em}.garden-intro p{margin:10px 0 0;font:12px/1.8 var(--serif);letter-spacing:.1em;color:#dce4d8}.garden-caption{position:absolute;left:32px;bottom:30px;text-shadow:0 1px 6px rgb(9 28 23 / 80%)}.garden-caption p{margin:0}.garden-caption-line{font:13px/1.8 var(--serif);letter-spacing:.08em;color:#e6e9dd}.garden-caption .garden-caption-help{margin-top:6px;font-size:9px;line-height:1.8;color:#c8d3c5}.garden-header{position:absolute;right:30px;top:26px;display:flex;align-items:center;gap:15px}.clock-section{text-align:right;text-shadow:0 1px 4px rgb(15 25 17 / 65%),0 2px 15px rgb(15 25 17 / 40%)}.clock-time{display:block;font:400 32px/1.05 var(--serif);letter-spacing:-.025em;font-variant-numeric:tabular-nums}.clock-date{margin:7px 0 0;font-size:10px;letter-spacing:.06em;color:#edf0e0}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%}.icon-button:hover{background:#f1efdb1a}.organizer-toggle,.apps-toggle{pointer-events:auto;width:44px;height:44px;color:#f0efdf;background:#19231c2e;border:1px solid rgb(240 239 223 / 15%);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.organizer-toggle:hover,.organizer-toggle[aria-expanded=true],.apps-toggle:hover,.apps-toggle[aria-expanded=true]{background:#2330247f}.organizer-toggle .icon,.apps-toggle .icon{width:19px;height:19px}.organizer{pointer-events:auto;position:absolute;top:98px;right:28px;bottom:90px;width:308px;max-height:680px;display:flex;flex-direction:column;padding:21px 25px 17px;border-radius:12px;background:rgb(28 39 31 / var(--sidebar-opacity));text-shadow:0 1px 4px rgb(8 18 12 / 35%);scrollbar-width:thin;scrollbar-color:rgb(210 223 201 / 25%) transparent}.organizer::-webkit-scrollbar,.todo-scroll::-webkit-scrollbar,.settings-popover::-webkit-scrollbar{width:4px;height:4px}.organizer::-webkit-scrollbar-track,.todo-scroll::-webkit-scrollbar-track,.settings-popover::-webkit-scrollbar-track{background:transparent}.organizer::-webkit-scrollbar-thumb,.todo-scroll::-webkit-scrollbar-thumb,.settings-popover::-webkit-scrollbar-thumb{background:#d2dfc940;border-radius:4px}.organizer-heading{display:flex;align-items:center;gap:13px;margin-bottom:19px}.organizer-title{font:21px var(--serif);letter-spacing:.12em}.organizer-close{margin-left:auto}.calendar-section{flex:0 0 auto;border-bottom:1px solid var(--line);padding-bottom:18px}.calendar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.calendar-month{display:flex;align-items:baseline;gap:10px;margin:0;font:26px/1.2 var(--serif)}.calendar-year{font:11px -apple-system,BlinkMacSystemFont,sans-serif;color:var(--muted);letter-spacing:.06em}.calendar-navigation{display:flex;gap:2px;margin-right:-7px}.calendar-navigation .icon{width:16px;height:16px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-weekdays{margin-bottom:8px;font-size:10px;color:var(--muted);line-height:22px}.calendar-grid{row-gap:4px}.calendar-day{position:relative;justify-self:center;width:31px;height:31px;display:grid;place-items:center;font-size:12px;font-weight:400;font-variant-numeric:tabular-nums;border-radius:50%;border:1px solid transparent}.calendar-day:hover{background:#efeedb1f}.calendar-day.outside-month{color:#cdd4c173}.calendar-day[aria-current=date]{border-color:#e8ebd18a}.calendar-day[aria-pressed=true]{background:#e4e7d1;color:#2d4234;border-color:#e4e7d1}.calendar-day.has-todos:after{content:"";position:absolute;width:3px;height:3px;bottom:2px;left:calc(50% - 1.5px);border-radius:50%;background:#d1bb83}.calendar-day.has-todos[aria-pressed=true]:after{background:#476144}.today-link{display:block;font-size:10px;letter-spacing:.05em;color:#dfe2cc;margin:11px auto -3px;padding:4px 7px;border-radius:4px}.today-link:hover{background:#f1efdb1a}.today-link.is-current{color:#b6bfaa}.todo-section{flex:1 1 auto;min-height:110px;display:flex;flex-direction:column;padding-top:23px}.todo-heading{display:flex;align-items:center;justify-content:space-between}.todo-heading h2{font:18px var(--serif);letter-spacing:.08em;margin:0}.todo-count{font-size:10px;color:#c0c9b5}.selected-date{color:#c6cfba;font-size:10px;margin:9px 0 0;letter-spacing:.03em}.todo-scroll{flex:1;min-height:0;overflow:auto;margin:15px -7px 10px;padding:0 7px;scrollbar-width:thin;scrollbar-color:rgb(229 234 212 / 25%) transparent}.todo-list{list-style:none;margin:0;padding:0}.todo-item{display:flex;align-items:flex-start;gap:3px;padding:8px 0;border-bottom:1px solid rgb(237 239 216 / 9%)}.todo-label{position:relative;display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0;cursor:pointer;padding:4px 0}.todo-label>input{position:absolute;left:0;top:4px;opacity:0;width:17px;height:17px;margin:0;cursor:pointer}.todo-checkmark{display:grid;place-items:center;width:17px;height:17px;flex-shrink:0;border:1px solid rgb(227 232 209 / 48%);border-radius:50%;margin-top:1px}.todo-checkmark .icon{width:11px;height:11px;opacity:0}.todo-label>input:focus-visible+.todo-checkmark{outline:2px solid #e9e5c3;outline-offset:4px}.todo-label>input:checked+.todo-checkmark{background:#cad4b5;border-color:#cad4b5;color:#324935}.todo-label>input:checked+.todo-checkmark .icon{opacity:1}.todo-text{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.todo-item.is-done .todo-text{color:#aab59e;text-decoration:line-through;text-decoration-color:#c1cdb17f}.todo-remove{width:25px;height:28px;opacity:0;color:#cbd1bd}.todo-remove .icon{width:13px;height:13px}.todo-item:hover .todo-remove,.todo-item:focus-within .todo-remove,.todo-remove:focus-visible{opacity:1}.todo-empty{min-height:120px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c0cab2;padding:16px 0 20px}.todo-empty>.icon{width:30px;height:30px;margin-bottom:10px;opacity:.75;stroke-width:1}.todo-empty p{margin:0 0 8px;font:16px var(--serif);letter-spacing:.05em}.todo-empty>span{font-size:10px;color:#b2bea5}.todo-form{display:flex;align-items:center;min-height:43px;border:1px solid rgb(224 231 204 / 20%);border-radius:7px;background:#11201624;padding:0 5px 0 12px;gap:4px}.todo-form:focus-within{border-color:#dee6c5a6;background:#1120163d}.todo-form input{padding:10px 0;color:var(--paper);font-size:12px;border:0;outline:0;background:transparent;width:100%;min-width:0}.todo-form input::placeholder{color:#b9c4aa}.todo-add{width:29px;height:29px}.todo-add .icon{width:16px;height:16px}.todo-add:disabled{opacity:.35}.storage-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;letter-spacing:.04em;color:#bdc8ad;margin:14px 0 0}.storage-note .icon{width:11px;height:11px}.garden-toolbar{position:absolute;left:50%;bottom:25px;transform:translate(-50%);display:flex;align-items:center;padding:3px 5px;gap:2px;border-radius:9px;pointer-events:auto;min-height:44px;white-space:nowrap;background:#16201a5c;border:1px solid rgb(240 239 223 / 10%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.view-switch{display:flex;gap:1px}.view-button,.toolbar-button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border-radius:5px;color:#eef0e1;font-size:10px;padding:0 10px}.view-button .icon,.toolbar-button .icon{width:17px;height:17px}.view-button[aria-pressed=true]{background:#e5ead326;color:#fffdf0}.view-button:hover,.toolbar-button:hover{background:#e5ead31f;color:#fff}.toolbar-button[aria-pressed=true],.toolbar-button[aria-expanded=true]{background:#e5ead32b;color:#f2f1e3}.toolbar-button.icon-only{padding:0;width:36px}.toolbar-divider{width:1px;height:16px;background:var(--line);margin:0 4px}.weather-icon{display:flex}.focus-exit{position:absolute;right:24px;bottom:24px;width:36px;height:36px;pointer-events:auto;color:#f0efdf;background:#16201a38;opacity:.65}.focus-exit:hover,.focus-exit:focus-visible{opacity:1;background:#16201a8c}.focus-exit .icon{width:16px;height:16px}.is-focus>:not(.focus-exit){visibility:hidden;pointer-events:none}.is-focus>:not(.focus-exit) *{pointer-events:none}.popover{position:absolute;pointer-events:auto;bottom:84px;border-radius:12px;background:#1f2b22d1}.apps-popover{top:98px;right:28px;bottom:auto;z-index:2;width:min(308px,calc(100% - 30px));max-height:calc(var(--visible-height, 100dvh) - 125px);padding:16px;overflow-y:auto;background:#18241dd6;border-radius:18px}.apps-heading{display:flex;align-items:center;justify-content:space-between;padding:0 3px 9px 9px}.apps-heading h2{margin:0;font-size:12px;font-weight:500;letter-spacing:.06em;color:#dce3d5}.apps-heading .icon{width:15px;height:15px}.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.app-shortcut{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-height:96px;padding:12px 2px;border-radius:12px;font-size:11px;color:#f0f2e9}.app-shortcut:hover,.app-shortcut:focus-visible{background:#e4efde1c}.app-shortcut svg{width:34px;height:34px;filter:drop-shadow(0 2px 3px rgb(0 0 0 / 12%))}.weather-popover{width:370px;left:50%;transform:translate(-50%);padding:20px}.popover-heading{margin:0 0 17px;font:17px var(--serif);letter-spacing:.07em}.weather-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.weather-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:14px 2px 11px;border:1px solid transparent;border-radius:7px}.weather-option:hover{background:#e5ead314}.weather-option[aria-pressed=true]{border-color:#dee6c55e;background:#e5ead317}.weather-option>.icon{width:24px;height:24px}.weather-option-name{font-size:12px}.weather-description{font-size:8px;letter-spacing:-.025em;color:#c2cbb5}.popover-footnote{font-size:10px;color:#b5c0a9;text-align:center;margin:16px 0 0}.settings-popover{left:calc(50% - 10px);width:334px;padding:21px;max-height:calc(var(--visible-height, 100dvh) - 110px);overflow:auto;scrollbar-width:thin;scrollbar-color:#7b8972 transparent}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.settings-heading h2{font:20px var(--serif);margin:0}.settings-heading .icon-button{margin:-8px -6px -8px 0}.settings-heading .icon{width:17px;height:17px}.settings-actions{display:flex;flex-direction:column;gap:4px;margin-bottom:23px}.settings-action{display:flex;align-items:center;gap:10px;min-height:43px;border-radius:6px;padding:0 9px;font-size:12px;background:#f0efdf0a}.settings-action:hover{background:#f0efdf1a}.settings-action .icon{width:18px;height:18px}.setting-state{margin-left:auto;color:#c6d0b9;font-size:10px}.sound-toggle[aria-pressed=true]{background:#e5ead31f}.opacity-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.opacity-value{color:#d5dec6;font-size:11px}.opacity-slider{display:block;width:100%;height:20px;margin:0;accent-color:#d6dfc0;cursor:pointer}.slider-labels{display:flex;justify-content:space-between;font-size:10px;color:#b6c2a9;margin-top:3px}.install-guide{margin-top:24px;padding-top:21px;border-top:1px solid var(--line)}.install-guide h3{font:17px var(--serif);margin:0 0 9px}.install-guide p{font-size:11px;line-height:1.75;color:#c4cfb7;margin:0}.download-extension{margin-top:15px;display:flex;align-items:center;justify-content:center;gap:8px;background:#d8dfc3;color:#2e4434;padding:12px 6px;border-radius:6px;font-size:12px}.download-extension .icon{width:16px;height:16px}.download-extension:hover{background:#e9eddc}.install-guide ol{padding-left:17px;font-size:11px;line-height:1.9;color:#d0d8c3;margin:15px 0 0}.install-guide li+li{margin-top:6px}.install-guide code{font-family:inherit;font-size:10px;-webkit-user-select:all;user-select:all;color:#eff0db;overflow-wrap:anywhere}.settings-note{font-size:10px;line-height:1.8;color:#b9c5ac;margin:19px 0 0}.interaction-guide{font-size:10px;line-height:1.7;color:#c6d0ba;border-top:1px solid var(--line);margin:17px 0 0;padding-top:14px}.touch-hint{display:none}.keyboard-hint{margin:10px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:9px;color:#bcc7b0}kbd{font-family:inherit;font-size:9px;border:1px solid rgb(226 234 206 / 24%);border-radius:3px;padding:2px 4px}.toast{position:absolute;bottom:98px;left:50%;transform:translate(-50%);max-width:min(440px,calc(100vw - 40px));border-radius:8px;padding:13px 20px;background:#192a1fe5;color:#e7ecd9;font-size:12px;line-height:1.7;text-align:center;pointer-events:none}.ui-root:has(.popover:not([hidden])) .toast{bottom:18px}#loading{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#263d31;color:#e7e8d3;font:13px var(--serif);letter-spacing:.16em;transition:opacity .7s ease}#loading>span,#loading .loading-mark{font:66px var(--serif)}#loading.loaded{opacity:0;pointer-events:none}.garden-fallback{background:radial-gradient(ellipse at 60% 58%,#7d9a89,#547e6e 24%,#304f3e 51%,#213c2d 80%)}.webgl-notice{position:absolute;bottom:210px;left:44px;width:min(350px,calc(100% - 70px));padding:20px;color:#e5ead7;background:#182b1f99;border:1px solid rgb(233 236 215 / 20%);border-radius:8px;font-size:12px;line-height:1.8}@media(max-width:1100px){.garden-intro{left:25px;top:26px}.garden-caption{left:25px;bottom:86px}.garden-header{right:24px;top:24px}.organizer,.apps-popover{right:22px}.settings-popover{left:auto;right:24px}}@media(max-height:800px)and (min-width:761px){.organizer{padding-top:15px;padding-bottom:14px;overflow-y:auto;scrollbar-width:thin}.organizer-heading{margin-bottom:9px}.calendar-heading{margin-bottom:8px}.calendar-grid{row-gap:1px}.calendar-day{width:28px;height:28px}.calendar-section{padding-bottom:12px}.calendar-weekdays{margin-bottom:4px}.todo-section{padding-top:15px;flex:1 1 165px;min-height:135px}.todo-empty{min-height:76px;padding:7px 0}.todo-empty>.icon{width:20px;height:20px;margin-bottom:6px}.todo-empty p{font-size:15px;margin-bottom:6px}.todo-scroll{margin-top:10px;max-height:150px}.todo-form{min-height:38px}.storage-note{margin-top:8px}}@media(max-width:760px){.garden-intro{left:21px;top:max(23px,env(safe-area-inset-top))}.garden-intro h1{font-size:24px;letter-spacing:.1em}.garden-intro p{margin-top:5px;font-size:10px;letter-spacing:.04em}.garden-caption{left:23px;bottom:92px}.is-organizer-open .garden-caption{display:none}.garden-header{right:20px;top:max(22px,env(safe-area-inset-top));gap:12px}.apps-popover{top:max(91px,calc(env(safe-area-inset-top) + 69px));right:15px}.clock-time{font-size:29px}.clock-date{font-size:9px;margin-top:6px}.organizer{inset:91px 15px auto;width:auto;max-height:calc(var(--visible-height, 100dvh) - 175px);height:598px;padding:18px 24px 15px;border-radius:13px;overflow-y:auto;scrollbar-width:thin}.organizer-heading{margin-bottom:12px}.organizer-title{font-size:21px}.calendar-heading{margin-bottom:7px}.calendar-month{font-size:25px}.calendar-grid{row-gap:0}.calendar-day{width:30px;height:30px}.calendar-section{padding-bottom:12px}.calendar-weekdays{margin-bottom:3px}.today-link{margin-top:6px}.todo-section{padding-top:15px;min-height:160px;flex:1 0 160px}.todo-scroll{margin-top:8px;max-height:180px}.todo-empty{min-height:70px;padding:7px 0}.todo-empty>.icon{width:20px;height:20px;margin-bottom:4px}.todo-empty p{font-size:15px;margin-bottom:5px}.todo-form input{font-size:16px}.todo-form input::placeholder{font-size:12px}.todo-text{font-size:13px}.todo-remove{opacity:.8;width:30px}.storage-note{margin-top:11px}.garden-toolbar{bottom:max(19px,env(safe-area-inset-bottom));padding:2px 4px;gap:0;max-width:calc(100% - 24px);border-radius:9px}.view-button,.toolbar-button{min-height:44px;padding:0 10px;gap:5px}.toolbar-button.icon-only{width:40px}.toolbar-divider{margin:0 3px}.weather-popover{width:min(370px,calc(100% - 30px));bottom:84px;padding:18px 14px}.weather-options{gap:3px}.weather-description{font-size:8px;letter-spacing:-.04em}.settings-popover{width:min(334px,calc(100% - 30px));right:15px;bottom:84px;max-height:calc(var(--visible-height, 100dvh) - 108px)}.toast{bottom:91px;padding:12px 17px;width:max-content;font-size:11px}.focus-exit{right:19px;bottom:max(20px,env(safe-area-inset-bottom));width:44px;height:44px}.webgl-notice{bottom:150px;left:24px}}@media(max-height:740px)and (min-width:761px){.todo-empty{min-height:0;padding:2px 0}.todo-empty>.icon{display:none}.todo-empty p{font-size:14px;margin-bottom:4px}.todo-empty>span{font-size:9px}}@media(max-width:500px){.garden-header{display:grid;grid-template-columns:44px 44px;gap:7px}.clock-section{grid-column:1 / -1;grid-row:2;display:flex;align-items:baseline;justify-content:flex-end;gap:7px;white-space:nowrap}.clock-time{font-size:23px}.clock-date{font-size:8px;margin:0}.organizer{top:max(121px,calc(env(safe-area-inset-top) + 99px));max-height:calc(var(--visible-height, 100dvh) - 205px)}.apps-popover{top:max(121px,calc(env(safe-area-inset-top) + 99px));max-height:calc(var(--visible-height, 100dvh) - 145px)}}@media(max-width:380px){.garden-intro h1{font-size:22px}.garden-intro p{font-size:9px}.garden-header{right:17px;gap:9px}.clock-time{font-size:23px}.view-button,.toolbar-button{padding:0 8px}.organizer{padding-left:20px;padding-right:20px}}@media(max-width:760px)and (max-height:740px){.organizer-heading{margin-bottom:8px}.calendar-day{height:28px;width:28px}.calendar-heading{margin-bottom:3px}.calendar-section{padding-bottom:8px}.todo-section{flex:1 0 151px;min-height:151px;padding-top:12px}.todo-scroll{max-height:120px}.todo-empty{min-height:65px}.todo-empty>.icon{display:none}}@media(pointer:coarse){.pointer-hint{display:none}.touch-hint{display:inline}.todo-remove{opacity:.8}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}