:root{--radius-card: 18px;--radius-modal: 26px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--accent-peach: #f4a678;--accent-orange: #e8956e;--accent-coral: #d17b5c;--amber: #ffd17a;--golden: #ffb347;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:root,[data-theme=dark]{color-scheme:dark;--text-primary: #f3ede7;--text-secondary: #b6bacb;--text-muted: #828a9e;--glass-bg: linear-gradient(140deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .035));--glass-bg-strong: linear-gradient(140deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .06));--glass-border: rgba(255, 255, 255, .14);--glass-shadow: 0 6px 26px rgba(0, 0, 0, .32);--glass-inner: rgba(255, 255, 255, .28);--glass-blur: 16px;--grain-opacity: .06;--cta-bg: linear-gradient(135deg, #ffce8f, var(--accent-coral));--cta-text: #2a1a12;--glow: 0 0 22px rgba(244, 166, 120, .4);--bg: radial-gradient(120% 72% at 50% 82%, rgba(244, 166, 120, .3) 0%, rgba(244, 166, 120, 0) 56%), radial-gradient(90% 52% at 74% 84%, rgba(255, 179, 71, .16) 0%, rgba(255, 179, 71, 0) 55%), radial-gradient(70% 50% at 18% 10%, rgba(96, 124, 168, .22) 0%, rgba(96, 124, 168, 0) 55%), linear-gradient(177deg, #0a1726 0%, #15263f 44%, #243450 72%, #322f49 90%, #322f49 100%);--bg-solid: #322f49}[data-theme=light]{color-scheme:light;--text-primary: #14253a;--text-secondary: #3f5570;--text-muted: #74859c;--glass-bg: linear-gradient(140deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .26));--glass-bg-strong: linear-gradient(140deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .46));--glass-border: rgba(255, 255, 255, .68);--glass-shadow: 0 6px 22px rgba(43, 86, 140, .16);--glass-inner: rgba(255, 255, 255, .95);--glass-blur: 18px;--grain-opacity: .04;--cta-bg: linear-gradient(135deg, var(--accent-peach), var(--accent-coral));--cta-text: #3a2317;--glow: 0 0 20px rgba(209, 123, 92, .3);--bg: radial-gradient(80% 50% at 62% 16%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 55%), radial-gradient(100% 55% at 50% 90%, rgba(126, 178, 132, .18) 0%, rgba(126, 178, 132, 0) 55%), linear-gradient(178deg, #3f8fd2 0%, #6fb0e2 44%, #a6d2ef 74%, #cfe6f5 90%, #cfe6f5 100%);--bg-solid: #cfe6f5}*{box-sizing:border-box}html,body,#root{margin:0}html,body,#root{min-height:100%}html{background:var(--bg);background-color:var(--bg-solid)}body{position:relative;font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:var(--bg);pointer-events:none;transform:translateZ(0)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:var(--grain);background-size:180px 180px;opacity:var(--grain-opacity);mix-blend-mode:soft-light;pointer-events:none}button{font-family:inherit;cursor:pointer}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-inner)}.app{display:flex;flex-direction:column;min-height:100%;max-width:600px;margin:0 auto;padding:0 var(--space-4);padding-top:env(safe-area-inset-top)}.app__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) 0 var(--space-4)}.app__title{display:inline-block;margin:0;padding:var(--space-2) var(--space-6);border-radius:var(--radius-pill);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-inner);font-size:30px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);text-decoration:none}.app__title--sub{font-size:22px;padding:var(--space-1) var(--space-4)}.app__content{flex:1;padding-bottom:96px}.today-date{margin:0 0 var(--space-4) var(--space-2);color:var(--text-secondary);font-size:15px}.hero-clock{margin:var(--space-2) 0 var(--space-4) var(--space-2)}.hero-clock__time{font-size:46px;font-weight:600;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.hero-clock__date{margin-top:var(--space-2);color:var(--text-secondary);font-size:15px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:46px;padding:0 var(--space-6);border:1px solid var(--glass-border);border-radius:var(--radius-pill);background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-inner);color:var(--text-primary);font-size:16px;font-weight:500;transition:transform .15s ease,box-shadow .2s ease}.pill:active{transform:scale(.97)}.pill--cta{background:var(--cta-bg);color:var(--cta-text);border:none;box-shadow:var(--glow),inset 0 1px #fff6}.fab{position:fixed;right:max(var(--space-6),env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));width:60px;height:60px;border-radius:var(--radius-pill);border:none;background:var(--cta-bg);color:var(--cta-text);font-size:30px;line-height:1;box-shadow:var(--glow),var(--glass-shadow),inset 0 1px #ffffff73;transition:transform .15s ease;z-index:20}.fab:active{transform:scale(.92)}.tabs{display:flex;gap:var(--space-1);padding:var(--space-1);margin-bottom:var(--space-4);border-radius:var(--radius-pill);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-inner)}.tabs__tab{flex:1;min-height:40px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s ease}.tabs__tab--active{background:var(--glass-bg-strong);color:var(--text-primary);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-inner)}.task{position:relative;overflow:hidden;border-radius:var(--radius-card)}.task__inner{display:flex;align-items:center;gap:var(--space-2);padding:7px var(--space-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid var(--sphere-color, var(--accent-peach));border-radius:13px;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-inner);transition:transform .25s ease;touch-action:pan-y}.task__meta--time{color:var(--golden);font-weight:500}.task__title{flex:1;font-size:15px;line-height:1.3}.task__open{flex:1;text-align:left;background:none;border:none;padding:0;color:inherit;font:inherit}.task__title--done{color:var(--text-muted);text-decoration:line-through}.task__meta{font-size:13px;color:var(--text-secondary)}.task-list{display:flex;flex-direction:column;gap:var(--space-2)}.checkbox{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-pill);border:2px solid var(--text-muted);background:transparent;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.checkbox--checked{border-color:var(--golden);background:radial-gradient(circle at 30% 30%,var(--amber),var(--golden));box-shadow:0 0 12px #ffb34773}.checkbox__mark{color:#3a2317;font-size:15px;font-weight:700}.chip-row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:38px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-inner);color:var(--text-primary);font-size:14px}.chip__dot{width:12px;height:12px;border-radius:var(--radius-pill);background:var(--chip-color, var(--accent-peach));box-shadow:0 0 8px color-mix(in srgb,var(--chip-color, var(--accent-peach)) 60%,transparent)}.sphere-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.sphere-card{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-4);border-radius:var(--radius-card);border:1px solid color-mix(in srgb,var(--sphere-color, #fff) 36%,var(--glass-border));background:linear-gradient(140deg,color-mix(in srgb,var(--sphere-color, #fff) 26%,transparent),color-mix(in srgb,var(--sphere-color, #fff) 8%,transparent)),var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-inner);text-align:left}.sphere-card__dot{flex-shrink:0;width:16px;height:16px;border-radius:var(--radius-pill);background:var(--sphere-color, var(--accent-peach));box-shadow:0 0 10px color-mix(in srgb,var(--sphere-color, var(--accent-peach)) 65%,transparent)}.sphere-card__name{flex:1;font-size:15px;font-weight:500;color:var(--text-primary)}.sphere-card__count{font-size:13px;color:var(--text-secondary);opacity:.85}.sphere-card--new{justify-content:center;border-style:dashed;border-color:var(--glass-border);background:var(--glass-bg);color:var(--text-secondary)}.sphere-card__plus{font-size:22px;color:var(--text-secondary)}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--space-3) + env(safe-area-inset-bottom));display:flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--glass-bg-strong);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-inner);z-index:15}.bottom-nav__item{min-width:56px;min-height:44px;padding:0 var(--space-2);display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;text-decoration:none;white-space:nowrap}.bottom-nav__item--active{background:var(--glass-bg);color:var(--text-primary);box-shadow:inset 0 1px 0 var(--glass-inner)}.icon-btn{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-inner);color:var(--text-primary);font-size:18px;text-decoration:none}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:30}.sheet{width:100%;max-width:600px;max-height:88dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-6);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));border-radius:var(--radius-modal) var(--radius-modal) 0 0;background:var(--glass-bg-strong);border:1px solid var(--glass-border);backdrop-filter:blur(calc(var(--glass-blur) + 8px));-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 8px));box-shadow:0 -8px 40px #0000004d,inset 0 1px 0 var(--glass-inner);animation:sheet-up .25s ease}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.field{width:100%;min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-inner);color:var(--text-primary);font-size:16px;outline:none}.field::placeholder{color:var(--text-muted)}.field:focus{box-shadow:var(--glow),inset 0 1px 0 var(--glass-inner)}.section-title{display:inline-block;margin:var(--space-6) 0 var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-inner);font-size:18px;font-weight:600}.empty{text-align:center;color:var(--text-secondary);padding:var(--space-8) var(--space-4)}.sphere-edit-btn{cursor:pointer}.sphere-edit-hint{color:var(--text-muted);font-size:15px;margin-left:var(--space-1)}.detail-label{display:block;margin:var(--space-4) 0 var(--space-2);font-size:13px;color:var(--text-secondary)}.acc-head{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 var(--space-4);border-radius:var(--radius-card);border:1px solid var(--glass-border);background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-inner);color:var(--text-primary);font-size:16px;font-weight:600}.acc-head--open{border-radius:var(--radius-card) var(--radius-card) 0 0}.acc-chevron{color:var(--text-secondary);font-size:14px}.acc-body{border-top:none;border-radius:0 0 var(--radius-card) var(--radius-card);padding:var(--space-4)}.settings-msg{margin:var(--space-3) 0 0;font-size:14px;color:var(--text-secondary)}.cal-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-3)}.cal-nav__label{min-width:130px;text-align:center;font-size:16px;font-weight:600}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:var(--space-2)}.cal-weekday{text-align:center;font-size:11px;color:var(--text-muted);padding:2px 0}.cal-day{position:relative;min-height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;border-radius:10px;background:transparent;color:var(--text-primary);font-size:13px}.cal-selected{margin:var(--space-3) 0 var(--space-2) var(--space-2);font-size:14px;color:var(--text-secondary)}.cal-day--muted{color:var(--text-muted);opacity:.55}.cal-day--today{box-shadow:inset 0 0 0 1.5px var(--golden)}.cal-day--selected{background:var(--glass-bg-strong);box-shadow:inset 0 1px 0 var(--glass-inner)}.cal-day__num{line-height:1}.cal-day__dots{display:flex;gap:2px;height:6px}.cal-day__dot{width:6px;height:6px;border-radius:var(--radius-pill)}.cal-day__dot--empty{background:transparent;border:1px solid var(--text-muted)}.fade-in{animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.acc-subblock{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--glass-border)}.field--button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);text-align:left}.seg{display:flex;gap:var(--space-2)}.seg__item{flex:1;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text-secondary);font-size:15px}.seg__item--active{background:var(--cta-bg);color:var(--cta-text);border-color:transparent;box-shadow:var(--glow)}.tz-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:48px;padding:0 var(--space-3);border:none;border-bottom:1px solid var(--glass-border);background:transparent;color:var(--text-primary);font-size:16px;text-align:left}.tz-row__label{flex:1}.tz-row__offset{color:var(--text-muted);font-size:13px;font-variant-numeric:tabular-nums}.tz-option{display:flex;flex-direction:column;gap:var(--space-1);width:100%;margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-inner);color:var(--text-primary);text-align:left}.tz-option b{font-size:15px}.tz-option span{font-size:13px;color:var(--text-secondary)}.tz-option:disabled{opacity:.6}.app__header-left{display:flex;align-items:center;gap:var(--space-2)}.app__header-left .icon-btn{font-size:24px;line-height:1}