:root{--dusk-top: #efaa94;--dusk-mid: #f6c29f;--dusk-horizon: #faddaf;--dusk-sun: #fff2c6;--sea-near: #35b8d2;--sea-far: #62c2c9;--ink: #4a5568;--ink-soft: #6b7a90;--panel: rgba(255, 255, 255, .64);--panel-strong: rgba(255, 255, 255, .86);--panel-border: rgba(255, 255, 255, .75);--cold: #a9b8c9;--cold-surface: #e4eaf1;--focus: #7fb8d6;--shadow: rgba(74, 85, 104, .16);--sky: #cde7f5;--water: #9fd3e0;--sand: #f4e3c1;--grass: #b8e0b0;--accent: #f7b7a3;--cream: #fbf6ec;--r-sm: 16px;--r-md: 20px;--r-lg: 24px;--panel-max: 560px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Nunito,Avenir Next,Segoe UI,system-ui,sans-serif;font-size:16px;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overscroll-behavior:none}body{background:var(--dusk-mid);overflow:hidden}button{font:inherit;color:inherit}.app-backdrop{position:fixed;inset:0;background:radial-gradient(circle at 30% 20%,var(--cream),transparent 55%),linear-gradient(180deg,var(--dusk-top) 0%,var(--dusk-horizon) 40%,var(--sea-near) 100%);filter:blur(24px) saturate(1.05);transform:scale(1.1)}.app-column{position:relative;width:100%;height:100dvh;overflow:hidden;background:linear-gradient(180deg,var(--dusk-top) 0%,var(--dusk-mid) 12%,var(--dusk-horizon) 23%,var(--sea-far) 26%,var(--sea-near) 100%)}.ui-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--r-lg);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 8px 28px var(--shadow)}.ui-button{min-height:48px;padding:12px 22px;border:0;border-radius:var(--r-md);font-size:17px;font-weight:700;background:var(--panel-strong);box-shadow:0 4px 14px var(--shadow);cursor:pointer;transition:transform .12s ease}.ui-button:active{transform:scale(.97)}.ui-button[data-variant=accent]{background:var(--accent)}.ui-button[data-variant=ghost]{background:transparent;box-shadow:none}.ui-button:focus-visible,.ui-tile:focus-visible,.ui-tab:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ui-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:96px;padding:12px;border:2px solid transparent;border-radius:var(--r-md);font-size:16px;font-weight:700;text-align:center;background:var(--panel-strong);cursor:pointer;transition:transform .12s ease,border-color .12s ease}.ui-tile[data-temp=warm] .ui-tile-icon{background:var(--accent)}.ui-tile[data-temp=cold] .ui-tile-icon{background:var(--cold)}.ui-tile[data-temp=neutral] .ui-tile-icon{background:var(--cold-surface)}.ui-tile[aria-pressed=true]{border-color:var(--focus);transform:scale(1.02)}.ui-tile-icon{width:40px;height:40px;border-radius:14px}.ui-tabs{display:flex;gap:6px;padding:4px;border-radius:var(--r-md);background:var(--cold-surface)}.ui-tab{flex:1;min-height:44px;border:0;border-radius:var(--r-sm);font-size:16px;font-weight:700;background:transparent;cursor:pointer}.ui-tab[aria-selected=true]{background:var(--panel-strong);box-shadow:0 2px 8px var(--shadow)}.ui-sheet-layer{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#4a55681f;animation:ui-fade .2s ease}.ui-sheet{position:relative;width:100%;max-width:var(--panel-max);max-height:88%;display:flex;flex-direction:column;border-radius:var(--r-lg) var(--r-lg) 0 0;padding:8px 20px calc(20px + var(--safe-bottom));animation:ui-rise .26s cubic-bezier(.2,.8,.2,1);touch-action:pan-x}.ui-sheet-handle{display:flex;justify-content:center;padding:6px 0 10px;cursor:grab;touch-action:none}.ui-sheet-handle:before{content:"";width:44px;height:5px;border-radius:3px;background:var(--cold)}.ui-sheet-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;touch-action:none}.ui-sheet-title{flex:1;margin:0;font-size:22px;font-weight:800}.ui-sheet-body{overflow-y:auto;min-height:160px}.ui-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 12px;text-align:center;font-size:17px;line-height:1.4}.ui-empty svg{width:140px;height:auto}@keyframes ui-fade{0%{opacity:0}}@keyframes ui-rise{0%{transform:translateY(40%);opacity:0}}.ui-waiting{display:flex;flex-direction:column;align-items:center;gap:6px}.ui-waiting svg{width:150px;height:auto;overflow:visible}.ui-waiting-sea{fill:none;stroke:var(--water);stroke-width:3;stroke-linecap:round}.ui-waiting-islet{fill:var(--grass);stroke:var(--sand);stroke-width:2}.ui-waiting-boat{fill:var(--ink-soft);animation:ui-waiting-sail 4.8s ease-in-out infinite alternate}.ui-waiting-sail{fill:var(--accent)}.ui-waiting-dots{display:flex;gap:6px}.ui-waiting-dots i{width:7px;height:7px;border-radius:50%;background:var(--ink-soft);opacity:.3;animation:ui-waiting-dot 1.4s ease-in-out infinite}.ui-waiting-dots i:nth-child(2){animation-delay:.2s}.ui-waiting-dots i:nth-child(3){animation-delay:.4s}@keyframes ui-waiting-sail{0%{transform:translate(42px,31px) rotate(-6deg)}50%{transform:translate(60px,32px) rotate(5deg)}to{transform:translate(78px,31px) rotate(-6deg)}}@keyframes ui-waiting-dot{50%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.ui-waiting-boat{transform:translate(60px,31px)}*,*:before,*:after{animation:none!important;transition:none!important}}.ui-tile-icon img{display:block;width:100%;height:100%}.ui-tile-icon:has(img){background:transparent!important}.ui-tile:disabled{cursor:default;opacity:.55}.ui-tile[aria-pressed=true]:disabled{opacity:1}.ui-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.ui-stack{display:flex;flex-direction:column;gap:14px}.ui-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ui-note{margin:0;font-size:16px;line-height:1.4;color:var(--ink-soft);text-align:center}.ui-title{margin:0;font-size:24px;font-weight:800;text-align:center}.ui-input{min-height:52px;padding:12px 16px;border:2px solid var(--panel-border);border-radius:var(--r-md);font:inherit;font-size:18px;color:var(--ink);background:var(--panel-strong)}.ui-input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ui-code{margin:0;font-size:40px;font-weight:800;letter-spacing:.18em;text-align:center}.ui-option{min-height:52px;padding:12px 16px;border:2px solid transparent;border-radius:var(--r-md);font-size:17px;font-weight:700;text-align:left;background:var(--panel-strong);cursor:pointer}.ui-option[aria-pressed=true]{border-color:var(--focus);background:var(--cream)}.ui-progress{position:relative;height:10px;border-radius:5px;background:var(--cold-surface);overflow:hidden}.ui-progress>span{position:absolute;inset:0 auto 0 0;border-radius:5px;background:var(--accent);transition:width .24s ease}.ui-block{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:var(--r-md);background:var(--panel-strong);animation:ui-fade .32s ease both}.ui-block h3{margin:0;font-size:17px;font-weight:800}.ui-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:16px;font-weight:700;background:var(--cream)}.ui-chip img{width:24px;height:24px}.ui-chip[data-temp=cold]{background:var(--cold-surface)}.splash{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,var(--dusk-top) 0%,var(--dusk-mid) 12%,var(--dusk-horizon) 23%,var(--sea-far) 26%,var(--sea-near) 100%)}.splash-sun{position:absolute;left:50%;top:calc(23% - 60px);width:120px;height:120px;margin-left:-60px;border-radius:50%;background:radial-gradient(circle,var(--dusk-sun) 0%,var(--dusk-sun) 50%,transparent 72%);opacity:.9;animation:splash-breathe 4s ease-in-out infinite}.splash-waves{position:absolute;left:-10%;width:120%;top:20%;height:10%}.splash-wave{fill:var(--sea-far)}.splash-wave-back{opacity:.55;animation:splash-drift 7s ease-in-out infinite alternate}.splash-wave-front{animation:splash-drift 5s ease-in-out infinite alternate-reverse}@keyframes splash-drift{to{transform:translate(-4%)}}@keyframes splash-breathe{50%{transform:scale(1.06)}}.island-screen{position:absolute;inset:0}.island-nav{position:absolute;left:12px;right:12px;max-width:var(--panel-max);margin-inline:auto;bottom:calc(16px + var(--safe-bottom));display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px}.island-nav .ui-button{min-height:44px;padding:8px 14px;font-size:16px}.island-badge{position:absolute;top:calc(12px + var(--safe-top));left:12px;padding:6px 14px;border-radius:999px;font-weight:800}.island-empty{position:absolute;left:16px;right:16px;max-width:var(--panel-max);margin-inline:auto;bottom:calc(24px + var(--safe-bottom))}.island-fallback{position:absolute;inset:0 0 35%;display:grid;place-items:center}.onboarding-layer{position:absolute;inset:0;z-index:15;display:flex;align-items:flex-end;justify-content:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));overflow-y:auto;animation:ui-fade .24s ease}.onboarding-card{width:100%;max-width:var(--panel-max);padding:24px 20px}.island-dev{position:absolute;top:calc(12px + var(--safe-top));right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:8px}.island-dev .ui-button{min-height:40px;padding:6px 12px;font-size:16px}.island-dev-name{padding:0 6px;font-size:16px;font-weight:800}.outbox-notice{position:absolute;top:calc(12px + var(--safe-top));left:50%;z-index:30;display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:10px 16px;transform:translate(-50%);font-size:16px}.update-layer{z-index:40;align-items:center}.app-present{position:fixed;inset:0;overflow:hidden;background:linear-gradient(180deg,var(--sky) 0%,var(--sky) 50%,var(--water) 60%,var(--water) 100%)}