@import "https://fonts.googleapis.com/css2?family=Anton&family=Instrument+Serif:ital@0;1&family=Space+Mono:ital,wght@0,400;0,700&display=swap";@layer components;@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.relative{position:relative}.resize{resize:both}}:root{--crete-base:#1a1e16;--crete-slab:#252a20;--crete-well:#0e110b;--bone:#e6e1ce;--bone-dim:#8b8a75;--moss-900:#0b1f0d;--moss-700:#1e4a1f;--moss-500:#3e7b33;--moss-300:#7fa84b;--moss-200:#a9c56b;--moss-100:#d6e596;--rust:#c4502b;--ochre:#d9a441;--alarm:#e8401c;--font-display:"Anton", "Arial Narrow", sans-serif;--font-mono:"Space Mono", "SFMono-Regular", monospace;--font-serif:"Instrument Serif", Georgia, serif;--bw:3px;--bw-thin:1px;--shadow-hard:8px 8px 0 var(--crete-well);--shadow-btn:6px 6px 0 var(--crete-well);--t-inhale:4s;--t-hold:4s;--t-exhale:6s}*{box-sizing:border-box}html,body{background:var(--crete-base);min-height:100%;margin:0}body{color:var(--bone);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--moss-500);color:var(--crete-base)}.app-frame{background:var(--crete-base);grid-template-rows:auto repeat(6,minmax(0,1fr));grid-template-columns:repeat(12,1fr);gap:12px;height:100dvh;padding:12px 12px 72px;display:grid;position:relative;overflow:hidden}.panel{border:var(--bw) solid var(--crete-well);box-shadow:var(--shadow-hard);background:var(--crete-slab);position:relative;overflow:hidden}.hdr{border:var(--bw) solid var(--crete-well);box-shadow:var(--shadow-hard);background:var(--crete-slab);grid-area:1/1/auto/13;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:10px 16px;display:flex}.hdr-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--bone);white-space:nowrap;font-size:clamp(1.1rem,2vw,1.6rem)}.hdr-mid{color:var(--bone-dim);letter-spacing:.12em;font-size:.68rem}.stamp{font-family:var(--font-mono);letter-spacing:.3em;color:var(--bone-dim);text-transform:uppercase;font-weight:700}.stamp-vert{writing-mode:vertical-rl;pointer-events:none;z-index:5;font-size:.62rem;position:absolute;top:8px;right:8px;transform:rotate(180deg)}.stamp-horiz{white-space:nowrap;font-size:.62rem}.clock-block{flex-direction:column;grid-area:2/1/5/7;justify-content:center;gap:10px;padding:22px 18px 22px 26px;display:flex}.ruler-y{background:repeating-linear-gradient(to bottom, var(--crete-well) 0 12px, transparent 12px 18px, var(--crete-well) 18px 24px, transparent 24px 30px);opacity:.8;width:3px;position:absolute;top:12px;bottom:12px;left:10px}.clock-face{padding-left:10px}.clock-digits{font-family:var(--font-display);letter-spacing:.01em;color:var(--bone);text-shadow:6px 6px 0 var(--crete-well);align-items:baseline;gap:.05em;font-size:clamp(2.4rem,8.5vw,7rem);line-height:.95;display:flex}.digit{text-align:center;width:1ch;display:inline-block}.colon{color:var(--moss-300);text-shadow:3px 3px 0 var(--crete-well);animation:2s step-end infinite colon-blink}@keyframes colon-blink{50%{opacity:.35}}.clock-sub{flex-wrap:wrap;align-items:baseline;gap:18px;padding-left:10px;display:flex}.date-mono{font-family:var(--font-mono);letter-spacing:.18em;color:var(--moss-200);font-size:.78rem;font-weight:700}.serif-tag{font-family:var(--font-serif);color:var(--bone-dim);letter-spacing:.01em;font-size:.95rem;font-style:italic}.moss-block{z-index:2;clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%);grid-area:2/6/8/12;align-items:stretch;display:flex}.moss-block .stamp{top:10px;right:12px}.moss-canvas-wrap{position:absolute;inset:0}.moss-canvas{display:block}.moss-readout{background:var(--crete-well);border:var(--bw-thin) solid var(--crete-base);z-index:3;gap:16px;padding:6px 10px;display:flex;position:absolute;bottom:10px;left:10px}.mono-mini{font-family:var(--font-mono);letter-spacing:.14em;color:var(--bone-dim);font-size:.66rem;font-weight:700}.breath-block{flex-direction:column;grid-area:5/1/8/4;justify-content:center;align-items:center;gap:14px;padding:20px 16px;display:flex}.panel-head{font-family:var(--font-display);letter-spacing:.04em;color:var(--bone);text-align:center;margin:0;font-size:1.3rem}.breath-orb{--p:0;background:radial-gradient(circle at 32% 28%, #d6e59680, transparent 45%), radial-gradient(circle at 50% 50%, var(--moss-500), var(--moss-900) 78%);width:clamp(90px,12vmin,150px);height:clamp(90px,12vmin,150px);box-shadow:inset -6px -10px 18px #00000080, inset 6px 8px 14px #d6e5961f, 0 0 0 var(--bw) var(--crete-well);border-radius:50%;place-items:center;transition:scale .14s linear;display:grid;position:relative}.breath-orb.idle{animation:5s ease-in-out infinite alternate orb-idle;scale:.74}.breath-orb.inhale{scale:calc(.7 + .3 * var(--p))}.breath-orb.hold{animation:1.4s ease-in-out infinite alternate orb-shimmer;scale:1}.breath-orb.exhale{scale:calc(1 - .3 * var(--p))}@keyframes orb-idle{0%{scale:.7}to{scale:.78}}@keyframes orb-shimmer{0%{scale:.98}to{scale:1.02}}.breath-count{font-family:var(--font-mono);color:var(--bone);text-shadow:2px 2px 0 var(--crete-well);font-size:clamp(2rem,6vmin,3.4rem);font-weight:700}.breath-label-row{align-items:baseline;gap:12px;display:flex}.phase-label{font-family:var(--font-display);letter-spacing:.16em;color:var(--bone);font-size:1.1rem}.phase-inhale{color:var(--moss-200)}.phase-hold{color:var(--bone)}.phase-exhale{color:var(--ochre)}.phase-idle{color:var(--bone-dim)}.phase-sub{font-family:var(--font-mono);color:var(--bone-dim);letter-spacing:.1em;font-size:.7rem}.btn-raw{appearance:none;border:var(--bw) solid var(--crete-well);background:var(--bone);color:var(--crete-base);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;box-shadow:var(--shadow-btn);padding:10px 20px;font-size:1rem;transition:transform 90ms,box-shadow 90ms,background .12s}.btn-raw:hover{background:var(--moss-100)}.btn-raw:active{box-shadow:none;transform:translate(4px,4px)}.focus-brutal:focus-visible{outline:3px solid var(--moss-100);outline-offset:4px;color:var(--moss-100);background:var(--crete-base)}.cycle-row{align-items:baseline;gap:8px;display:flex}.cycle-label{font-family:var(--font-mono);letter-spacing:.2em;color:var(--bone-dim);font-size:.66rem}.cycle-num{font-family:var(--font-mono);color:var(--moss-200);font-size:1rem;font-weight:700}.stats-block{flex-direction:column;grid-area:5/4/8/6;gap:12px;padding:20px 16px 16px;display:flex}.ledger{flex-direction:column;margin:0;display:flex}.ledger-row{border-bottom:var(--bw-thin) solid var(--crete-well);justify-content:space-between;gap:10px;padding:7px 0;display:flex}.ledger-row dt{font-family:var(--font-mono);letter-spacing:.16em;color:var(--bone-dim);font-size:.66rem}.ledger-row dd{font-family:var(--font-mono);color:var(--bone);margin:0;font-size:.82rem;font-weight:700}.btn-wipe{color:var(--bone-dim);border-color:var(--bone-dim);box-shadow:4px 4px 0 var(--crete-well);background:0 0;margin-top:auto;padding:8px 12px;font-size:.82rem}.btn-wipe:hover{background:var(--rust);color:var(--bone)}.wipe-hint{font-family:var(--font-serif);color:var(--rust);text-align:center;margin:0;font-size:.85rem;font-style:italic}.gauge-block{flex-direction:column;grid-area:2/12/8/13;align-items:center;gap:14px;padding:18px 8px;display:flex}.gauge-body{flex-direction:column;flex:1;align-items:center;gap:14px;display:flex}.gauge-rail{background:var(--crete-well);border:var(--bw-thin) solid var(--crete-base);background-image:repeating-linear-gradient(to top, var(--crete-well) 0 1px, transparent 1px 10%);flex:1;width:22px;position:relative}.gauge-fill{--score:0;height:calc(var(--score) * 1%);background:linear-gradient(to top, var(--moss-700), var(--moss-300));transition:height .3s;position:absolute;bottom:0;left:0;right:0}.gauge-fill:after{content:"";background:var(--bone);height:3px;position:absolute;top:-3px;left:-3px;right:-3px}.gauge-readout{flex-direction:column;align-items:center;display:flex}.gauge-num{font-family:var(--font-mono);color:var(--bone);text-shadow:3px 3px 0 var(--crete-well);font-size:clamp(1.8rem,4vmin,2.6rem);font-weight:700}.gauge-cap{font-family:var(--font-mono);letter-spacing:.22em;color:var(--bone-dim);font-size:.6rem}.gauge-tag{text-align:center}.help-strip{background:var(--crete-well);border:var(--bw) solid var(--crete-base);box-shadow:var(--shadow-hard);z-index:20;flex-wrap:wrap;justify-content:center;gap:10px;padding:8px 12px;display:flex;position:fixed;bottom:10px;left:12px;right:12px}.keycap-row{align-items:center;gap:7px;display:inline-flex}.keycap{font-family:var(--font-mono);letter-spacing:.08em;background:var(--crete-slab);border:2px solid var(--bone-dim);color:var(--bone);box-shadow:2px 2px 0 var(--crete-base);padding:3px 7px;font-size:.62rem;font-weight:700}.keycap-label{font-family:var(--font-mono);color:var(--bone-dim);letter-spacing:.06em;font-size:.62rem}.help-overlay{z-index:40;background:#0a0c08d1;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.help-panel{background:var(--crete-slab);flex-direction:column;gap:14px;width:min(620px,100%);max-height:88dvh;padding:28px 28px 24px;display:flex;overflow:auto}.help-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--bone);margin:0;font-size:clamp(1.6rem,5vw,2.6rem)}.help-lede{margin:0}.help-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.help-row{border-bottom:var(--bw-thin) solid var(--crete-well);align-items:center;gap:14px;padding:9px 0;display:flex}.keycap-lg{text-align:center;min-width:110px;font-size:.72rem}.help-rules{flex-direction:column;gap:6px;display:flex}.help-rules p{font-family:var(--font-serif);color:var(--bone-dim);align-items:baseline;gap:8px;margin:0;font-size:.92rem;font-style:italic;display:flex}.rule-dot{flex:none;width:10px;height:10px;display:inline-block}.rule-calm{background:var(--moss-300)}.rule-agitate{background:var(--alarm)}.rule-moss{background:var(--moss-500);border-radius:50% 45% 55% 40%}.alarm-state .panel,.alarm-state .hdr{border-color:var(--alarm);animation:1s steps(2,end) infinite alarm-flash}@keyframes alarm-flash{50%{border-color:var(--crete-well)}}.panel,.hdr{animation:1.2s both rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=960px){.app-frame{grid-template-rows:auto;grid-template-columns:1fr}.hdr{grid-area:1/1}.clock-block{grid-area:2/1}.breath-block{grid-area:3/1}.moss-block{aspect-ratio:4/3;grid-area:4/1;max-height:60dvh}.stats-block{grid-area:5/1}.gauge-block{flex-direction:row;grid-area:6/1;align-items:center;padding:14px 16px}.app-frame{height:auto;min-height:100dvh;overflow:visible}.gauge-body{flex-direction:row;flex:1}.gauge-rail{background-image:repeating-linear-gradient(to right, var(--crete-well) 0 1px, transparent 1px 10%);flex:1;width:auto;height:22px}.gauge-fill{width:calc(var(--score) * 1%);height:100%;top:0;bottom:auto;left:0}.gauge-fill:after{width:3px;height:auto;inset:-3px -3px -3px auto}.hdr-mid{display:none}}@media (width<=600px){.clock-digits{font-size:clamp(2.4rem,16vw,5rem)}.clock-sub{gap:10px}.help-strip{justify-content:flex-start;gap:6px;overflow-x:auto}}@media (prefers-reduced-motion:reduce){.colon,.breath-orb.idle,.breath-orb.hold,.panel,.hdr,.alarm-state .panel,.alarm-state .hdr{animation:none!important}.breath-orb{transition:none}}