@layer tokens{:root{--color-bg-base: #0A0B0F;--color-bg-surface: #14161D;--color-bg-raised: #1B1E28;--color-text-primary: #EDEAE1;--color-text-secondary: #A8A6A0;--color-text-muted: #6E6C68;--color-border-subtle: rgba(237, 234, 225, .08);--color-border-default: rgba(237, 234, 225, .16);--color-accent-brass: #C9A24B;--color-accent-brass-hover: #E4C878;--color-accent-brass-text: #C9A24B;--color-accent-ember: #D9714A;--color-accent-ember-text: #D9714A;--color-accent-phosphor: #4E9C8F;--color-accent-phosphor-text: #4E9C8F;--color-danger: #C1503F;--color-danger-text: #C1503F;--color-focus-ring: #C9A24B;--font-display: "Instrument Serif", serif;--font-body: "Instrument Sans", sans-serif;--font-numeric: "Martian Mono", "JetBrains Mono", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 18px;--font-size-lg: 22px;--font-size-xl: 27px;--font-size-2xl: 34px;--font-size-3xl: 43px;--font-size-4xl: 53px;--font-size-5xl: 67px;--font-size-6xl: 83px;--line-height-display: 1.1;--line-height-body: 1.55;--line-height-numeric: 1;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--motion-duration-instant: .1s;--motion-duration-fast: .15s;--motion-duration-base: .25s;--motion-duration-slow: .4s;--motion-duration-celebration: .8s;--motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--motion-easing-entrance: cubic-bezier(0, 0, .2, 1);--motion-easing-exit: cubic-bezier(.4, 0, 1, 1);--motion-easing-linear-tick: linear}[data-theme=light]{--color-bg-base: #F4F1E9;--color-bg-surface: #FAF8F2;--color-bg-raised: #FFFFFF;--color-text-primary: #1B1E28;--color-text-secondary: #4A4D57;--color-text-muted: #7A7D85;--color-border-subtle: rgba(27, 30, 40, .08);--color-border-default: rgba(27, 30, 40, .16);--color-accent-brass: #C9A24B;--color-accent-brass-hover: #E4C878;--color-accent-brass-text: #8A6B24;--color-accent-ember: #D9714A;--color-accent-ember-text: #A8482A;--color-accent-phosphor: #4E9C8F;--color-accent-phosphor-text: #2F6B60;--color-danger: #C1503F;--color-danger-text: #A83D2E;--color-focus-ring: #8A6B24;--font-display: "Instrument Serif", serif;--font-body: "Instrument Sans", sans-serif;--font-numeric: "Martian Mono", "JetBrains Mono", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 18px;--font-size-lg: 22px;--font-size-xl: 27px;--font-size-2xl: 34px;--font-size-3xl: 43px;--font-size-4xl: 53px;--font-size-5xl: 67px;--font-size-6xl: 83px;--line-height-display: 1.1;--line-height-body: 1.55;--line-height-numeric: 1;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--motion-duration-instant: .1s;--motion-duration-fast: .15s;--motion-duration-base: .25s;--motion-duration-slow: .4s;--motion-duration-celebration: .8s;--motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--motion-easing-entrance: cubic-bezier(0, 0, .2, 1);--motion-easing-exit: cubic-bezier(.4, 0, 1, 1);--motion-easing-linear-tick: linear}[data-theme=eink]{--color-bg-base: #FFFFFF;--color-bg-surface: #FFFFFF;--color-bg-raised: #FFFFFF;--color-text-primary: #000000;--color-text-secondary: #333333;--color-text-muted: #999999;--color-border-subtle: #999999;--color-border-default: #333333;--color-accent-brass: #000000;--color-accent-brass-hover: #333333;--color-accent-brass-text: #000000;--color-accent-ember: #000000;--color-accent-ember-text: #000000;--color-accent-phosphor: #333333;--color-accent-phosphor-text: #333333;--color-danger: #000000;--color-danger-text: #000000;--color-focus-ring: #000000;--font-display: "Instrument Serif", serif;--font-body: "Instrument Sans", sans-serif;--font-numeric: "Martian Mono", "JetBrains Mono", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 18px;--font-size-lg: 22px;--font-size-xl: 27px;--font-size-2xl: 34px;--font-size-3xl: 43px;--font-size-4xl: 53px;--font-size-5xl: 67px;--font-size-6xl: 83px;--line-height-display: 1.1;--line-height-body: 1.55;--line-height-numeric: 1;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--motion-duration-instant: 0ms;--motion-duration-fast: 0ms;--motion-duration-base: 0ms;--motion-duration-slow: 0ms;--motion-duration-celebration: 0ms;--motion-easing-standard: linear;--motion-easing-entrance: linear;--motion-easing-exit: linear;--motion-easing-linear-tick: linear}}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/demo/fonts/instrument-sans-variable.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/demo/fonts/instrument-serif-normal.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/demo/fonts/instrument-serif-italic.woff2) format("woff2")}@font-face{font-family:Martian Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/demo/fonts/martian-mono-variable.woff2) format("woff2")}@layer tokens,reset,base,theme,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer}img,video,canvas{display:block;max-width:100%;height:auto}}@layer base{:root{--color-accent-purple: var(--color-accent-brass);--color-accent-amber: var(--color-accent-ember);--color-accent-red: var(--color-danger);--glow-color: var(--color-accent-brass);--pulse-speed: 2s;--glow-intensity: 20px;--shadow-brass-700: #8A6B24;--shadow-ember-700: #A8482A;--shadow-danger-700: #A83D2E}@media (prefers-color-scheme: light){:root{--color-bg-base: #F4F1E9;--color-bg-surface: #FAF8F2;--color-bg-raised: #FFFFFF;--color-text-primary: #1B1E28;--color-text-secondary: #4A4D57;--color-text-muted: #7A7D85;--color-border-subtle: rgba(27, 30, 40, .08);--color-border-default: rgba(27, 30, 40, .16);--color-accent-brass-text: #8A6B24;--color-accent-ember-text: #A8482A;--color-accent-phosphor-text: #2F6B60;--color-danger-text: #A83D2E;--color-focus-ring: #8A6B24}}html{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-bg-base);min-height:100dvh;scroll-behavior:smooth}body{background-color:var(--color-bg-base);min-height:100dvh}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;line-height:var(--line-height-display)}a{color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}}@layer components{.app-container{display:flex;min-height:100dvh;width:100%;position:relative}#confetti-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000}.sidebar{width:280px;background:var(--color-bg-surface);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:100;transition:transform var(--motion-duration-slow) var(--motion-easing-standard)}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.logo{display:flex;align-items:center;gap:var(--space-3)}.logo-icon{font-size:1.5rem}.logo-text{font-family:var(--font-display);font-weight:400;font-size:1.4rem;color:var(--color-text-primary)}.sidebar-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding:var(--space-6) var(--space-6) var(--space-2) var(--space-6)}.epochs-nav{flex:1;overflow-y:auto}.epochs-list{list-style:none;padding:0 var(--space-3)}.epoch-item{margin-bottom:var(--space-1)}.epoch-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid transparent;text-decoration:none;color:var(--color-text-secondary);transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),border-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard)}.epoch-link:hover{background:var(--color-bg-raised);color:var(--color-text-primary)}.epoch-link.active{background:var(--color-bg-raised);border:1px solid var(--color-accent-brass);color:var(--color-text-primary);box-shadow:inset 2px 0 0 0 var(--color-accent-brass)}.epoch-link-emoji{font-size:1.2rem}.epoch-link-title{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:var(--space-6);border-top:1px solid var(--color-border-subtle)}.main-content{flex:1;min-height:100vh;padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-7);overflow-y:auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5)}.sidebar-toggle{display:none;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-raised);align-items:center;justify-content:center;position:relative}.toggle-icon{display:block;width:20px;height:2px;background:var(--color-text-primary);position:relative}.toggle-icon:before,.toggle-icon:after{content:"";position:absolute;width:20px;height:2px;background:var(--color-text-primary);left:0}.toggle-icon:before{top:-6px}.toggle-icon:after{top:6px}.header-details{display:flex;flex-direction:column;gap:var(--space-2)}.epoch-badge-container{display:flex;align-items:center;gap:var(--space-3)}.epoch-badge{display:flex;align-items:center;gap:var(--space-4)}.epoch-emoji{font-size:clamp(2rem,1.5rem + 2vw,3rem)}.epoch-title{font-size:clamp(1.8rem,1rem + 3vw,2.5rem);color:var(--color-text-primary)}.epoch-subtitle{color:var(--color-text-secondary);font-size:clamp(.9rem,.8rem + .5vw,1.1rem)}.header-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;border:1px solid var(--color-border-default);background:var(--color-bg-raised);color:var(--color-text-primary);box-shadow:0 2px 0 0 var(--color-border-default);transition:transform var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard),background-color var(--motion-duration-fast) var(--motion-easing-standard)}.btn:hover{background:var(--color-bg-surface)}.btn:active{transform:translateY(2px);box-shadow:0 0 0 0 var(--color-border-default)}.btn-primary{background:var(--color-accent-brass);border-color:var(--shadow-brass-700);color:var(--color-bg-base);box-shadow:0 2px 0 0 var(--shadow-brass-700)}.btn-primary:hover{background:var(--color-accent-brass-hover)}.btn-primary:active{box-shadow:0 0 0 0 var(--shadow-brass-700)}.btn-secondary{background:var(--color-bg-raised);border:1px solid var(--color-border-default);color:var(--color-text-primary)}.btn-danger{background:var(--color-bg-raised);border:1px solid var(--color-danger);color:var(--color-danger-text);box-shadow:0 2px 0 0 var(--shadow-danger-700)}.btn-danger:hover{background:var(--color-danger);color:var(--color-bg-base)}.btn-danger:active{box-shadow:0 0 0 0 var(--shadow-danger-700)}.btn-full{width:100%}.is-hidden{display:none!important}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-6)}.card{position:relative;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:inset 0 1px #ffffff08,0 1px 2px #0003;transition:border-color var(--motion-duration-base) var(--motion-easing-standard)}.card:hover{border-color:var(--color-border-default)}.card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.card-icon{font-size:1.3rem}.card-header h2{font-size:var(--font-size-lg);font-weight:400;color:var(--color-text-primary)}.main-timer-card{grid-column:span 12;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;min-height:380px;padding:var(--space-8)}.timer-orbits{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;border-radius:50%;border:1px dashed var(--color-border-subtle);pointer-events:none}.orbit-1{width:480px;height:480px;animation:rotate-orbit 40s infinite linear}.orbit-2{width:600px;height:600px;animation:rotate-orbit 60s infinite linear reverse}.orbit-3{width:720px;height:720px;animation:rotate-orbit 100s infinite linear}.timer-display-wrapper{position:relative;z-index:10;text-align:center;max-width:900px}.timer-display{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 12px;margin-bottom:var(--space-5)}.timer-unit-group{display:flex;flex-direction:column;align-items:center}.timer-value{font-family:var(--font-numeric);font-size:clamp(2.5rem,1.8rem + 4.5vw,6.2rem);font-weight:500;color:var(--color-text-primary);line-height:var(--line-height-numeric)}.timer-colon{font-family:var(--font-numeric);font-size:clamp(2.2rem,1.5rem + 4vw,5.5rem);font-weight:500;color:var(--color-text-muted);align-self:center;line-height:var(--line-height-numeric);animation:blink-colon 1s infinite steps(2,start)}.timer-label{font-size:clamp(.7rem,.6rem + .4vw,.9rem);font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.15em;margin-top:var(--space-2);font-family:var(--font-body)}.timer-ms-group{font-family:var(--font-numeric);font-size:clamp(1.4rem,1rem + 2.5vw,3.2rem);font-weight:400;color:var(--color-accent-brass-text);width:100px;text-align:left}.timer-absolute-days{font-family:var(--font-numeric);color:var(--color-text-secondary);letter-spacing:.04em;font-size:clamp(.85rem,.75rem + .4vw,1.1rem);margin-top:var(--space-3);background:var(--color-bg-raised);padding:6px 16px;border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);display:inline-block}.milestone-countdown-card{grid-column:span 6;display:flex;flex-direction:column;justify-content:space-between;transition:border-color var(--motion-duration-slow) var(--motion-easing-standard)}.countdown-body{display:flex;flex-direction:column;gap:var(--space-4);flex:1;justify-content:center}.milestone-name{font-size:clamp(1.1rem,1rem + .5vw,1.4rem);color:var(--color-text-primary);margin-bottom:var(--space-1);font-family:var(--font-display);font-weight:400}.countdown-timer{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin:var(--space-2) 0}.countdown-unit{background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:12px 6px;text-align:center;transition:border-color var(--motion-duration-base) var(--motion-easing-standard)}.countdown-val{display:block;font-size:clamp(1.4rem,1.2rem + 1vw,2.2rem);font-weight:500;font-family:var(--font-numeric);color:var(--glow-color)}.countdown-lbl{font-size:.7rem;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;margin-top:var(--space-1);display:block}.milestone-progress-bar-container{width:100%;height:6px;background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);overflow:hidden;position:relative}.milestone-progress-bar{width:0%;height:100%;background:var(--glow-color);border-radius:var(--radius-full);transition:width var(--motion-duration-slow) var(--motion-easing-standard)}.milestone-eta{font-size:.8rem;color:var(--color-text-secondary);font-family:var(--font-numeric)}.matrix-card{grid-column:span 6}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.stat-item{background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.stat-item-large{grid-column:span 2}.stat-label{font-size:.8rem;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.08em}.stat-value{font-size:clamp(1.2rem,1rem + .8vw,1.8rem);font-weight:500;color:var(--color-text-primary);font-family:var(--font-numeric);word-break:break-all}.planetary-card{grid-column:span 6}.planet-item{flex-direction:row;align-items:center;gap:var(--space-4);position:relative;overflow:hidden}.planet-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background-color:var(--planet-color, var(--color-accent-brass))}.planet-moon{--planet-color: var(--color-text-secondary)}.planet-mars{--planet-color: var(--color-accent-ember)}.planet-jupiter{--planet-color: #B08D5E}.planet-saturn{--planet-color: #C7B889}.planet-icon{font-size:2rem;flex-shrink:0;animation:float-planet 6s infinite ease-in-out alternate}.planet-data{display:flex;flex-direction:column;gap:2px;flex:1}.planet-desc{font-size:.75rem;color:var(--color-text-muted)}.timeline-card{grid-column:span 6;display:flex;flex-direction:column}.timeline-container{max-height:320px;overflow-y:auto;padding-right:var(--space-2)}.timeline-list{list-style:none;position:relative;padding-left:var(--space-6)}.timeline-list:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--color-border-subtle)}.timeline-item{position:relative;margin-bottom:var(--space-5)}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-24px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--color-bg-surface);border:3px solid var(--color-border-default);transition:background-color var(--motion-duration-base) var(--motion-easing-standard),border-color var(--motion-duration-base) var(--motion-easing-standard)}.timeline-item.reached .timeline-marker{background:var(--color-accent-brass);border-color:var(--color-accent-brass)}.timeline-item.next .timeline-marker{background:var(--color-bg-base);border-color:var(--color-accent-brass);animation:pulse-ring 1.5s infinite}.timeline-content{background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:12px 16px;transition:border-color var(--motion-duration-base) var(--motion-easing-standard)}.timeline-item.reached .timeline-content{border-color:var(--color-border-default)}.timeline-item.next .timeline-content{border-color:var(--color-accent-brass)}.timeline-title{font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.timeline-date{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-numeric);margin-top:var(--space-1)}.modal-dialog{margin:auto;border:none;border-radius:var(--radius-lg);background:var(--color-bg-surface);border:1px solid var(--color-border-default);color:var(--color-text-primary);max-width:500px;width:90%;box-shadow:0 20px 50px #00000059;clip-path:circle(0% at 50% 50%);opacity:0;transition:clip-path var(--motion-duration-slow) var(--motion-easing-entrance),opacity var(--motion-duration-fast) var(--motion-easing-entrance),overlay var(--motion-duration-slow) var(--motion-easing-entrance) allow-discrete,display var(--motion-duration-slow) var(--motion-easing-entrance) allow-discrete}.modal-dialog::backdrop{background:#0a0b0f99;opacity:0;transition:opacity var(--motion-duration-slow) var(--motion-easing-entrance)}@starting-style{.modal-dialog[open]{clip-path:circle(0% at 50% 50%);opacity:0}.modal-dialog[open]::backdrop{opacity:0}}.modal-dialog[open]{clip-path:circle(150% at 50% 50%);opacity:1}.modal-dialog[open]::backdrop{opacity:1}.modal-content{padding:var(--space-7)}.modal-content--wide{max-width:550px}.modal-header{margin-bottom:var(--space-6)}.modal-header h2{font-size:var(--font-size-xl);font-weight:400;margin-bottom:var(--space-2);color:var(--color-text-primary)}.modal-header p{font-size:.9rem;color:var(--color-text-secondary)}.modal-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}input[type=text],input[type=date],input[type=time],textarea{background:var(--color-bg-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:12px;font-size:.95rem;color:var(--color-text-primary);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard)}input[type=text]:focus,input[type=date]:focus,input[type=time]:focus,textarea:focus{outline:none;border-color:var(--color-accent-brass)}.emoji-selector{display:flex;justify-content:space-between;background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-2)}.emoji-selector input[type=radio]{display:none}.emoji-selector label{font-size:1.5rem;padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),transform var(--motion-duration-fast) var(--motion-easing-standard);text-align:center;flex:1}.emoji-selector label:hover{background:var(--color-bg-surface)}.emoji-selector input[type=radio]:checked+label{background:var(--color-bg-surface);border:1px solid var(--color-accent-brass);transform:scale(1.1)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-3)}}@layer utilities{.tabular-nums{font-variant-numeric:tabular-nums}.milestone-impending{box-shadow:0 0 var(--glow-intensity) var(--glow-color)!important;border-color:var(--glow-color)!important;animation:alarm-pulse var(--pulse-speed) infinite alternate var(--motion-easing-standard)!important}.milestone-impending .countdown-val{animation:number-pulse var(--pulse-speed) infinite alternate var(--motion-easing-standard)}@keyframes rotate-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink-colon{50%{opacity:.2}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #c9a24b66}70%{transform:scale(1);box-shadow:0 0 0 10px #c9a24b00}to{transform:scale(.95);box-shadow:0 0 #c9a24b00}}@keyframes float-planet{0%{transform:translateY(-2px) rotate(-3deg)}to{transform:translateY(2px) rotate(3deg)}}@keyframes alarm-pulse{0%{background:var(--color-bg-surface)}to{background:var(--color-bg-raised)}}@keyframes number-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@media (max-width: 1024px){.dashboard-grid{gap:var(--space-4)}.main-timer-card{min-height:320px;padding:var(--space-6)}.orbit-1{width:340px;height:340px}.orbit-2{width:440px;height:440px}.orbit-3{width:540px;height:540px}}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);width:260px;box-shadow:10px 0 30px #00000059}.sidebar.open{transform:translate(0)}.main-content{padding:var(--space-5);padding-top:80px}.dashboard-header{position:fixed;top:0;left:0;right:0;height:70px;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);padding:0 var(--space-5);z-index:90}.sidebar-toggle{display:flex}.header-details{flex:1;margin-left:var(--space-3)}.epoch-badge h1{font-size:1.3rem}.epoch-emoji{font-size:1.6rem}.epoch-subtitle{display:none}.dashboard-grid{grid-template-columns:1fr}.main-timer-card,.milestone-countdown-card,.matrix-card,.planetary-card,.timeline-card{grid-column:span 1}.stats-grid{grid-template-columns:1fr}.stat-item-large{grid-column:span 1}.modal-content{padding:var(--space-5)}}#orbits-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:1}.form-select{background:var(--color-bg-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:12px;font-size:.95rem;color:var(--color-text-primary);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard);width:100%;cursor:pointer}.form-select:focus{outline:none;border-color:var(--color-accent-brass)}.form-select--compact{font-size:.72rem;padding:4px;width:100%}.calendar-grids{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.calendar-item{background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);position:relative;transition:border-color var(--motion-duration-base) var(--motion-easing-standard)}.calendar-item:hover{border-color:var(--color-border-default)}.calendar-label{font-size:.75rem;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em}.calendar-value{font-size:1.25rem;font-weight:500;color:var(--color-accent-phosphor-text);font-family:var(--font-numeric);word-break:break-all}.calendar-value-small{font-size:.9rem;font-weight:500;color:var(--color-accent-phosphor-text);font-family:var(--font-numeric);word-break:break-all;line-height:1.4}.calendar-desc{font-size:.7rem;color:var(--color-text-muted);margin-top:auto}.audio-controls{display:flex;flex-direction:column;gap:var(--space-4)}.volume-slider-group{display:flex;flex-direction:column;gap:var(--space-2)}.volume-slider-group input[type=range]{width:100%;height:4px;background:var(--color-border-default);border-radius:var(--radius-full);outline:none;cursor:pointer;-webkit-appearance:none}.volume-slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent-brass);border:2px solid var(--color-bg-surface);transition:transform var(--motion-duration-fast) var(--motion-easing-standard)}.volume-slider-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.synth-mode-selector{display:flex;flex-direction:column;gap:var(--space-2)}.capsule-body{display:flex;flex-direction:column;gap:var(--space-6)}.capsule-form{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-bg-raised);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.capsule-form textarea{resize:vertical;width:100%}.sub-section-title{font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.capsules-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto;padding-right:var(--space-1)}.capsule-item{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:10px 14px;cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-easing-standard)}.capsule-item:hover{border-color:var(--color-border-default)}.capsule-meta{display:flex;flex-direction:column;gap:2px;overflow:hidden;margin-right:var(--space-2)}.capsule-target{font-size:.85rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capsule-desc-preview{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capsule-status-badge{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;padding:4px 8px;border-radius:var(--radius-full);flex-shrink:0}.capsule-status-badge.locked{background:var(--color-bg-surface);color:var(--color-danger-text);border:1px solid var(--color-danger)}.capsule-status-badge.unlocked{background:var(--color-bg-surface);color:var(--color-accent-phosphor-text);border:1px solid var(--color-accent-phosphor)}.timeline-capsule-marker{font-size:.75rem;background:var(--color-bg-surface);color:var(--color-accent-brass-text);border:1px solid var(--color-accent-brass);border-radius:var(--radius-xs);padding:2px 6px;display:inline-flex;align-items:center;gap:4px;margin-top:var(--space-2);font-family:var(--font-body)}.gmail-note-box{display:none;background:var(--color-bg-raised);border:1px dashed var(--color-accent-phosphor);border-radius:var(--radius-md);padding:10px;margin-bottom:var(--space-4);font-size:.75rem;color:var(--color-text-secondary)}.gmail-note{margin-bottom:var(--space-2)}.gmail-note:last-of-type{margin-bottom:0}.gmail-note--strong{font-weight:700;color:var(--color-accent-phosphor-text)}.gmail-note-list{padding-left:16px;margin:0;line-height:1.4}.gmail-schedule-row{margin-top:var(--space-2);background:var(--color-bg-surface);padding:6px;border-radius:var(--radius-xs);font-family:var(--font-numeric);font-size:.7rem;display:flex;justify-content:space-between;align-items:center}.gmail-schedule-date{color:var(--color-text-primary)}.sandbox-body{display:flex;flex-direction:column;gap:var(--space-4)}.sandbox-intro{font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.sandbox-form{display:flex;flex-direction:column;gap:var(--space-3)}.sandbox-results{display:none;background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);flex-direction:column;gap:var(--space-3);animation:slide-down var(--motion-duration-base) var(--motion-easing-entrance)}.sandbox-title{font-size:.95rem;font-weight:600;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-2);margin-bottom:var(--space-1)}.sandbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.sandbox-item{display:flex;flex-direction:column;gap:2px}.sandbox-lbl{font-size:.7rem;text-transform:uppercase;color:var(--color-text-muted)}.sandbox-val{font-size:.95rem;font-weight:500;color:var(--color-text-primary);font-family:var(--font-numeric)}.planet-modal-graphic{font-size:5rem;text-align:center;margin:var(--space-4) 0}.planet-modal-stats{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-5) 0;background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.p-stat{display:flex;justify-content:space-between;border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-2)}.p-stat:last-child{border-bottom:none;padding-bottom:0}.p-label{font-size:.85rem;color:var(--color-text-secondary)}.p-value{font-size:.9rem;font-weight:600;color:var(--color-text-primary);font-family:var(--font-numeric)}.planet-modal-description{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;text-align:center}.capsule-view-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin:var(--space-5) 0;text-align:center}.capsule-icon{font-size:4rem}.capsule-text{font-size:1.1rem;font-family:var(--font-display);color:var(--color-text-primary);background:var(--color-bg-raised);border:1px dashed var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-4);width:100%;word-break:break-word}.capsule-date-meta{font-size:.8rem;color:var(--color-text-muted);font-family:var(--font-numeric)}@media (min-width: 769px){.multiverse-card{grid-column:span 8}.audio-synth-card{grid-column:span 4}.capsule-card,.sandbox-card{grid-column:span 6}}.header-upgrade-btn{font-size:.85rem;padding:10px 16px}.is-pro #btn-header-upgrade{display:none!important}.pro-badge{font-size:.65rem;background:var(--color-accent-brass);color:var(--color-bg-base);font-weight:800;padding:2px 6px;border-radius:var(--radius-xs);letter-spacing:.05em;display:none;margin-left:var(--space-2)}.is-pro .pro-badge{display:inline-block}.sidebar-promo-card{margin-top:var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.is-pro .sidebar-promo-card{display:none!important}.sidebar-promo-card h4{font-size:.85rem;color:var(--color-text-primary);font-family:var(--font-body);font-weight:700}.sidebar-promo-card p{font-size:.72rem;color:var(--color-text-secondary);line-height:1.35}.share-content{max-width:600px}.share-card-preview-wrapper{background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;display:flex;justify-content:center;align-items:center;padding:var(--space-4);margin-bottom:var(--space-5)}#share-card-canvas{width:100%;max-width:500px;height:auto;border-radius:var(--radius-sm);background:var(--color-bg-base)}.share-actions-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-3)}.btn-share-milestone{font-size:.72rem;padding:4px 8px;background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard);margin-left:var(--space-2);display:inline-flex;align-items:center;gap:4px;float:right}.btn-share-milestone:hover{color:var(--color-text-primary);border-color:var(--color-border-default)}.custom-toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background:var(--color-bg-raised);border:1px solid var(--color-border-default);box-shadow:0 8px 24px #0000004d;color:var(--color-text-primary);padding:12px 20px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.85rem;font-weight:500;z-index:99999;transform:translateY(100px);opacity:0;transition:transform var(--motion-duration-slow) var(--motion-easing-entrance),opacity var(--motion-duration-base) var(--motion-easing-entrance);pointer-events:none}.custom-toast.show{transform:translateY(0);opacity:1}.onboarding-guide{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5)}.onboarding-step{display:flex;gap:var(--space-3);align-items:flex-start}.step-icon{font-size:1.25rem;background:var(--color-bg-surface);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-text strong{font-size:.8rem;color:var(--color-text-primary);display:block;margin-bottom:2px}.step-text p{font-size:.72rem;color:var(--color-text-secondary);line-height:1.35;margin:0}.sidebar-widget-card{margin-top:var(--space-4);background:var(--color-bg-raised);border:1px dashed var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard)}.sidebar-widget-card:hover{border-color:var(--color-accent-phosphor)}.widget-header-row{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-1)}.widget-device-icon{font-size:.9rem}.widget-badge{font-size:.58rem;background:var(--color-bg-surface);color:var(--color-accent-phosphor-text);font-weight:800;padding:1px 5px;border-radius:var(--radius-xs);text-transform:uppercase}.sidebar-widget-card h4{font-size:.78rem;color:var(--color-text-primary);font-family:var(--font-body);font-weight:700;margin-bottom:var(--space-1)}.sidebar-widget-card p{font-size:.68rem;color:var(--color-text-muted);line-height:1.35;margin:0}.checkout-dialog{max-width:540px}.premium-content{padding:0}.premium-header{padding:var(--space-7) var(--space-7) var(--space-5) var(--space-7);text-align:center;border-bottom:1px solid var(--color-border-subtle)}.premium-badge-icon{font-size:3rem;display:block;margin-bottom:var(--space-3)}.premium-header h2{font-size:1.6rem;color:var(--color-text-primary);margin-bottom:var(--space-2)}.premium-body{padding:var(--space-6) var(--space-7) var(--space-7) var(--space-7);display:flex;flex-direction:column;gap:var(--space-5);max-height:75vh;overflow-y:auto}.perks-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.perk-item{display:flex;gap:var(--space-4);align-items:flex-start;background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:12px 16px}.perk-icon{font-size:1.5rem;flex-shrink:0;line-height:1.2}.perk-info h4{font-size:.9rem;color:var(--color-text-primary);font-family:var(--font-body);font-weight:700;margin-bottom:2px}.perk-info p{font-size:.78rem;color:var(--color-text-secondary);line-height:1.35}.pricing-tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.price-tier-card{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:10px;cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),background-color var(--motion-duration-fast) var(--motion-easing-standard);text-align:center}.price-tier-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.price-tier-card:hover{border-color:var(--color-border-default)}.price-tier-card.checked{background:var(--color-bg-surface);border-color:var(--color-accent-brass)}.tier-name{font-size:.72rem;font-weight:700;color:var(--color-text-secondary);display:block;margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.price-tier-card.checked .tier-name{color:var(--color-accent-brass-text)}.tier-price{font-size:1.25rem;font-weight:500;color:var(--color-text-primary);display:block;font-family:var(--font-display)}.tier-period{font-size:.72rem;font-weight:400;color:var(--color-text-muted)}.tier-desc{font-size:.65rem;color:var(--color-text-muted);display:block;margin-top:2px}.pwyw-extra-select{margin-top:var(--space-2);width:100%}.checkout-form{display:flex;flex-direction:column;gap:var(--space-3);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-5)}.checkout-security-notice{font-size:.72rem;color:var(--color-text-muted);text-align:center;margin-top:var(--space-1)}.pro-option{color:var(--color-accent-brass-text)!important;font-weight:600}body.mode-zen .sidebar{display:none!important}body.mode-zen .main-content{max-width:900px;margin-left:auto!important;margin-right:auto!important;padding-top:var(--space-8);transition:all var(--motion-duration-slow) var(--motion-easing-standard)}body.mode-zen .dashboard-grid>*:not(.main-timer-card){display:none!important}body.mode-zen .zen-search-container{display:flex}.zen-search-container{display:none;justify-content:center;margin-bottom:var(--space-8);width:100%;animation:fade-in var(--motion-duration-base) var(--motion-easing-entrance)}.zen-search-form{display:flex;align-items:center;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-full);padding:10px 20px;width:100%;max-width:650px;transition:border-color var(--motion-duration-base) var(--motion-easing-standard)}.zen-search-form:focus-within{border-color:var(--color-accent-brass)}.zen-search-icon{font-size:1.3rem;margin-right:var(--space-4);color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.zen-search-input{background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:1.15rem;flex:1;padding:6px 0}.zen-search-input::placeholder{color:var(--color-text-muted)}.zen-search-btn{background:var(--color-accent-brass);color:var(--color-bg-base);border:none;outline:none;border-radius:var(--radius-full);padding:8px 22px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard)}.zen-search-btn:hover{background:var(--color-accent-brass-hover)}body.e-ink{--color-bg-base: #FFFFFF;--color-bg-surface: #FFFFFF;--color-bg-raised: #FFFFFF;--color-text-primary: #000000;--color-text-secondary: #333333;--color-text-muted: #999999;--color-border-subtle: #999999;--color-border-default: #333333;--color-accent-brass: #000000;--color-accent-brass-hover: #333333;--color-accent-brass-text: #000000;--color-accent-ember: #000000;--color-accent-ember-text: #000000;--color-accent-phosphor: #333333;--color-accent-phosphor-text: #333333;--color-danger: #000000;--color-danger-text: #000000;--color-focus-ring: #000000;--glow-color: #000000;background:#fff;color:#000}body.e-ink *,body.e-ink *:before,body.e-ink *:after{animation:none!important;transition:none!important;box-shadow:none!important;clip-path:none!important}body.e-ink .card,body.e-ink .modal-dialog{border:2px solid #000000!important;border-radius:0!important}body.e-ink .btn{background:#fff!important;color:#000!important;border:2px solid #000000!important;border-radius:0!important}body.e-ink .btn:hover,body.e-ink .btn-primary{background:#000!important;color:#fff!important}body.e-ink input,body.e-ink select,body.e-ink textarea{background:#fff!important;color:#000!important;border:1px solid #000000!important;border-radius:0!important}body.e-ink #orbits-canvas{filter:grayscale(100%) contrast(300%)!important}body.e-ink .timer-value,body.e-ink .timer-ms-group{color:#000!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.modal-dialog{clip-path:none!important}}