:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;color:var(--app-text);background:var(--app-background);font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:light;--sleep-green: #29b327;--sleep-on-green: #ffffff;--app-background: #ffffff;--app-text: #242424;--app-muted: #777777;--app-surface: #f7f7f7;--app-input: #ffffff;--app-danger: #d64545;--app-shadow: 0 10px 34px rgba(0, 0, 0, .08);--nav-inactive: #808080;--nav-background: #f7f7f7;--nav-border: rgba(0, 0, 0, .06);--desktop-border: #eeeeee;--nav-height: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}:root[data-theme=dark]{color-scheme:dark;--app-background: #171717;--app-text: #f2f2f2;--app-muted: #a8a8a8;--app-surface: #242424;--app-input: #1d1d1d;--app-danger: #ff6b6b;--app-shadow: 0 10px 34px rgba(0, 0, 0, .28);--nav-inactive: #9a9a9a;--nav-background: #222222;--nav-border: rgba(255, 255, 255, .08);--desktop-border: #303030}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;overflow:hidden;color:var(--app-text);background:var(--app-background)}button{font:inherit}button,input,textarea{color:inherit}.app-shell{width:100%;min-height:100vh;min-height:100dvh;background:var(--app-background)}.app-content{height:calc(100vh - var(--nav-height) - var(--safe-bottom));height:calc(100dvh - var(--nav-height) - var(--safe-bottom));overflow-y:auto;overscroll-behavior-y:contain}.placeholder{display:flex;flex-direction:column;min-height:100%;padding:max(20px,env(safe-area-inset-top,0px)) 20px 28px;background:radial-gradient(circle at 50% 28%,rgba(41,179,39,.07),transparent 34%),var(--app-background)}.placeholder__header{width:min(100%,560px);margin:0 auto}.placeholder__eyebrow{color:var(--sleep-green);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.placeholder h1{margin:6px 0 0;color:var(--app-text);font-size:clamp(30px,8vw,40px);font-weight:700;letter-spacing:-.03em}.placeholder__card{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;width:min(100%,420px);margin:24px auto 0;padding:40px 28px;text-align:center}.placeholder__mark{display:grid;width:76px;height:76px;place-items:center;color:var(--sleep-green);background:#29b3271a;border:1px solid rgba(41,179,39,.14);border-radius:24px}.placeholder__mark svg{width:36px;height:36px}.placeholder__fallback-icon{font-family:Segoe UI Symbol,sans-serif;font-size:38px;line-height:1}.placeholder__fallback-nav-icon{font-family:Segoe UI Symbol,sans-serif;font-size:27px;line-height:30px}.placeholder__card h2{margin:22px 0 8px;color:var(--app-text);font-size:20px;font-weight:650}.placeholder__card p{max-width:340px;margin:0;color:var(--app-muted);font-size:15px;line-height:1.55}.standalone-message{display:flex;min-height:100vh;min-height:100dvh;padding:32px 28px;flex-direction:column;align-items:center;justify-content:center;color:var(--app-text);text-align:center;background:radial-gradient(circle at 50% 42%,rgba(41,179,39,.09),transparent 30%),var(--app-background)}.standalone-message__icon{width:76px;height:76px;margin-bottom:24px;color:var(--sleep-green)}.standalone-message__icon svg{width:100%;height:100%}.standalone-message h1{max-width:420px;margin:8px 0 10px;font-size:clamp(27px,7vw,36px);line-height:1.12;letter-spacing:-.03em}.standalone-message p{max-width:360px;margin:0 0 24px;color:var(--app-muted);font-size:15px;line-height:1.5}.status-spinner{width:34px;height:34px;margin:0 auto 20px;border:3px solid rgba(41,179,39,.18);border-top-color:var(--sleep-green);border-radius:50%;animation:spin .7s linear infinite}.status-spinner--error{border-color:var(--app-danger);animation:none}.button{min-height:46px;padding:11px 18px;font-weight:650;border:0;border-radius:14px;cursor:pointer;transition:opacity .12s ease,transform .12s ease}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{cursor:default;opacity:.55}.button--primary{color:var(--sleep-on-green);background:var(--sleep-green)}.button--secondary{color:var(--app-text);background:var(--app-surface);border:1px solid var(--nav-border)}.button--danger{color:var(--app-danger);background:transparent;border:1px solid currentColor}.button--danger-filled{color:#fff;background:var(--app-danger)}.dreams-screen{display:flex;min-height:100%;padding:max(20px,env(safe-area-inset-top,0px)) 20px 28px;flex-direction:column;background:var(--app-background)}.screen-header{display:flex;width:min(100%,560px);min-height:62px;margin:0 auto 22px;align-items:flex-end;justify-content:space-between;gap:16px}.screen-header h1{margin:6px 0 0;font-size:clamp(30px,8vw,40px);line-height:1;letter-spacing:-.03em}.icon-button,.text-button{flex:0 0 auto;color:var(--sleep-green);background:transparent;border:0;cursor:pointer}.icon-button{display:grid;width:44px;height:44px;place-items:center;border-radius:14px}.icon-button--add{color:var(--sleep-on-green);background:var(--sleep-green)}.icon-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.text-button{min-height:40px;padding:8px 0 4px 10px;font-weight:650}.content-state{display:flex;width:min(100%,420px);min-height:360px;margin:auto;padding:36px 26px;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center}.content-state__icon{display:grid;width:72px;height:72px;margin-bottom:18px;place-items:center;color:var(--sleep-green);font-size:42px;background:#29b3271a;border-radius:24px}.content-state__icon--error{color:var(--app-danger);font-size:30px;background:color-mix(in srgb,var(--app-danger) 10%,transparent)}.content-state h2{margin:0 0 8px;font-size:21px}.content-state p{max-width:330px;margin:0 0 24px;color:var(--app-muted);line-height:1.5}.dream-list{display:flex;width:min(100%,560px);margin:0 auto;padding-bottom:8px;flex-direction:column;gap:10px}.dream-card{position:relative;display:flex;width:100%;padding:17px 44px 17px 18px;flex-direction:column;align-items:flex-start;overflow:hidden;text-align:left;background:var(--app-surface);border:1px solid var(--nav-border);border-radius:18px;cursor:pointer}.dream-card__date,.dream-detail time{margin-bottom:6px;color:var(--sleep-green);font-size:12px;font-weight:700;letter-spacing:.02em}.dream-card strong{width:100%;overflow:hidden;font-size:17px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.dream-card__preview{display:-webkit-box;margin-top:5px;overflow:hidden;color:var(--app-muted);font-size:14px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dream-card__arrow{position:absolute;top:50%;right:17px;color:var(--nav-inactive);font-size:28px;transform:translateY(-50%)}.dream-list__add{width:100%;margin-top:8px}.dream-form,.dream-detail{display:flex;width:min(100%,560px);margin:0 auto;flex:1;flex-direction:column}.dream-form__field{display:flex;margin-bottom:18px;flex-direction:column;gap:8px;color:var(--app-muted);font-size:13px;font-weight:650}.dream-form__field--grow{flex:1}.dream-form input,.dream-form textarea{width:100%;padding:14px 15px;color:var(--app-text);font:inherit;font-size:16px;font-weight:400;background:var(--app-input);border:1px solid var(--nav-border);border-radius:14px;outline:none}.dream-form input:focus,.dream-form textarea:focus{border-color:var(--sleep-green);box-shadow:0 0 0 3px #29b3271f}.dream-form textarea{min-height:230px;flex:1;line-height:1.5;resize:vertical}.dream-form__actions,.dream-detail__actions,.confirm-dialog__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline-error{margin:0 0 14px;padding:12px 14px;color:var(--app-danger);font-size:14px;line-height:1.4;background:color-mix(in srgb,var(--app-danger) 8%,transparent);border-radius:12px}.dream-detail{padding:8px 0 0}.dream-detail h2{margin:0 0 18px;font-size:26px;line-height:1.2;letter-spacing:-.02em}.dream-detail>p{flex:1;margin:0 0 28px;font-size:16px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.dialog-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;padding:20px;place-items:center;background:#00000085}.confirm-dialog{width:min(100%,380px);padding:24px;background:var(--app-background);border:1px solid var(--nav-border);border-radius:22px;box-shadow:var(--app-shadow)}.confirm-dialog h2{margin:0 0 8px;font-size:22px}.confirm-dialog p{margin:0 0 22px;color:var(--app-muted);line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav{position:fixed;z-index:10;right:0;bottom:0;left:0;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--nav-background);border-top:1px solid var(--nav-border)}.bottom-nav__inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,620px);height:var(--nav-height);margin:0 auto}.bottom-nav__item{display:flex;min-width:0;height:100%;padding:5px 2px 3px;flex-direction:column;gap:1px;align-items:center;justify-content:center;color:var(--nav-inactive);background:transparent;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bottom-nav__item[aria-current=page]{color:var(--sleep-green)}.bottom-nav__item:focus-visible{outline:2px solid var(--sleep-green);outline-offset:-3px;border-radius:10px}.bottom-nav__item:active .bottom-nav__icon{transform:scale(.92)}.bottom-nav__icon{display:grid;width:30px;height:30px;place-items:center;transition:transform .1s ease}.bottom-nav__label{max-width:100%;overflow:hidden;font-size:12px;font-weight:400;line-height:17px;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 760px){.app-shell{width:min(100%,620px);margin:0 auto;border-right:1px solid var(--desktop-border);border-left:1px solid var(--desktop-border)}.bottom-nav__inner{border-right:1px solid var(--desktop-border);border-left:1px solid var(--desktop-border)}}@media (prefers-reduced-motion: reduce){.bottom-nav__icon,.button{transition:none}.status-spinner{animation-duration:1.4s}}