:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;color:#f7faff;background:#050d19;font-synthesis:none;--bg: #050d19;--surface: #081422;--surface-2: #0b1a2c;--surface-3: #10243a;--line: rgba(127, 175, 228, .12);--line-soft: rgba(127, 175, 228, .075);--muted: #7e94ad;--muted-2: #607791;--blue: #579dff;--blue-2: #79b8ff;--blue-deep: #326fd8;--danger: #ff8290;--screen-pad: clamp(16px, 4.2vw, 22px);--orb-size: clamp(238px, 63vw, 304px);--cta-width: min(92%, 398px);--tab-height: 72px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{min-width:320px;color:#f7faff;background:radial-gradient(circle at 50% -8%,rgba(43,89,143,.18),transparent 29%),#050d19;overscroll-behavior:none}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}svg{display:block}.app-shell{width:100%;max-width:480px;min-height:100dvh;margin:0 auto;position:relative;overflow-x:hidden;background:radial-gradient(circle at 50% 22%,rgba(34,77,123,.09),transparent 31%),linear-gradient(180deg,#071321,#050e19)}.app-main{padding-bottom:calc(var(--tab-height) + 10px + env(safe-area-inset-bottom))}.screen{min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) var(--screen-pad) 28px}.today-screen{display:flex;flex-direction:column}.compact-header,.page-header,.editor-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.compact-header{min-height:58px;margin-bottom:2px}.header-copy{min-width:0}.date-label{font-size:clamp(17px,4.5vw,20px);font-weight:770;line-height:1.1;letter-spacing:-.025em;text-transform:capitalize}.daily-summary{margin-top:6px;font-size:clamp(13px,3.4vw,15px);line-height:1.1;color:var(--muted)}.daily-summary strong{color:#a8cff7;font-weight:700}.icon-button,.add-button,.back-button{width:clamp(44px,11vw,50px);height:clamp(44px,11vw,50px);flex:0 0 auto;border:1px solid var(--line);color:#d4e8fc;background:#3a71ac1f;border-radius:50%;display:grid;place-items:center;padding:0}.page-header{min-height:54px;position:relative}.centered-header{justify-content:center}.centered-header .add-button{position:absolute;right:0}.page-header h1,.editor-header h1{margin:0;font-size:clamp(20px,5vw,24px);font-weight:740;letter-spacing:-.025em}.header-spacer{width:46px}.status-orb{width:var(--orb-size);aspect-ratio:1;border-radius:50%;margin:clamp(22px,5.5vh,44px) auto 24px;position:relative;display:grid;place-items:center;isolation:isolate;filter:drop-shadow(0 0 18px rgba(78,153,236,.12))}.status-orb:before{content:"";position:absolute;inset:9px;z-index:0;border-radius:50%;background:radial-gradient(circle at 50% 34%,rgba(49,111,175,.19),transparent 43%),linear-gradient(180deg,#0a1b2c,#071421);border:1px solid rgba(157,206,255,.08);box-shadow:inset 0 0 40px #4189d10e}.status-orb:after{content:"";position:absolute;inset:0;z-index:1;border-radius:50%;background:conic-gradient(from 218deg,#214c78 0deg,#438fe9 52deg,#72b9ff 86deg,#3f8de7 132deg,transparent 132deg 230deg,#1f4771 230deg,#4f9cf5 292deg,#214c78 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px))}.status-orb.sleeping:after{background:conic-gradient(from 218deg,#1b426d 0deg,#4c9cf6 58deg,#7cc0ff 102deg,#4c9cf6 156deg,transparent 156deg 224deg,#214a75 224deg,#5aa8ff 296deg,#1b426d 360deg)}.orb-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.orb-icon{color:var(--blue-2);margin-bottom:10px}.orb-status{font-size:clamp(30px,7.4vw,38px);line-height:1;font-weight:830;letter-spacing:-.035em}.orb-time{margin-top:10px;font-size:clamp(24px,6vw,30px);line-height:1;color:#c7def8;font-weight:690}.orb-sub{margin-top:9px;color:#7c91a9;font-size:clamp(12px,3.2vw,14px)}.primary-action,.save-button{border:1px solid rgba(189,222,255,.14);color:#fff;background:linear-gradient(180deg,#5aa2ff,#3978df);box-shadow:0 10px 28px #2d6dd12e,inset 0 1px #ffffff1a;font-weight:720}.primary-action{width:var(--cta-width);height:clamp(60px,8vh,66px);align-self:center;border-radius:24px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(18px,4.6vw,21px)}.text-action{align-self:center;border:0;background:transparent;color:#72a9df;padding:13px 18px 14px;font-size:clamp(14px,3.6vw,16px);font-weight:660}.today-card{margin-top:4px;min-height:190px;padding:16px 16px 14px;background:linear-gradient(180deg,#0c1b2df0,#081523f2);border:1px solid rgba(124,176,231,.1);border-radius:22px;box-shadow:0 10px 30px #00000014}.section-head{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin:0 2px 8px}.section-head h2,.chart-card h2{margin:0;font-size:clamp(15px,4vw,18px);font-weight:720}.section-head span{color:#647f9b;font-size:13px;letter-spacing:.08em}.sleep-list{overflow:hidden}.today-card .sleep-list{background:transparent;border:0;border-radius:0}.scroll-list{max-height:150px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(87,157,255,.3) transparent}.sleep-row{width:100%;min-height:49px;display:grid;grid-template-columns:32px 1fr auto 20px;align-items:center;gap:9px;padding:6px 5px;border:0;border-bottom:1px solid var(--line-soft);color:#fff;background:transparent;text-align:left}.sleep-row:last-child{border-bottom:0}.sleep-row.compact{grid-template-columns:32px 1fr auto}.sleep-row-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#84bcff;background:#2a5b903d}.sleep-row-time{font-size:clamp(13px,3.6vw,15px);font-weight:670;white-space:nowrap}.sleep-row-duration{color:#d2e0ee;font-size:clamp(12px,3.2vw,14px);white-space:nowrap}.sleep-row-edit{color:#7088a3;display:grid;place-items:center}.empty,.empty-card{color:var(--muted);padding:34px 12px;text-align:center;font-size:14px}.history-screen{padding-top:calc(18px + env(safe-area-inset-top))}.history-wrap{margin-top:20px;display:grid;gap:18px}.history-group h3{margin:0 0 8px 2px;color:#728aa5;font-size:12px;line-height:1.2;font-weight:650;text-transform:capitalize}.history-list{border:1px solid rgba(127,175,228,.09);border-radius:18px;background:linear-gradient(180deg,#0c1b2df2,#081523f5)}.history-list .sleep-row{min-height:52px;padding-left:10px;padding-right:10px}.stats-screen{padding-top:calc(18px + env(safe-area-inset-top))}.segmented{margin:18px 0;padding:3px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:17px;background:#0a1828d6}.segmented button{height:42px;padding:0 9px;border:0;border-radius:13px;background:transparent;color:#7f96b0;font-size:14px;font-weight:680}.segmented button.active{color:#fff;background:linear-gradient(180deg,#579fff,#397ed7);box-shadow:0 5px 16px #3171ce26}.chart-card{padding:12px 0 8px;border:0;border-radius:0;background:transparent}.compact-chart-card h2{color:#9eb0c1;font-size:14px;font-weight:620}.bar-chart{height:clamp(190px,27vh,240px);margin-top:10px}.recharts-cartesian-axis-tick-value{fill:#607892;font-size:10px}.overview-title{margin:12px 0 16px;font-size:15px;font-weight:680;color:#a5b9cd}.overview-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(120px,.85fr);align-items:center;gap:18px}.radial{aspect-ratio:1;border-radius:50%;padding:14px;position:relative;background:conic-gradient(#173653 0 8%,#4f9cf4 8% 15%,#1c4168 15% 30%,#579fff 30% 40%,#183755 40% 54%,#367fcf 54% 64%,#193a5d 64% 81%,#5ca9ff 81% 91%,#193856 91% 100%);box-shadow:0 0 24px #4997ed1a}.compact-radial{width:clamp(180px,47vw,230px);margin:0 auto}.radial-inner{width:100%;height:100%;border-radius:50%;background:#071421;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#78aeea}.radial-inner svg:last-child{color:#e0ad4f}.clock-mark{position:absolute;z-index:3;color:#70859d;font-size:10px;line-height:1}.mark-0{top:-5px;left:50%;transform:translate(-50%)}.mark-6{right:-6px;top:50%;transform:translateY(-50%)}.mark-12{bottom:-6px;left:50%;transform:translate(-50%)}.mark-18{left:-9px;top:50%;transform:translateY(-50%)}.stats-stack{display:grid;gap:10px}.stat-card{min-height:66px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(127,175,228,.09);border-radius:14px;background:linear-gradient(180deg,#0d1d30f2,#091625f5)}.stat-card div{display:grid}.stat-card span{color:#738aa3;font-size:11px}.stat-card strong{margin-top:3px;color:#fff;font-size:18px;line-height:1;font-weight:700}.stat-card small{margin-top:4px;color:#617994;font-size:9px}.stat-card b{color:#76aff0;font-weight:500}.settings-card{margin-top:18px;padding:17px;border:1px solid var(--line);border-radius:19px;background:#0a192adb}.settings-card label{display:grid;gap:10px;color:#b7cbe0;font-size:14px;font-weight:650}.settings-card input,.note-field textarea{width:100%;border:1px solid var(--line);border-radius:15px;outline:0;background:#07131f;color:#fff;padding:14px 15px}.action-stack{display:grid;gap:11px}.action-stack button,.file-button{width:100%;min-height:50px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#0b1d30;color:#c9e2fa;font-size:14px;font-weight:680;text-align:center}.file-button{display:block!important}.file-button input{display:none}.action-stack .danger{color:#ff9ba5;background:#631b2629}.muted{color:var(--muted);font-size:12px;line-height:1.5}.editor-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#050d19}.editor-screen{width:100%;max-width:480px;height:100dvh;padding:calc(18px + env(safe-area-inset-top)) var(--screen-pad) calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;background:linear-gradient(180deg,#071422,#050e19);overflow:hidden}.editor-header{min-height:56px;justify-content:space-between}.editor-header button{width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#d4e2f0;padding:0}.editor-header span{width:46px}.editor-body{flex:1;min-height:0;display:grid;align-content:start;gap:14px;padding-top:16px;overflow-y:auto}.wheel-block{padding:12px 0 14px;border-bottom:1px solid rgba(127,175,228,.075)}.wheel-label{margin:0 6px 8px;color:#cbdceb;font-size:15px;font-weight:690;display:flex;align-items:center;gap:8px}.wheel-label svg{color:#8fbdf2}.wheel-block.disabled{opacity:.34}.wheel-columns{height:clamp(150px,20vh,190px);position:relative;display:grid;grid-template-columns:1.72fr .6fr .6fr;gap:6px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent 0,#000 23%,#000 77%,transparent 100%);mask-image:linear-gradient(transparent 0,#000 23%,#000 77%,transparent 100%)}.wheel-columns select{position:relative;z-index:2;width:100%;height:100%;padding:0 6px;border:0;outline:0;appearance:none;-webkit-appearance:none;background:transparent;color:#788ba0;text-align:center;font-size:clamp(15px,4vw,18px);scrollbar-width:none;color-scheme:dark}.wheel-columns select::-webkit-scrollbar{display:none}.wheel-columns option{padding:7px;background:#081422;color:#788ba0}.wheel-columns option:checked{color:#fff;background:#17273a;font-weight:700}.wheel-focus{position:absolute;z-index:1;left:0;right:0;top:50%;transform:translateY(-50%);height:42px;border-radius:10px;background:#8197b01c;border-top:1px solid rgba(154,183,213,.06);border-bottom:1px solid rgba(154,183,213,.06);pointer-events:none}.toggle-row{min-height:60px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(127,175,228,.075);color:#c9d6e5;font-size:15px}.toggle-label{display:inline-flex;align-items:center;gap:9px}.toggle-label svg{color:#8fbdf2}.toggle-row input{width:48px;height:28px;accent-color:var(--blue)}.note-field{display:grid;gap:8px;color:#7189a4;font-size:13px}.note-field textarea{min-height:100px;resize:none}.editor-actions{display:grid;grid-template-columns:minmax(112px,.36fr) minmax(0,1fr);gap:14px;padding-top:14px}.save-button{min-height:62px;border-radius:22px;padding:12px 18px;font-size:18px}.delete-button{min-width:112px;min-height:62px;border:1px solid rgba(255,125,141,.22);border-radius:20px;background:#6a1d2a21;color:#ff9ba7;font-size:16px;font-weight:690}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--tab-height) + env(safe-area-inset-bottom));padding:6px 12px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(126,177,229,.085);background:#040c16f6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{align-self:stretch;min-width:0;padding:6px 7px;display:grid;place-items:center;align-content:center;gap:4px;border:0;border-radius:18px;background:transparent;color:#617a95}.bottom-nav button span{display:grid;place-items:center}.bottom-nav button small{font-size:11px;font-weight:660}.bottom-nav button.active{color:#68abf5;background:linear-gradient(180deg,#2f639942,#1d446f26)}@media(max-width:360px){:root{--screen-pad: 14px;--orb-size: clamp(218px, 66vw, 238px);--tab-height: 66px}.primary-action{width:94%;height:56px;font-size:17px}.today-card{min-height:172px}.compact-radial{width:164px}.overview-grid{gap:10px}.stat-card{min-height:58px;padding:9px}.editor-actions{grid-template-columns:104px 1fr;gap:10px}.delete-button{min-width:104px}}@media(min-width:431px){:root{--screen-pad: 22px;--orb-size: 290px;--cta-width: 404px}}@media(max-height:720px){:root{--orb-size: clamp(210px, 52vh, 240px);--tab-height: 64px}.status-orb{margin-top:12px;margin-bottom:14px}.primary-action{height:56px}.today-card{min-height:165px}.wheel-columns{height:130px}.save-button,.delete-button{min-height:56px}.bar-chart{height:170px}}:root{--screen-pad: clamp(18px, 4.8vw, 24px);--cta-width: min(95%, 430px);--orb-size: clamp(210px, 55vw, 260px)}.compact-header{min-height:72px;margin-bottom:6px}.date-label{font-size:clamp(21px,5.3vw,25px);font-weight:790}.daily-summary{margin-top:7px;font-size:clamp(16px,4.1vw,19px)}.daily-summary strong{font-size:1.08em;color:#b8dcff}.status-orb{margin-top:clamp(14px,2.5vh,22px);margin-bottom:18px}.primary-action{width:var(--cta-width);height:clamp(68px,8.2vh,76px);border-radius:26px;font-size:clamp(20px,5vw,23px);gap:12px}.text-action{font-size:clamp(15px,3.8vw,17px);padding-top:12px;padding-bottom:13px}.sleep-cards-stack{display:grid;gap:12px;width:100%}.sleep-cards-stack .today-card{margin-top:0;min-height:190px}.yesterday-card{margin-bottom:calc(var(--tab-height) + env(safe-area-inset-bottom) + 14px)}.app-main:has(.today-screen){height:100dvh;padding-bottom:0;overflow:hidden}.today-screen{height:100dvh;min-height:0;overflow:hidden;padding-bottom:calc(var(--tab-height) + env(safe-area-inset-bottom) + 10px)}.today-screen .scroll-list{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media(max-height:860px){:root{--orb-size: clamp(188px, 50vw, 228px)}.compact-header{min-height:62px;margin-bottom:2px}.status-orb{margin-top:8px;margin-bottom:10px}.primary-action{height:62px}.text-action{padding-top:8px;padding-bottom:9px}.sleep-cards-stack{gap:8px}.sleep-cards-stack .today-card{min-height:154px;padding-top:12px;padding-bottom:10px}.scroll-list{max-height:112px}.sleep-row{min-height:42px}}@media(max-height:760px){:root{--orb-size: clamp(166px, 45vw, 202px)}.compact-header{min-height:54px}.date-label{font-size:clamp(18px,4.8vw,22px)}.daily-summary{margin-top:4px;font-size:clamp(14px,3.7vw,17px)}.status-orb{margin-top:4px;margin-bottom:7px}.primary-action{height:56px;font-size:clamp(18px,4.7vw,21px)}.text-action{padding-top:6px;padding-bottom:7px}.sleep-cards-stack .today-card{min-height:134px;padding:10px 12px 8px;border-radius:18px}.section-head{min-height:24px;margin-bottom:5px}.scroll-list{max-height:92px}.sleep-row{min-height:38px;padding-top:4px;padding-bottom:4px}}.editor-body{gap:18px;padding-top:14px;overflow-y:auto}.wheel-block{padding:6px 0 12px}.wheel-label{margin:0 4px 10px;font-size:clamp(16px,4vw,18px)}.wheel-columns.custom-wheel{height:184px;grid-template-columns:1.7fr .55fr .55fr;gap:8px;-webkit-mask-image:linear-gradient(transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(transparent 0,#000 22%,#000 78%,transparent 100%)}.wheel-column{height:184px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;padding:69px 0;position:relative;z-index:2;touch-action:pan-y;-webkit-overflow-scrolling:touch}.wheel-column::-webkit-scrollbar{display:none}.wheel-column button{width:100%;height:46px;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#657a91;font-size:clamp(17px,4.3vw,20px);font-weight:520;padding:0 4px;white-space:nowrap}.wheel-column button.selected{color:#f6f9fd;font-weight:710}.wheel-column.disabled{pointer-events:none;opacity:.32}.wheel-focus{top:50%;transform:translateY(-50%);height:46px;border-radius:11px;background:#748fad21;border-top:1px solid rgba(178,207,238,.06);border-bottom:1px solid rgba(178,207,238,.06)}.toggle-row{min-height:62px;font-size:clamp(15px,3.8vw,17px)}.note-field textarea{min-height:92px}.editor-actions.centered-actions{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 0 max(10px,env(safe-area-inset-bottom))}.editor-actions.centered-actions .save-button{width:min(88%,390px);min-height:64px;border-radius:24px;font-size:clamp(18px,4.5vw,21px);order:1}.editor-actions.centered-actions .delete-button{width:min(42%,170px);min-height:46px;order:2}.overview-compact{display:grid;gap:18px;justify-items:center}.overview-compact .compact-radial{width:clamp(148px,38vw,176px)}.overview-compact .radial{padding:11px}.overview-compact .radial-inner{gap:10px}.stats-row{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stats-row .stat-card{min-height:86px;padding:12px 10px;border-radius:16px}.stats-row .stat-card span{font-size:12px}.stats-row .stat-card strong{margin-top:5px;font-size:clamp(18px,4.6vw,22px)}.stats-row .stat-card small{font-size:10px}.overview-title{margin-top:8px;margin-bottom:12px;font-size:clamp(16px,4vw,18px)}.sleep-timeline-block{width:100%;display:grid;justify-items:center;gap:12px}.sleep-timeline-wrap{width:clamp(180px,46vw,218px);aspect-ratio:1 / 1;position:relative;flex:0 0 auto}.sleep-timeline{width:100%;height:100%;display:block;overflow:visible}.timeline-track,.timeline-segment,.timeline-hit{fill:none;vector-effect:non-scaling-stroke}.timeline-track{stroke:#183b5d;stroke-width:11}.timeline-segment{stroke:#579dff;stroke-width:11;stroke-linecap:butt;filter:drop-shadow(0 0 4px rgba(87,157,255,.18));transition:stroke .15s ease,stroke-width .15s ease}.timeline-segment.selected{stroke:#8ac4ff;stroke-width:13}.timeline-hit{stroke:#000;stroke-width:24;opacity:0;filter:none;pointer-events:stroke;cursor:pointer}.timeline-mark{position:absolute;z-index:4;color:#70859d;font-size:10px;line-height:1;pointer-events:none}.timeline-mark.mark-0{top:-3px;left:50%;transform:translate(-50%)}.timeline-mark.mark-6{right:-2px;top:50%;transform:translateY(-50%)}.timeline-mark.mark-12{bottom:-3px;left:50%;transform:translate(-50%)}.timeline-mark.mark-18{left:-4px;top:50%;transform:translateY(-50%)}.timeline-center{position:absolute;inset:28%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#071421;color:#78aeea;pointer-events:none}.timeline-center strong{color:#d8e9fa;font-size:17px;line-height:1}.timeline-center span:last-child{color:#dca84d}.timeline-info{width:min(100%,390px);min-height:48px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(127,175,228,.09);border-radius:14px;color:#70869f;background:linear-gradient(180deg,#0d1d30f0,#091625f5);font-size:12px;text-align:center}.timeline-info.visible{justify-content:flex-start;color:#dbe9f7}.timeline-info-icon{color:#7db8ff;font-size:18px}.timeline-info strong{font-size:14px;color:#fff}.timeline-info.visible>span:last-child{margin-left:auto;color:#a8c5e4;white-space:nowrap}@media(max-width:370px){:root{--orb-size: 198px}.wheel-columns.custom-wheel,.wheel-column{height:166px}.wheel-column{padding:60px 0}.stats-row{gap:7px}.stats-row .stat-card{min-height:78px;padding:10px 8px}.sleep-timeline-wrap{width:172px}}.today-screen>.compact-header,.today-screen>.status-orb,.today-screen>.primary-action,.today-screen>.text-action{flex-shrink:0}.today-screen>.sleep-cards-stack{flex:1 1 auto;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr));overflow:hidden}.today-screen .sleep-cards-stack .today-card{min-height:0;height:100%;display:flex;flex-direction:column}.today-screen .sleep-cards-stack .sleep-list{flex:1 1 auto;min-height:0;max-height:none}.today-screen .primary-action{min-height:clamp(68px,8.2vh,76px)}@media(max-height:860px){.today-screen .primary-action{min-height:62px}}@media(max-height:760px){.today-screen .primary-action{min-height:56px}}.status-orb.awake .orb-icon svg{display:none}.status-orb.awake .orb-icon:after{content:"☀︎";display:block;color:#72b8ff;font-size:23px;line-height:1;transform:translateY(-1px)}.bottom-nav button:first-child>span svg{display:none}.bottom-nav button:first-child>span{position:relative;width:24px;height:20px;display:block}.bottom-nav button:first-child>span:before,.bottom-nav button:first-child>span:after{position:absolute;line-height:1;color:currentColor}.bottom-nav button:first-child>span:before{content:"☾";left:1px;bottom:0;font-size:17px}.bottom-nav button:first-child>span:after{content:"☀︎";right:0;top:-1px;font-size:11px}html,body,#root{background:#030b16}.app-shell{background-image:linear-gradient(180deg,#030a173d,#030a1757 52%,#030a177a),url(/botond-sleep-tracker/app-background.png);background-size:cover;background-position:center center;background-repeat:no-repeat;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app-shell input,.app-shell textarea,.app-shell select{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.today-card,.history-list,.segmented,.stat-card,.timeline-selection,.editor-panel,.editor-field{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.status-orb:before{inset:8px;background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(157,206,255,.08);box-shadow:inset 0 0 42px #0109174d,0 0 24px #4d97ff14}.status-orb.awake:before{background-image:linear-gradient(#040f2233,#040f224d),url(/botond-sleep-tracker/assets/ui/orbs/awake-orb-day.png)}.status-orb.sleeping:before{background-image:linear-gradient(#020a1a2e,#020a1a47),url(/botond-sleep-tracker/assets/ui/orbs/asleep-orb-night.png)}.status-orb .orb-content{text-shadow:0 2px 14px rgba(0,5,18,.85)}.status-orb.sleeping .orb-sub{color:#c3d7ec;font-weight:570;text-shadow:0 2px 12px rgba(0,5,18,.95)}.status-orb .orb-icon{display:none}.swipe-history-row{position:relative;overflow:hidden;min-height:52px;background:#0a1929;touch-action:pan-y}.swipe-history-actions{position:absolute;inset:0 0 0 auto;width:152px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.swipe-history-actions button{border:0;border-radius:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 6px;font-size:10px;font-weight:680}.swipe-history-actions .swipe-edit{background:linear-gradient(180deg,#29496b,#213b59);color:#fff}.swipe-history-actions .swipe-delete{background:linear-gradient(180deg,#173657,#102943);color:#fff}.swipe-history-content{position:relative;z-index:2;min-height:52px;width:100%;background:#0a1929;box-shadow:1px 0 #0a1929;transition:transform .18s cubic-bezier(.2,.8,.2,1);will-change:transform}.swipe-history-row:active .swipe-history-content{transition:none}.settings-fields{display:grid;gap:16px}.settings-card .language-select{width:100%;min-height:50px;border:1px solid rgba(127,175,228,.12);border-radius:15px;outline:0;background:#07131f;color:#fff;padding:12px 14px;appearance:auto}.recharts-tooltip-cursor{fill:transparent!important;stroke:transparent!important}.family-sync-settings-card{padding:0;overflow:hidden}.family-sync-settings-button{width:100%;min-height:82px;padding:14px 16px;border:0;background:transparent;color:inherit;font:inherit;display:grid;grid-template-columns:38px minmax(0,1fr) auto 16px;align-items:center;gap:11px;text-align:left}.family-sync-settings-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#6d8bb01a;color:#8ca9c8;font-size:19px;border:1px solid rgba(129,166,209,.12)}.family-sync-settings-icon.connected{color:#72bdff;background:#4797e91f;border-color:#69b3ff33;box-shadow:0 0 18px #4897e914}.family-sync-settings-copy{min-width:0;display:grid;gap:4px}.family-sync-settings-copy strong{font-size:14px;color:#e7f2ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-sync-settings-copy small{color:#839ab4;font-size:11px;line-height:1.35}.family-sync-settings-state{max-width:118px;color:#7f94ac;font-size:10px;font-weight:750;text-align:right;line-height:1.25}.family-sync-settings-state.connected{color:#6fbcff}.family-sync-settings-chevron{color:#71879f;font-size:24px;line-height:1}.family-sync-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#00050e9e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:18px 12px 0}.family-sync-sheet{width:min(100%,520px);padding:8px 18px calc(20px + env(safe-area-inset-bottom));border:1px solid rgba(111,171,255,.18);border-bottom:none;border-radius:26px 26px 0 0;background:linear-gradient(180deg,#0a1c33fa,#040f1efc);box-shadow:0 -18px 60px #00000061;color:#edf6ff}.family-sync-handle{width:38px;height:4px;border-radius:999px;background:#bed7f538;margin:2px auto 12px}.family-sync-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.family-sync-sheet header small{display:block;color:#79b9ff;font-size:11px;font-weight:700;letter-spacing:.02em;margin-bottom:3px}.family-sync-sheet h2{margin:0;font-size:22px;line-height:1.1}.family-sync-sheet header>button{width:34px;height:34px;border:0;border-radius:50%;background:#ffffff0f;color:#cfe3fa;font-size:24px;line-height:1}.family-sync-content{display:grid;gap:11px}.family-sync-content p{margin:2px 0 6px;color:#9fb4cd;font-size:13px;line-height:1.45}.family-sync-primary,.family-sync-secondary,.family-sync-link,.invite-code{width:100%;min-height:48px;border-radius:15px;font:inherit;font-weight:750}.family-sync-primary{border:1px solid rgba(117,182,255,.45);background:linear-gradient(180deg,#2d78ca,#1d5d9f);color:#fff;box-shadow:0 8px 24px #1868bc33}.family-sync-secondary{border:1px solid rgba(137,179,225,.2);background:#ffffff0b;color:#dcecff}.family-sync-link{min-height:38px;border:0;background:transparent;color:#8fb8e8}.family-sync-link.danger{color:#b9cfe7;opacity:.82}.family-sync-primary:disabled,.family-sync-secondary:disabled,.family-sync-link:disabled{opacity:.5}.family-sync-name-input,.family-sync-code-input{width:100%;height:58px;box-sizing:border-box;border:1px solid rgba(107,168,235,.24);border-radius:16px;outline:none;background:#0008148c;color:#fff}.family-sync-name-input{padding:0 16px;font:700 16px/1.2 inherit;text-align:left}.family-sync-name-input::placeholder{color:#627992}.family-sync-code-input{text-align:center;font:800 24px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase}.family-sync-name-input:focus,.family-sync-code-input:focus{border-color:#65b9ffb8;box-shadow:0 0 0 3px #4897e91f}.invite-view{text-align:center}.family-sync-family-name{color:#e9f5ff;font-size:16px}.invite-code{border:1px solid rgba(104,180,255,.34);background:#081f3ab8;color:#fff;font:850 30px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em;padding-left:.17em}.family-sync-status-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(100,178,255,.2);border-radius:16px;background:#3a85d314}.family-sync-status-card>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#55b0ff24;color:#83c5ff;font-weight:900}.family-sync-status-card div{display:grid;gap:2px;min-width:0}.family-sync-status-card strong{font-size:14px}.family-sync-status-card small{color:#8298b2;overflow:hidden;text-overflow:ellipsis}.family-sync-error{margin-top:12px;padding:10px 12px;border-radius:12px;background:#44698f29;color:#cfe2f7;font-size:12px;line-height:1.4}@media(min-width:700px){.family-sync-overlay{align-items:center;padding:20px}.family-sync-sheet{border-bottom:1px solid rgba(111,171,255,.18);border-radius:26px;padding-bottom:22px}}