:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--font-family-base: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--line-height-base: 1.5;--line-height-tight: 1.25;--line-height-display: 1;--border-width: 1px;--border-width-input: 1.5px;--border-width-thick: 2px;--border-width-thumb: 3px;--outline-width: 3px;--outline-offset: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-thumb: 0 1px 4px rgba(0, 0, 0, .2);--duration-fast: .15s;--duration-normal: .3s;--easing-standard: cubic-bezier(.4, 0, .2, 1);--tipp-breath-in: 4s;--tipp-breath-hold: 7s;--tipp-breath-out: 8s;--content-max-width: 640px;--tap-target-min: 44px;--progress-dot-size: 8px;--range-track-height: 6px;--range-thumb-size: 26px;--checkbox-size: 20px;--text-max-width: 28rem;--bar-label-width: 37.5%;--bar-value-width: 18.75%;--color-background: #f7f9f7;--color-surface: #ffffff;--color-primary: #4a7c59;--color-primary-hover: #3d6b4a;--color-text: #1a2e22;--color-text-muted: #5a7a65;--color-border: #c8dccf;--color-focus-ring: #2d6a4f;--color-success: #2d6a4f;--color-warning: #b8651a;--color-error: #c0392b}html[data-palette="1"]{--color-background: #faf8ff;--color-surface: #ffffff;--color-primary: #7c6fa0;--color-primary-hover: #6b5e8f;--color-text: #2a2540;--color-text-muted: #6e677e;--color-border: #d8d0e8;--color-focus-ring: #5b4f8c;--color-success: #5b8c4f;--color-warning: #b8651a;--color-error: #c0392b}html[data-palette="2"]{--color-background: #f6f9fb;--color-surface: #ffffff;--color-primary: #3a7d8c;--color-primary-hover: #2e6a78;--color-text: #1a2e35;--color-text-muted: #4a6d78;--color-border: #b8d4db;--color-focus-ring: #1a6070;--color-success: #2d8c70;--color-warning: #b8651a;--color-error: #c0392b}html[data-palette="3"]{--color-background: #fdf8f0;--color-surface: #ffffff;--color-primary: #8b6f47;--color-primary-hover: #7a5e38;--color-text: #2d2416;--color-text-muted: #7a6852;--color-border: #e0d0b8;--color-focus-ring: #6b5030;--color-success: #5b8c4f;--color-warning: #b8651a;--color-error: #c0392b}@font-face{font-family:Inter;src:url(/fonts/inter-variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);min-height:100dvh}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:9999;padding:var(--space-2) var(--space-4);background-color:var(--color-surface);color:var(--color-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:600;border:2px solid var(--color-primary);border-radius:var(--radius-md);text-decoration:none;transition:top var(--duration-fast) var(--easing-standard)}.skip-link:focus{top:var(--space-4)}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}.app-shell{display:flex;flex-direction:column;min-height:100dvh;max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--space-4)}.app-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4);border-bottom:1px solid var(--color-border)}.app-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);letter-spacing:-.01em}.header-controls{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.progress{display:flex;gap:var(--space-3);align-items:center;justify-content:center;padding-block:var(--space-4)}.progress[hidden]{display:none}.app-progress{flex-shrink:0}.app-main{flex:1;display:flex;flex-direction:column;padding-block:var(--space-6)}.app-footer{flex-shrink:0;padding-block:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-target-min);min-width:var(--tap-target-min);padding-inline:var(--space-6);padding-block:var(--space-2);border:none;border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:600;line-height:var(--line-height-tight);cursor:pointer;text-decoration:none;transition:background-color var(--duration-fast) var(--easing-standard),transform var(--duration-fast) var(--easing-standard)}.btn:focus-visible{outline:var(--outline-width) solid var(--color-focus-ring);outline-offset:var(--outline-offset)}.btn-primary{background-color:var(--color-primary);color:var(--color-surface)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn:active{transform:scale(.97)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:var(--border-width-thick) solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-border);border-color:var(--color-primary)}.btn-danger{background-color:var(--color-error);color:var(--color-surface)}.btn-danger:hover{filter:brightness(.9)}.card{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.char-counter{font-size:var(--font-size-sm);color:var(--color-text-muted)}.progress-dot{display:inline-block;width:var(--progress-dot-size);height:var(--progress-dot-size);border-radius:var(--radius-full);background-color:var(--color-border);pointer-events:none}.progress-dot.is-active{background-color:var(--color-primary)}.progress-dot.is-complete{background-color:var(--color-success)}.lang-select{appearance:none;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-sm);min-height:var(--tap-target-min);padding-inline:var(--space-3);cursor:pointer}.lang-select:focus-visible{outline:var(--outline-width) solid var(--color-focus-ring);outline-offset:var(--outline-offset)}.palette-toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-target-min);min-width:var(--tap-target-min);padding-inline:var(--space-3);background-color:transparent;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard)}.palette-toggle:hover{background-color:var(--color-border)}.palette-toggle:focus-visible{outline:var(--outline-width) solid var(--color-focus-ring);outline-offset:var(--outline-offset)}.header-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-target-min);min-width:var(--tap-target-min);padding-inline:var(--space-3);background-color:transparent;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard)}.header-nav-link:hover{background-color:var(--color-border)}.header-nav-link:focus-visible{outline:var(--outline-width) solid var(--color-focus-ring);outline-offset:var(--outline-offset)}.footer-terms-nav{display:flex;justify-content:center;padding:var(--space-4) 0}.terms-page{max-width:var(--content-max-width);margin-inline:auto;padding:var(--space-6) var(--space-4)}.terms-page h1{font-size:var(--font-size-2xl);font-weight:700;line-height:var(--line-height-tight);color:var(--color-text);margin-block:var(--space-6) var(--space-8)}.terms-page section{margin-block-end:var(--space-8)}.terms-page h2{font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-height-tight);color:var(--color-text);margin-block:0 var(--space-3)}.terms-page p{font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-muted);margin-block:0}.terms-page .stats-back-btn{margin-block-end:var(--space-6)}.stats-page{max-width:var(--content-max-width);margin-inline:auto;padding:var(--space-6) var(--space-4)}.stats-page .stats-back-btn{margin-block-end:var(--space-6)}.stats-page h1{font-size:var(--font-size-2xl);font-weight:700;line-height:var(--line-height-tight);color:var(--color-text);margin-block:0 var(--space-6)}@media (prefers-reduced-motion: reduce){.btn,.btn-primary,.btn-secondary,.btn-danger,.lang-select,.palette-toggle,.header-nav-link{transition:none}.btn:active{transform:none}}#main-content h1{font-size:var(--font-size-2xl);font-weight:700;line-height:var(--line-height-tight);color:var(--color-text);margin-block:0 var(--space-6)}#main-content h2{font-size:var(--font-size-xl);font-weight:600;line-height:var(--line-height-tight);color:var(--color-text);margin-block:0 var(--space-3)}#main-content h3{font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-height-tight);color:var(--color-text);margin-block:0 var(--space-2)}#main-content p{margin-block:0 var(--space-4);color:var(--color-text)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-block-end:var(--space-6)}.field label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}textarea,input[type=text]{width:100%;padding:var(--space-3) var(--space-4);border:var(--border-width-input) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);resize:vertical;transition:border-color var(--duration-fast) var(--easing-standard)}textarea::placeholder,input[type=text]::placeholder{color:var(--color-text-muted)}textarea:focus,input[type=text]:focus{outline:none;border-color:var(--color-primary)}textarea:focus-visible,input[type=text]:focus-visible{outline:var(--outline-width) solid var(--color-focus-ring);outline-offset:var(--outline-offset)}.emotion-other-text,.option-other-text{margin-inline-start:var(--space-8);margin-block-start:var(--space-1);width:calc(100% - var(--space-8))}input[type=range]{appearance:none;width:100%;height:var(--range-track-height);border-radius:var(--radius-full);background-color:var(--color-border);cursor:pointer;padding:0;border:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--range-thumb-size);height:var(--range-thumb-size);border-radius:var(--radius-full);background-color:var(--color-primary);border:var(--border-width-thumb) solid var(--color-surface);box-shadow:var(--shadow-thumb);cursor:pointer;transition:transform var(--duration-fast) var(--easing-standard)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:var(--range-thumb-size);height:var(--range-thumb-size);border-radius:var(--radius-full);background-color:var(--color-primary);border:var(--border-width-thumb) solid var(--color-surface);box-shadow:var(--shadow-thumb);cursor:pointer}input[type=range]::-moz-range-track{height:var(--range-track-height);border-radius:var(--radius-full);background-color:var(--color-border)}input[type=range]:focus-visible{outline:var(--outline-width) solid var(--color-focus-ring);outline-offset:var(--outline-offset);border-radius:var(--radius-full)}@media (prefers-reduced-motion: reduce){input[type=range]::-webkit-slider-thumb{transition:none}}input[type=checkbox],input[type=radio]{width:var(--checkbox-size);height:var(--checkbox-size);flex-shrink:0;cursor:pointer;accent-color:var(--color-primary)}.checkbox-item{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap-target-min);padding-inline-start:var(--space-1)}.checkbox-item label{font-size:var(--font-size-base);font-weight:400;cursor:pointer;flex:1}fieldset{border:none;padding:0;margin:0 0 var(--space-6)}legend{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);padding:0;margin-block-end:var(--space-2);width:100%}output{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);min-height:var(--font-size-base)}.step-nav{display:flex;gap:var(--space-4);padding-block:var(--space-6) var(--space-2);margin-block-start:auto}.step-nav .btn{flex:1}.stop-card{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-block-end:var(--space-4)}.stop-card h2{font-size:var(--font-size-3xl);font-weight:700;line-height:var(--line-height-display);color:var(--color-primary);margin-block:0 var(--space-2)}.stop-card h3{font-size:var(--font-size-lg);font-weight:600;margin-block:0 var(--space-2)}.stop-card ul{padding-inline-start:var(--space-6);margin-block:var(--space-3) 0}.stop-card li{padding-block:var(--space-1);color:var(--color-text)}.tipp-cards{display:flex;flex-direction:column;gap:var(--space-4);margin-block-end:var(--space-4)}.tipp-select-btn{display:flex;align-items:center;width:100%;padding:0;margin-block-end:var(--space-3);background:none;border:none;font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);cursor:pointer;text-align:left;min-height:var(--tap-target-min);transition:color var(--duration-fast) var(--easing-standard)}.tipp-select-btn:hover,.tipp-select-btn[aria-pressed=true],.tipp-select-btn.is-selected{color:var(--color-primary)}.tipp-select-btn[aria-pressed=true]:after,.tipp-select-btn.is-selected:after{content:"✓";margin-inline-start:auto;font-size:var(--font-size-base);flex-shrink:0}.tipp-select-btn:focus-visible{outline:var(--outline-width) solid var(--color-focus-ring);outline-offset:var(--outline-offset);border-radius:var(--radius-sm)}.tipp-card:has(.tipp-select-btn[aria-pressed=true]){border-color:var(--color-primary);border-width:var(--border-width-thick)}.tipp-tried-wrapper{display:flex;align-items:center;gap:var(--space-3);padding-block-start:var(--space-4);border-top:var(--border-width) solid var(--color-border);margin-block-start:var(--space-4);min-height:var(--tap-target-min)}.tipp-tried-wrapper label{font-size:var(--font-size-base);font-weight:400;cursor:pointer}@media (prefers-reduced-motion: reduce){.tipp-select-btn{transition:none}}#main-content{transition:opacity var(--duration-normal) var(--easing-standard),transform var(--duration-normal) var(--easing-standard)}#main-content.view-leave{opacity:0;transform:translateY(8px)}#main-content.view-enter{opacity:0;transform:translateY(-8px)}@media (prefers-reduced-motion: reduce){#main-content,#main-content.view-leave,#main-content.view-enter{transition:opacity var(--duration-fast) linear;transform:none}}.tipp-circle{display:block;width:160px;height:160px;border-radius:var(--radius-full);background-color:var(--color-primary);opacity:.6;margin-inline:auto;margin-block:var(--space-6)}.tipp-circle.is-breathing{animation:tipp-breathe calc(var(--tipp-breath-in) + var(--tipp-breath-hold) + var(--tipp-breath-out)) ease-in-out infinite}@keyframes tipp-breathe{0%{transform:scale(1);opacity:.6}21%{transform:scale(1.4);opacity:1}58%{transform:scale(1.4);opacity:1}to{transform:scale(1);opacity:.6}}.delta-badge{display:inline-flex;align-items:center;padding-inline:var(--space-3);padding-block:var(--space-1);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;animation:badge-in .25s var(--easing-standard) both}.delta-badge[data-tone=positive]{background-color:var(--color-success);color:var(--color-surface)}.delta-badge[data-tone=neutral]{background-color:var(--color-border);color:var(--color-text)}.delta-badge[data-tone=caution]{background-color:var(--color-warning);color:var(--color-surface)}@keyframes badge-in{0%{opacity:0;transform:scale(.85) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-reduced-motion: reduce){.tipp-circle.is-breathing{animation:none;transform:none;opacity:.6}.delta-badge{animation:none}}.stats-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-block:var(--space-6)}.stats-card{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--space-2);row-gap:var(--space-1)}.stats-card-value{font-size:var(--font-size-2xl);font-weight:700;line-height:var(--line-height-display);color:var(--color-primary)}.stats-card-unit{font-size:var(--font-size-base);color:var(--color-text-muted)}.stats-card-label{flex-basis:100%;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-base)}.stats-sparkline{flex-basis:100%;margin-block-start:var(--space-2)}.stats-chart-section{margin-block:var(--space-6)}.stats-chart-section h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-block:0 var(--space-4)}.stats-chart{overflow-x:auto}.stats-clear-section{margin-block-start:var(--space-8);padding-block-start:var(--space-6);border-block-start:var(--border-width) solid var(--color-border)}.stats-empty-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-block:var(--space-6) var(--space-3)}.stats-empty-message{font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-muted);margin-block:0 var(--space-6)}.stats-dialog-backdrop{position:fixed;inset:0;background-color:color-mix(in srgb,var(--color-text) 40%,transparent);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.stats-dialog{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:var(--content-max-width);display:flex;flex-direction:column;gap:var(--space-4)}.stats-dialog *{max-width:100%}