*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:IBM Plex Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.card{padding:1rem;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--border-radius)}.card-sm{padding:.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--border-radius)}.text-xs-upper{font-size:.8125rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.right-2{right:.5rem}.top-1\/2{top:50%}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[9999\]{z-index:9999}.m-0{margin:0}.my-4{margin-top:1rem;margin-bottom:1rem}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-3\.5{margin-bottom:.875rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-5{height:1.25rem}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-8{width:2rem}.w-full{width:100%}.max-w-\[360px\]{max-width:360px}.max-w-\[500px\]{max-width:500px}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:var(--border-radius)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-border{border-color:var(--border)}.border-error{border-color:var(--error)}.border-primary{border-color:var(--primary)}.bg-bg{background-color:var(--bg)}.bg-black\/50{background-color:#00000080}.bg-black\/85{background-color:#000000d9}.bg-card-bg{background-color:var(--card-bg)}.bg-error{background-color:var(--error)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:transparent}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.pl-3\.5{padding-left:.875rem}.pr-14{padding-right:3.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:IBM Plex Mono,monospace}.text-4xl{font-size:2.3125rem;line-height:2.5rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.813rem\]{font-size:.813rem}.text-\[0\.875rem\]{font-size:.875rem}.text-\[0\.938rem\]{font-size:.938rem}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[3rem\]{font-size:3rem}.text-base{font-size:1.0625rem;line-height:1.5rem}.text-lg{font-size:1.1875rem;line-height:1.75rem}.text-sm{font-size:.9375rem;line-height:1.25rem}.text-xl{font-size:1.3125rem;line-height:1.75rem}.text-xs{font-size:.8125rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.3\]{line-height:1.3}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.05em\]{letter-spacing:.05em}.tracking-\[0\.1em\]{letter-spacing:.1em}.text-\[var\(--bg\)\]{color:var(--bg)}.text-error{color:var(--error)}.text-foreground{color:var(--text)}.text-muted-foreground{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-primary{--tw-ring-color: var(--primary)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--vh: 1vh}@supports (-webkit-touch-callout: none){:root{--vh: -webkit-fill-available}}.skip-to-main{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;background:var(--primary);color:var(--bg);padding:.5rem 1rem;text-decoration:none;z-index:10000}.skip-to-main:focus{position:fixed;left:.5rem;top:.5rem;width:auto;height:auto;overflow:visible;border:2px solid var(--primary)}.pressable{transition:transform .1s ease-out,opacity .1s ease-out;cursor:pointer;-webkit-tap-highlight-color:transparent}.pressable:active{transform:scale(.97);opacity:.85}button,input,textarea,select{font-family:inherit}input[type=email],input[type=password],input[type=text],input[type=time],input[type=number],textarea,select{font-size:16px}button,a[href]{transition:transform .1s ease-out,opacity .1s ease-out,background .15s,border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}button:active,a[href]:active{transform:scale(.97)}h1,h2,h3,h4{font-family:IBM Plex Mono,monospace;font-weight:500;letter-spacing:-.01em;line-height:1.2}h1{font-size:1.1875rem;margin-bottom:0}h2{font-size:.9375rem}h3{font-size:.875rem}.error-message{color:#ef4444;margin:.5rem 0;font-size:.875rem}.loading{text-align:center;padding:2rem;opacity:.7;font-size:.9375rem}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff26,#ffffff0d);background-size:1000px 100%;animation:shimmer 2s infinite linear;position:relative;overflow:hidden}.tod-morning .skeleton,.tod-midday .skeleton{background:linear-gradient(90deg,#0000000f,#0000001f,#0000000f);background-size:1000px 100%}.success{padding:1rem;text-align:center}.success p{margin-bottom:.5rem}.success a{color:var(--primary);text-decoration:underline}.success a:hover{opacity:.8}:root{--surface: var(--card-bg);--on-primary: #ffffff}@theme{ --font-heading: "IBM Plex Mono", monospace; --font-body: "IBM Plex Sans", sans-serif; --font-logo: "Share Tech Mono", monospace; --font-mono: "IBM Plex Mono", monospace; --color-bg: var(--bg, #0a0a0a); --color-text: var(--text, #e5e5e5); --color-muted: var(--text-muted, #cfcfcf); --color-border: var(--border-muted,#404040); --color-card-bg: var(--card-bg, rgba(0,0,0,.03)); --color-primary: var(--primary, #ff5500); --color-accent: var(--accent, #ff6b2e); --color-secondary:var(--secondary, #e64a00); --color-dark-bg: #0a0a0a; --color-dark-surface: #1a1a1a; --color-dark-text: #e5e5e5; --color-dark-muted: #cfcfcf; --color-dark-border: #2a2a2a; --text-xs: .8125rem; --text-xs--line-height: calc(1 / .8125); --text-sm: .9375rem; --text-sm--line-height: calc(1.25 / .9375); --text-base: 1.0625rem; --text-base--line-height: calc(1.5 / 1.0625); --text-lg: 1.1875rem; --text-lg--line-height: calc(1.75 / 1.1875); --text-xl: 1.3125rem; --text-xl--line-height: calc(1.75 / 1.3125); --text-2xl: 1.5625rem; --text-2xl--line-height: 1.28 ; --text-3xl: 1.9375rem; --text-3xl--line-height: calc(2.25 / 1.9375); --text-4xl: 2.3125rem; --text-4xl--line-height: calc(2.5 / 2.3125); --text-5xl: 3.0625rem; --text-5xl--line-height: 1; --text-6xl: 3.8125rem; --text-6xl--line-height: 1; --text-7xl: 4.5625rem; --text-7xl--line-height: 1; --text-8xl: 6.0625rem; --text-8xl--line-height: 1; --text-9xl: 8.0625rem; --text-9xl--line-height: 1; --color-fire: #ff5500; --color-air: #ffd54f; --color-water: #64b5f6; --color-earth: #81c784; }.fire,.earth{--border-radius: 0}.air,.water{--border-radius: 8px}.tod-morning{--bg: #fff8e7;--card-bg: rgba(120, 80, 20, .04);--text: #3e2723;--text-muted: #5a3d33;--border-muted: #d4b896;--nav-muted: #8d6e63;--error: #c62828;--overlay-soft: rgba(62, 39, 35, .56);--overlay-strong: rgba(62, 39, 35, .66);--shadow-color-medium: rgba(62, 39, 35, .24);--shadow-color-strong: rgba(62, 39, 35, .35)}.tod-morning.fire{--primary: #b71c1c;--secondary: #8b0000;--accent: #d32f2f;--border: #b71c1c}.tod-morning.earth{--primary: #1b5e20;--secondary: #2e7d32;--accent: #388e3c;--border: #1b5e20}.tod-morning.air{--primary: #bf8f00;--secondary: #9c7300;--accent: #d4a600;--border: #bf8f00;--on-primary: #fff8e7}.tod-morning.water{--primary: #0d47a1;--secondary: #1565c0;--accent: #1976d2;--border: #0d47a1}.tod-midday{--bg: #fafafa;--card-bg: rgba(0, 0, 0, .03);--text: #000;--text-muted: #383838;--border-muted: #bdbdbd;--nav-muted: #616161;--error: #d32f2f;--overlay-soft: rgba(0, 0, 0, .56);--overlay-strong: rgba(0, 0, 0, .66);--shadow-color-medium: rgba(0, 0, 0, .24);--shadow-color-strong: rgba(0, 0, 0, .35)}.tod-midday.fire{--primary: #d32f2f;--secondary: #b71c1c;--accent: #e53935;--border: #d32f2f}.tod-midday.earth{--primary: #2e7d32;--secondary: #1b5e20;--accent: #388e3c;--border: #2e7d32}.tod-midday.air{--primary: #f57f17;--secondary: #f9a825;--accent: #fbc02d;--border: #f57f17;--on-primary: #1a0a00}.tod-midday.water{--primary: #1565c0;--secondary: #0d47a1;--accent: #1976d2;--border: #1565c0}.tod-evening{--bg: #0a0a0a;--card-bg: transparent;--text: #e5e5e5;--text-muted: #cfcfcf;--border-muted: #404040;--nav-muted: #78716c;--error: #ef4444;--overlay-soft: rgba(0, 0, 0, .56);--overlay-strong: rgba(0, 0, 0, .72);--shadow-color-medium: rgba(0, 0, 0, .28);--shadow-color-strong: rgba(0, 0, 0, .42)}.tod-evening.fire{--primary: #ff5500;--secondary: #e64a00;--accent: #ff6b2e;--border: #ff5500}.tod-evening.earth{--primary: #81c784;--secondary: #66bb6a;--accent: #a5d6a7;--border: #81c784}.tod-evening.air{--primary: #ffd54f;--secondary: #ffca28;--accent: #ffe082;--border: #ffd54f;--on-primary: #1a1200}.tod-evening.water{--primary: #64b5f6;--secondary: #42a5f5;--accent: #90caf9;--border: #64b5f6}.app-nav{display:flex;justify-content:space-between;align-items:center;padding:.625rem 1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:100}.app-nav .logo{text-decoration:none;display:flex;align-items:baseline;gap:0}.app-nav .logo .axi{font-family:IBM Plex Mono,monospace;font-size:.9625rem;font-weight:400;color:var(--nav-muted)}.app-nav .logo .os{font-family:Share Tech Mono,monospace;font-size:1.1625rem;font-weight:400;color:var(--primary);text-transform:uppercase;margin-left:-.05em}.settings-link{display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--text);opacity:.8;transition:all .15s;min-width:44px;min-height:44px}.settings-link:hover{opacity:1;color:var(--primary)}.back-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--text);opacity:.8;transition:all .15s;background:transparent;border:none;cursor:pointer;min-width:44px;min-height:44px}.back-btn:hover{opacity:1;color:var(--primary)}main{padding:1.25rem 1rem;margin:0 auto}.habit-card{background:transparent;border:1px solid var(--border);padding:.875rem;margin-bottom:.875rem;border-radius:var(--border-radius)}.habit-card h3{color:var(--primary);margin-bottom:.375rem;font-size:1rem;font-weight:500}.habit-card .framing{font-style:italic;opacity:.7;margin-bottom:.375rem;font-size:.875rem;line-height:1.3}.habit-card .description{margin-bottom:.625rem;font-size:.875rem;line-height:1.4}.habit-card .action{border-left:2px solid var(--border);padding:.375rem .625rem;margin-bottom:.625rem;font-size:.8125rem;line-height:1.4}.habit-card .meta{display:flex;gap:.875rem;margin-bottom:.875rem;font-size:.8125rem;opacity:.7;line-height:1.3}.habit-card .offline-badge{border:1px solid #f59e0b;color:#f59e0b;padding:1px 6px;font-size:.8125rem;font-family:IBM Plex Sans Condensed,sans-serif;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--border-radius)}.habit-card.completed{opacity:.7;border-color:var(--accent);pointer-events:none}.habit-card.completed h3,.habit-card.completed .framing,.habit-card.completed .description,.habit-card.completed .action{-webkit-user-select:none;-moz-user-select:none;user-select:none}.habit-card button{width:100%;padding:.5rem;border:1px solid var(--border);background:transparent;cursor:pointer;font-size:.9375rem;font-weight:500;transition:all .15s;color:var(--text);border-radius:var(--border-radius)}.habit-card .btn-pending{border-color:var(--primary);color:var(--primary)}.habit-card .btn-pending:hover:not(:disabled){background:var(--primary);color:var(--bg)}.habit-card .btn-completed{border-color:var(--border);color:var(--text);cursor:pointer}.habit-card .btn-completed:hover:not(:disabled){background:var(--text);color:var(--bg)}.intention-form,.checkin-form,.reflection-form{background:transparent;border:1px solid var(--border);padding:.875rem;margin-bottom:.875rem;border-radius:var(--border-radius)}.intention-form.completed,.checkin-form.completed,.reflection-form.completed{opacity:.7;pointer-events:none}.intention-form.completed textarea,.checkin-form.completed button,.reflection-form.completed textarea{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.intention-form h3,.checkin-form h3,.reflection-form h3{color:var(--primary);margin-bottom:.375rem;font-size:1rem;font-weight:500}.intention-form .prompt,.checkin-form .prompt,.reflection-form .prompt{font-style:italic;opacity:.7;margin-bottom:.75rem;font-size:.875rem;line-height:1.4}.intention-form .description{margin-bottom:.75rem;font-size:.875rem;line-height:1.4}.intention-form textarea,.reflection-form textarea{width:100%;padding:.5rem;border:1px solid var(--border);background:transparent;color:var(--text);font-family:inherit;font-size:.875rem;line-height:1.4;resize:vertical;margin-bottom:.75rem;border-radius:var(--border-radius)}.intention-form textarea:focus,.reflection-form textarea:focus{outline:none;border-color:var(--primary)}.intention-form button,.checkin-form button,.reflection-form button{padding:.5rem 1rem;border:1px solid var(--primary);background:transparent;cursor:pointer;color:var(--primary);font-size:.9375rem;font-weight:500;transition:all .15s;border-radius:var(--border-radius)}.intention-form button:hover:not(:disabled),.checkin-form button:hover:not(:disabled),.reflection-form button:hover:not(:disabled){background:var(--primary);color:var(--bg)}.intention-form button:disabled,.checkin-form button[type=submit]:disabled,.reflection-form button:disabled{opacity:.4;cursor:not-allowed}.checkin-form .options button:disabled:not(.selected){opacity:.4;cursor:not-allowed}.checkin-form .question{margin-bottom:1rem}.checkin-form .question label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9375rem}.checkin-form .options{display:flex;gap:.5rem}.checkin-form .options button{flex:1;padding:.375rem;background:transparent;border:1px solid var(--border);font-size:.875rem}.checkin-form .options button.selected,.checkin-form .options button.selected:disabled{background:var(--primary);border-color:var(--primary);color:var(--bg);font-weight:600;opacity:1;cursor:default}.reflection-form .question{margin-bottom:1rem}.reflection-form .question label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9375rem}.carousel{width:100%}.carousel-nav{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem 0}.carousel-arrow{background:transparent;border:none;color:var(--text);font-size:1.3125rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;line-height:1;padding:.25rem;min-width:44px;min-height:44px}.carousel-arrow:hover:not(:disabled){color:var(--primary)}.carousel-arrow:disabled{opacity:.3;cursor:not-allowed}.carousel-dots{display:flex;gap:.5rem;align-items:center}.carousel-dot{width:.4rem;height:.4rem;border-radius:50%;border:none;background:var(--text);top:.1rem;position:relative;transition:all .15s}.carousel-dot.active{background:var(--text);opacity:1}.carousel-dot:not(.active){opacity:.3}.carousel-dot.completed:not(.active){background:var(--accent);opacity:.7}.carousel-slide-title{margin-bottom:.75rem}.carousel-slide-title h2{font-size:.8125rem;text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin:0}.carousel-slide{min-height:200px}.carousel-slide-right{animation:slideInRight .3s ease-out}.carousel-slide-left{animation:slideInLeft .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.ptr--ptr{position:absolute!important;box-shadow:none;pointer-events:none;font-size:.9375rem;font-weight:500;color:var(--text);opacity:.7;top:0;left:0;right:0;height:0;transition:height .3s,opacity .3s;text-align:center;width:100%;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;z-index:9999}.ptr--text,.ptr--icon{color:var(--text);opacity:.7}.ptr--icon{font-size:1.3125rem;margin-right:.5rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--bg);border-top:1px solid var(--border);z-index:100}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.75rem .5rem;color:var(--text);text-decoration:none;opacity:.7;transition:all .15s;font-size:.8125rem;font-weight:500;min-height:44px}.bottom-nav-item:hover{opacity:.9}.bottom-nav-item.active{opacity:1;color:var(--primary)}.bottom-nav-label-full{display:none}.bottom-nav-label-short{display:inline}.hide-mobile{display:none!important}.show-mobile{display:flex!important}@media (min-width: 640px){.hide-mobile{display:inline-flex!important}.show-mobile{display:none!important}.bottom-nav-label-full{display:inline}.bottom-nav-label-short{display:none}.capture-button{bottom:2rem!important;padding:.375rem .75rem!important;font-size:.875rem!important}}main{padding:1.25rem 1rem 5rem;margin:0 auto}.type-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:5rem}.type-card-link{text-decoration:none;color:inherit;display:block}.type-card{background:transparent;border:1px solid var(--border);border-radius:var(--border-radius);transition:all .15s}.type-card-link:hover .type-card{border-color:var(--primary);background:var(--card-bg)}.type-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem}.type-card-header-left{display:flex;align-items:center;gap:.625rem}.type-card-icon{display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.type-card-header h2{font-size:1rem;font-weight:500;margin:0;color:var(--primary)}.type-card-header svg:last-child{color:var(--text);opacity:.7;transition:all .15s}.type-card-link:hover .type-card-header svg:last-child{opacity:1;transform:translate(2px)}.think-back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text);text-decoration:none;opacity:.8;font-size:.9375rem;margin-bottom:1rem;transition:all .15s}.think-back-link:hover{opacity:1;color:var(--primary)}.type-detail-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1.25rem}.type-detail-header h1{font-weight:500;margin:0;color:var(--primary)}.type-detail-content{font-size:.9375rem;line-height:1.6;margin-bottom:5rem}.type-paragraph{margin-bottom:1rem}.type-paragraph:last-child{margin-bottom:0}.type-list{list-style:none;padding:0;margin:0 0 1rem}.type-bullet{margin-bottom:.5rem;padding-left:1.25rem;position:relative}.type-bullet:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.type-bullet:last-child{margin-bottom:0}body{font-size:.9375rem}.app-nav .logo .axi{font-size:.875rem}.app-nav .logo .os{font-size:1.0625rem}.habit-card{padding:.75rem}.habit-card h3{font-size:.9375rem}.habit-card .framing,.habit-card .description{font-size:.8125rem}.habit-card .action,.habit-card .meta{font-size:.75rem}.intention-form h3,.checkin-form h3,.reflection-form h3{font-size:.9375rem}.intention-form .prompt,.checkin-form .prompt,.reflection-form .prompt,.intention-form .description,.intention-form textarea,.reflection-form textarea{font-size:.8125rem}.intention-form button,.checkin-form button,.reflection-form button,.checkin-form .question label{font-size:.875rem}.checkin-form .options button{font-size:.8125rem}.type-card-header h2{font-size:.9375rem}.type-detail-content,.think-back-link{font-size:.875rem}.bottom-nav-item{font-size:.75rem}@media (min-width: 480px){body{font-size:1rem}h1{font-size:1.3125rem}h2{font-size:1rem}h3,.app-nav .logo .axi{font-size:.9375rem}.app-nav .logo .os{font-size:1.125rem}.habit-card{padding:.813rem}.habit-card h3{font-size:1rem}.habit-card .framing,.habit-card .description{font-size:.875rem}.habit-card .action,.habit-card .meta{font-size:.8125rem}.intention-form h3,.checkin-form h3,.reflection-form h3{font-size:1rem}.intention-form .prompt,.checkin-form .prompt,.reflection-form .prompt,.intention-form .description,.intention-form textarea,.reflection-form textarea{font-size:.875rem}.intention-form button,.checkin-form button,.reflection-form button,.checkin-form .question label{font-size:.9375rem}.checkin-form .options button{font-size:.875rem}.type-card-header h2{font-size:1rem}.type-detail-content,.think-back-link{font-size:.9375rem}.bottom-nav-item{font-size:.8125rem}}@media (min-width: 640px){body{font-size:1.0625rem}h1{font-size:1.4375rem}h2{font-size:1.0625rem}h3{font-size:1rem}.app-nav{padding:.75rem 1.25rem}.app-nav .logo .axi{font-size:.9625rem}.app-nav .logo .os{font-size:1.1625rem}main{padding:1.5rem 1.25rem 5rem}.habit-card{padding:.875rem}.habit-card h3{font-size:1rem}.habit-card .framing,.habit-card .description{font-size:.875rem}.habit-card .action,.habit-card .meta{font-size:.8125rem}.intention-form,.checkin-form,.reflection-form{padding:1rem}.intention-form h3,.checkin-form h3,.reflection-form h3{font-size:1rem}.intention-form .prompt,.checkin-form .prompt,.reflection-form .prompt,.intention-form .description,.intention-form textarea,.reflection-form textarea{font-size:.875rem}.intention-form button,.checkin-form button,.reflection-form button{font-size:.9375rem}.type-card-header{padding:1.125rem}.type-card-header h2{font-size:1rem}.type-detail-content{font-size:.9375rem}.bottom-nav-item{font-size:.8125rem}}@media (min-width: 1024px){body{font-size:1.125rem}h1{font-size:1.5625rem}h2{font-size:1.125rem}h3{font-size:1.0625rem}.app-nav{padding:.875rem 1.5rem}.app-nav .logo .axi{font-size:1rem}.app-nav .logo .os{font-size:1.1875rem}main{padding:1.75rem 1.5rem 5rem}.habit-card{padding:1rem}.habit-card h3{font-size:1.0625rem}.habit-card .framing,.habit-card .description{font-size:.9375rem}.habit-card .action,.habit-card .meta{font-size:.875rem}.habit-card button{font-size:1rem}.intention-form,.checkin-form,.reflection-form{padding:1.125rem}.intention-form h3,.checkin-form h3,.reflection-form h3{font-size:1.0625rem}.intention-form .prompt,.checkin-form .prompt,.reflection-form .prompt,.intention-form .description,.intention-form textarea,.reflection-form textarea{font-size:.9375rem}.intention-form button,.checkin-form button,.reflection-form button,.checkin-form .question label{font-size:1rem}.checkin-form .options button{font-size:.9375rem}.type-card-header{padding:1.25rem}.type-card-header h2{font-size:1.0625rem}.type-detail-content,.think-back-link{font-size:1rem}.bottom-nav-item{font-size:.875rem;padding:.875rem .625rem}}.date-long{display:none}.date-short{display:inline}@media (min-width: 480px){.date-long{display:inline}.date-short{display:none}}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-error:focus-visible{--tw-ring-color: var(--error)}.focus-visible\:ring-primary:focus-visible{--tw-ring-color: var(--primary)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}