:root{color-scheme:light;--paper: #f7f3eb;--paper-warm: #f1eadf;--surface: #ffffff;--surface-muted: #f3eee5;--surface-raised: #fff;--ink: #2e342f;--muted: #666d66;--sage: #627c6b;--sage-hover: #526b5b;--sage-soft: #e7eee9;--sage-soft-strong: #c7d8cf;--sage-deep: #405a4d;--ochre: #8a5a3b;--ochre-soft: #f2e7dd;--butter: #f2e3c2;--butter-ink: #6b4a1f;--line: rgb(46 52 47 / 10%);--line-strong: rgb(46 52 47 / 18%);--color-primary: var(--sage);--color-primary-hover: var(--sage-hover);--color-on-primary: #ffffff;--color-background: var(--paper);--color-surface: var(--surface);--color-surface-strong: var(--surface-muted);--color-foreground: var(--ink);--color-muted-foreground: var(--muted);--color-border: var(--line-strong);--color-accent: var(--ochre);--color-danger: #b42318;--color-danger-soft: #fff0ed;--color-success: #226b45;--color-success-soft: #ecf7f0;--color-focus: #176a58;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-display: "Noto Serif SC", "Songti SC", STSong, SimSun, serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.75rem;--text-3xl: clamp(2.25rem, 9vw, 2.625rem);--text-page-heading: clamp(1.08rem, 4.8vw, 1.32rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-card: 1rem;--radius-control: .625rem;--radius-pill: 999px;--shadow-card: 0 8px 22px rgb(57 50 37 / 5%);--shadow-float: 0 16px 38px rgb(49 45 34 / 11%);--shadow-focus: 0 0 0 3px rgb(98 124 107 / 24%);--ease-standard: cubic-bezier(.2, .8, .2, 1);--motion-fast: .15s;--motion-base: .22s;--motion-slow: .28s;--transition-fast: var(--motion-fast) var(--ease-standard);--transition-base: var(--motion-base) var(--ease-standard);--transition-slow: var(--motion-slow) var(--ease-standard);--content-width: 72rem;--form-width: 34rem;--header-height: 3.25rem}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;background:var(--color-background);text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 92% 2%,rgb(231 238 233 / 64%),transparent 22rem),var(--paper);color:var(--color-foreground);font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.7;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:var(--color-primary);text-underline-offset:.2em;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button{cursor:pointer}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}h1,h2{font-family:var(--font-display);font-weight:800;line-height:1.22;letter-spacing:-.018em}h1{margin-bottom:var(--space-4);font-size:clamp(1.9rem,7vw,2.35rem)}h2{margin-bottom:var(--space-4);font-size:var(--text-2xl)}h3{margin-bottom:var(--space-2);font-size:var(--text-lg);font-weight:600;line-height:1.4}p{margin-bottom:var(--space-4)}small{font-size:var(--text-sm)}.container{width:min(100% - 2.5rem,var(--content-width));margin-inline:auto}.container--form{width:min(100% - 2.5rem,var(--form-width))}.stack{display:grid;gap:var(--space-5)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.muted{color:var(--color-muted-foreground)}.card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.form-card{padding:clamp(1.25rem,5vw,2rem)}.field{display:grid;gap:var(--space-2)}.field>label,.field-label{color:var(--color-foreground);font-size:var(--text-sm);font-weight:600}.required{color:var(--color-danger)}.text-input,.password-input{width:100%;min-height:3rem;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--color-foreground);padding:.72rem .875rem;line-height:1.45;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.text-input::placeholder,.password-input::placeholder{color:color-mix(in srgb,var(--color-muted-foreground) 72%,transparent)}.text-input:hover,.password-input:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}.text-input:focus,.password-input:focus{border-color:var(--color-primary);outline:none;box-shadow:var(--shadow-focus)}.text-input[aria-invalid=true],.password-input[aria-invalid=true]{border-color:var(--color-danger)}.field-hint{margin:0;color:var(--color-muted-foreground);font-size:var(--text-sm)}.field-error{margin:0;color:var(--color-danger);font-size:var(--text-sm);font-weight:600}.form-alert{border:1px solid color-mix(in srgb,var(--color-danger) 28%,transparent);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);padding:var(--space-3) var(--space-4)}.form-success{border:1px solid color-mix(in srgb,var(--color-success) 25%,transparent);border-radius:var(--radius-md);background:var(--color-success-soft);color:var(--color-success);padding:var(--space-3) var(--space-4)}.button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-on-primary);padding:.75rem 1.25rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast)}.button:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.button:active{transform:scale(.99)}.button:disabled{cursor:not-allowed;opacity:.55}.button--secondary{border-color:var(--line-strong);background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--color-foreground)}.button--secondary:hover{border-color:var(--color-primary);background:var(--color-surface);color:var(--color-primary)}.button--quiet{min-height:2.75rem;background:transparent;color:var(--color-primary);padding-inline:.6rem}.button--quiet:hover{background:var(--sage-soft);color:var(--sage-deep)}.checkbox-row{display:grid;grid-template-columns:1.25rem minmax(0,1fr);gap:var(--space-3);align-items:start;font-size:var(--text-sm)}.checkbox-row input{width:1.25rem;height:1.25rem;margin:.2rem 0 0;accent-color:var(--color-primary)}.page-section{padding-block:clamp(1.5rem,6vw,4rem)}.back-link{display:inline-flex;min-height:2.75rem;align-items:center;color:var(--color-muted-foreground);font-size:var(--text-sm);font-weight:600;text-decoration:none}.back-link:hover{color:var(--color-primary)}.eyebrow{margin-bottom:var(--space-2);color:var(--sage-deep);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;z-index:1000;top:var(--space-2);left:var(--space-2);transform:translateY(-150%);border-radius:var(--radius-sm);background:var(--color-foreground);color:#fff;padding:var(--space-2) var(--space-4)}.skip-link:focus{transform:translateY(0)}.password-wrap{position:relative}.password-input{padding-right:4.5rem}.password-toggle{position:absolute;top:50%;right:.3rem;min-width:3.5rem;min-height:2.75rem;transform:translateY(-50%);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-primary);font-size:var(--text-sm);font-weight:600}.password-toggle:hover{background:var(--color-surface-strong)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:22rem){.container,.container--form{width:min(100% - 2rem,var(--content-width))}}.observation-page{width:min(100%,48rem);margin-inline:auto;padding:1rem 1rem calc(7rem + env(safe-area-inset-bottom))}.observation-stack{display:grid;gap:1rem}.observation-hero{padding:.35rem 0 .15rem}.observation-hero--compact{padding-bottom:0}.observation-greeting{margin:0;color:var(--muted);font-size:.8125rem;font-weight:400;line-height:1.5}.warm-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);padding:1rem;box-shadow:0 7px 19px #3932250a}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.section-title-row h2{margin:0;font-family:var(--font-display);font-size:1.25rem;letter-spacing:-.01em}.section-title-row p{margin:.35rem 0 0;color:var(--muted);font-size:.8125rem;line-height:1.6}.dimension-card{background:color-mix(in srgb,var(--surface) 88%,var(--paper))}.dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.evidence-caption{margin:.75rem 0 0;color:var(--muted);font-size:.75rem;line-height:1.55}.report-card{display:flex;min-height:6.4rem;align-items:center;justify-content:space-between;gap:1rem;border:1px solid color-mix(in srgb,var(--ochre) 22%,var(--line));border-radius:var(--radius-card);background:linear-gradient(135deg,color-mix(in srgb,var(--ochre-soft) 58%,var(--surface)),var(--surface) 52%);color:var(--ink);padding:.9rem 1rem;text-decoration:none}.report-card__copy{display:grid;min-width:0;gap:.25rem}.report-card small{color:var(--muted);font-size:.75rem;line-height:1.5}.report-card .expert-label{color:var(--ochre);font-size:.7rem;font-weight:600;letter-spacing:.08em}.report-card strong{overflow-wrap:anywhere;color:var(--ink);font-family:var(--font-display);font-size:1rem;font-weight:800}.report-action{display:inline-flex;min-width:2.75rem;min-height:2.75rem;flex:none;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--ochre) 24%,var(--line));border-radius:var(--radius-pill);color:var(--ochre);font-size:.78rem;font-weight:600}.privacy-note{display:flex;align-items:flex-start;gap:.55rem;border-radius:var(--radius-control);background:color-mix(in srgb,var(--surface-muted) 64%,transparent);color:var(--muted);padding:.75rem .9rem;font-size:.75rem;line-height:1.6}.privacy-note svg{width:1rem;height:1rem;flex:none;margin-top:.14rem}.observation-error,.observation-empty,.observation-loading{border:1px dashed var(--line-strong);border-radius:var(--radius-card);background:color-mix(in srgb,var(--surface) 64%,transparent);color:var(--muted);padding:2rem 1.25rem;text-align:center}.observation-empty h1{color:var(--ink);font-size:var(--text-page-heading);line-height:1.32}.observation-empty p{max-width:28rem;margin-inline:auto}@media(max-width:22rem){.observation-page{padding-inline:1rem}.dimension-grid{grid-template-columns:1fr}}