:root{--ptr-bg: #f4f8fa;--ptr-surface: #ffffff;--ptr-surface-alt: #eef4f7;--ptr-border: #d4e0e7;--ptr-ink: #1d2b36;--ptr-ink-soft: #4d6270;--ptr-primary: #0e7490;--ptr-primary-deep: #155e75;--ptr-primary-soft: #e0f1f5;--ptr-focus: #0891b2;--ptr-warm-bg: #fff7ed;--ptr-warm-border: #f3c993;--ptr-warm-ink: #7a3c10;--ptr-error-bg: #fdf1f1;--ptr-error-border: #e7b8b8;--ptr-error-ink: #9b2c2c;--ptr-font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--ptr-fs-sm: .8125rem;--ptr-fs-base: .9375rem;--ptr-fs-lg: 1.125rem;--ptr-fs-xl: 1.5rem;--ptr-radius: 10px;--ptr-radius-sm: 6px;--ptr-shadow: 0 1px 3px rgba(29, 43, 54, .08), 0 1px 2px rgba(29, 43, 54, .04)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ptr-bg);color:var(--ptr-ink);font-family:var(--ptr-font);font-size:var(--ptr-fs-base);line-height:1.55;-webkit-font-smoothing:antialiased}.app-shell{max-width:820px;margin:0 auto;padding:16px}@media (max-width: 480px){.app-shell{padding:12px}}h1,h2,h3{line-height:1.25;margin:0 0 .35em}h1{font-size:var(--ptr-fs-xl)}h2{font-size:var(--ptr-fs-lg)}a{color:var(--ptr-primary)}a:hover{color:var(--ptr-primary-deep)}.site-header{display:flex;align-items:center;gap:12px;padding:12px 0 16px}.site-header .logo{flex:none;width:40px;height:40px}.site-header .site-title{font-size:var(--ptr-fs-xl);font-weight:650;letter-spacing:-.01em;margin:0}.site-header .site-tagline{margin:0;font-size:var(--ptr-fs-sm);color:var(--ptr-ink-soft)}.card{background:var(--ptr-surface);border:1px solid var(--ptr-border);border-radius:var(--ptr-radius);box-shadow:var(--ptr-shadow);padding:16px;margin-top:14px}.muted{color:var(--ptr-ink-soft);font-size:var(--ptr-fs-sm)}button,.btn{font-family:inherit;font-size:var(--ptr-fs-base);font-weight:600;color:#fff;background:var(--ptr-primary);border:1px solid var(--ptr-primary-deep);border-radius:var(--ptr-radius-sm);padding:8px 16px;cursor:pointer;transition:background-color .15s ease}button:hover:not(:disabled),.btn:hover{background:var(--ptr-primary-deep)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ptr-focus);outline-offset:2px}.btn-secondary{color:var(--ptr-primary-deep);background:var(--ptr-surface);border:1px solid var(--ptr-border);font-weight:600}.btn-secondary:hover:not(:disabled){background:var(--ptr-primary-soft)}.demo-card{color:var(--ptr-ink);background:var(--ptr-surface);border:1px solid var(--ptr-border);border-radius:var(--ptr-radius);padding:12px 14px;text-align:left;font-weight:400;max-width:360px}.demo-card:hover:not(:disabled){background:var(--ptr-primary-soft)}.demo-card.active{border:2px solid var(--ptr-primary);padding:11px 13px}.demo-card .demo-name{font-weight:650}.demo-card .demo-desc{font-size:var(--ptr-fs-sm);color:var(--ptr-ink-soft);margin-top:2px}input[type=text],input[type=email],input:not([type]){font-family:inherit;font-size:var(--ptr-fs-base);color:var(--ptr-ink);background:var(--ptr-surface);border:1px solid var(--ptr-border);border-radius:var(--ptr-radius-sm);padding:9px 12px}label{display:block;font-size:var(--ptr-fs-sm);font-weight:600;color:var(--ptr-ink-soft);margin-bottom:4px}.chat-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.help-link{flex:none;font-size:var(--ptr-fs-sm);font-weight:600;color:var(--ptr-warm-ink);background:var(--ptr-warm-bg);border:1px solid var(--ptr-warm-border);border-radius:999px;padding:3px 12px;text-decoration:none;white-space:nowrap}.help-link:hover{color:var(--ptr-warm-ink);background:#ffedd5}.chat-log{display:flex;flex-direction:column;gap:8px;min-height:140px;background:var(--ptr-surface-alt);border-radius:var(--ptr-radius-sm);padding:12px;margin-top:10px}.bubble{max-width:85%;padding:8px 13px;border-radius:16px;margin:0;white-space:pre-wrap;overflow-wrap:break-word}.bubble-user{align-self:flex-end;background:var(--ptr-primary);color:#fff;border-bottom-right-radius:4px}.bubble-guide{align-self:flex-start;background:var(--ptr-surface);border:1px solid var(--ptr-border);border-bottom-left-radius:4px}.bubble-error{align-self:stretch;max-width:100%;background:var(--ptr-error-bg);border:1px solid var(--ptr-error-border);color:var(--ptr-error-ink);border-radius:var(--ptr-radius-sm);font-size:var(--ptr-fs-sm)}.chat-input-row{display:flex;gap:8px;align-items:flex-end;margin-top:10px}.chat-input-row .field{flex:1}.chat-input-row input{width:100%}.crisis-banner{background:var(--ptr-warm-bg);border:2px solid var(--ptr-warm-border);border-radius:var(--ptr-radius);color:var(--ptr-warm-ink);padding:14px 16px;margin-top:12px}.crisis-banner p{margin:0 0 6px}.crisis-banner .crisis-title{font-weight:700;font-size:var(--ptr-fs-lg)}.crisis-banner ul{margin:6px 0 0;padding-left:20px}.crisis-banner li{margin:3px 0}.crisis-banner a{color:var(--ptr-warm-ink);font-weight:600;text-decoration:underline}.notice{background:var(--ptr-primary-soft);border:1px solid var(--ptr-border);border-radius:var(--ptr-radius);padding:12px 14px;margin-top:12px;font-size:var(--ptr-fs-sm);color:var(--ptr-ink)}.error-text{color:var(--ptr-error-ink);background:var(--ptr-error-bg);border:1px solid var(--ptr-error-border);border-radius:var(--ptr-radius-sm);font-size:var(--ptr-fs-sm);padding:8px 12px;margin:10px 0 0}.spend-meter{margin-top:12px;font-size:var(--ptr-fs-sm);color:var(--ptr-ink-soft)}.spend-track{background:var(--ptr-border);border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.spend-fill{height:100%;border-radius:4px;background:var(--ptr-primary);transition:width .2s ease}.spend-fill.danger{background:var(--ptr-error-ink)}.session-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:var(--ptr-fs-sm);color:var(--ptr-ink-soft)}.site-footer{margin-top:20px;padding-top:12px;border-top:1px solid var(--ptr-border);font-size:var(--ptr-fs-sm);color:var(--ptr-ink-soft)}.debug-tag{font-size:12px;color:var(--ptr-ink-soft);background:var(--ptr-surface-alt);border-radius:4px;padding:0 4px}