*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);line-height:var(--type-body-lh);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pear-app{display:flex;flex-direction:column;min-height:100dvh;max-width:720px;margin:0 auto;position:relative}.pear-header{padding:var(--space-4) var(--space-6);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:none;backdrop-filter:none}.pear-header-inner{max-width:600px;margin:0 auto;display:flex;align-items:center;gap:var(--space-3)}.pear-mark{width:28px;height:28px;border-radius:50%;background:var(--color-mustard);flex-shrink:0;box-shadow:0 2px 8px #d1a23b4d}.pear-title{font-family:var(--font-heading);font-size:var(--type-h3-size);letter-spacing:var(--type-tracking-wider);color:var(--color-cream);margin:0}.pear-main{flex:1;display:flex;flex-direction:column;padding:var(--space-8) var(--space-6);gap:var(--space-6);max-width:600px;margin:0 auto;width:100%}.pear-pair{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-8);margin-top:auto;margin-bottom:auto}.pear-pair-subtitle{font-family:var(--font-accent);font-size:var(--type-body-lg);color:var(--color-blush)}.pear-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--type-body-default);font-weight:600;transition:opacity var(--dur-fast) var(--ease-slow),transform var(--dur-fast) var(--ease-slow),box-shadow var(--dur-fast) var(--ease-slow)}.pear-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-card-hover)}.pear-btn:active{transform:translateY(0)}.pear-btn-mustard{background:var(--color-mustard);color:var(--color-green)}.pear-btn-blush{background:var(--color-blush);color:var(--color-green)}.pear-code-hint{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.pear-code-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;opacity:.75}.pear-code{font-family:"ABC Diatype",monospace,var(--font-body);font-size:1.5rem;letter-spacing:4px;color:var(--color-cream);opacity:.8;background:#f6efe314;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md)}.pear-chat{display:flex;flex-direction:column;width:100%;flex:1}.pear-chat-empty{flex:1;display:flex;align-items:center;justify-content:center}.pear-chat-empty-text{font-family:var(--font-accent);font-size:var(--type-body-lg);color:var(--color-blush);opacity:1}.pear-chat-input-area{padding-top:var(--space-4)}.pear-chat-input{width:100%;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);border:none;background:#f6efe314;color:var(--color-cream);font-family:var(--font-body);font-size:var(--type-body-default);outline:none;transition:background-color var(--dur-fast) var(--ease-slow)}.pear-chat-input:focus{background:#f6efe324}.pear-chat-input::placeholder{color:#f6efe366}.pear-agent{padding:var(--space-4) var(--space-6) var(--space-8)}.pear-agent-card{max-width:600px;margin:0 auto;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:var(--shadow-card)}.pear-agent-dot{width:8px;height:8px;border-radius:50%;background:var(--color-mustard);flex-shrink:0;margin-top:5px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pear-agent-copy{font-family:var(--font-accent);font-size:var(--type-body-default);line-height:1.6;color:var(--color-cream);opacity:.9;margin:0}.two-ness-gradient{background:linear-gradient(135deg,var(--color-partner-a) 0%,var(--color-partner-b) 50%,var(--color-partner-a) 100%)}.partner-a-glow{border-left:3px solid var(--color-partner-a);padding-left:var(--space-4)}.partner-b-glow{border-left:3px solid var(--color-partner-b);padding-left:var(--space-4)}.reveal-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);opacity:0;animation:revealUp var(--dur-slow) var(--ease-out-slow) .2s forwards}.reveal-answer{padding:var(--space-4);border-radius:var(--radius-lg);background:#f6efe30f}@keyframes revealUp{0%{opacity:0;transform:translateY(var(--space-6))}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeSlideIn var(--dur-medium) var(--ease-out-slow) forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(var(--space-3))}to{opacity:1;transform:translateY(0)}}:root{--ink-soft: rgba(246, 239, 227, .72);--line-soft: rgba(246, 239, 227, .13);--focus-ring: 0 0 0 3px rgba(209, 162, 59, .28)}.pear-app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.14;background-image:radial-gradient(rgba(246,239,227,.18) .6px,transparent .6px);background-size:7px 7px;mix-blend-mode:soft-light}.pear-header{padding-top:max(var(--space-4),env(safe-area-inset-top));border-bottom:1px solid var(--line-soft)}.pear-mark{width:12px;height:12px;border-radius:4px 7px;transform:rotate(-35deg)}.pear-title{font-size:clamp(1.55rem,5vw,2rem);letter-spacing:-.02em;font-weight:400}.pear-main{padding-top:clamp(var(--space-8),10vh,var(--space-16))}.pear-pair{gap:var(--space-10);min-height:min(70vh,620px)}.pear-pair-subtitle{font-size:clamp(1.3rem,4vw,1.75rem);max-width:18ch;line-height:1.15}.pear-btn{min-height:44px;font-weight:600;letter-spacing:.01em}.pear-btn:focus-visible,.pear-chat-input:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus-ring)}.pear-btn[disabled]{cursor:wait;opacity:.55;transform:none}.pear-btn-mustard{box-shadow:0 6px 18px #d1a23b29}.pear-btn-mustard:hover{box-shadow:0 10px 26px #d1a23b45}.pear-code{letter-spacing:.22em;border:1px solid var(--line-soft);box-shadow:inset 0 1px #f6efe314}.pear-chat{min-height:0}#pear-tabs{display:grid!important;grid-template-columns:repeat(4,1fr);gap:4px!important;padding:4px;border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:#0000001a}#pear-tabs .pear-btn{min-height:38px;padding:6px 8px!important;border-radius:12px;background:transparent;color:var(--ink-soft);font-size:.78rem!important}#pear-tabs .pear-btn:hover{background:#f6efe314;box-shadow:none}#pear-tabs .pear-btn[style*="opacity: 1"]{background:var(--color-cream);color:var(--color-green);text-decoration:none!important;box-shadow:var(--shadow-card)}#thread-scroll,#panel-ai,#panel-questions,#panel-requests{scrollbar-width:thin;scrollbar-color:rgba(246,239,227,.25) transparent}.pear-msg{animation:messageIn .36s var(--ease-out-slow) both}.pear-msg>div{max-width:min(75%,420px)!important;padding:13px 17px!important;line-height:1.45}.pear-agent-card{border:1px solid var(--line-soft);background:linear-gradient(135deg,#2c4a38eb,#385a44b8)}.pear-chat-input{border:1px solid transparent;box-shadow:inset 0 1px #f6efe30d}.pear-chat-input:focus{border-color:#d1a23b73}#panel-ai,#panel-questions,#panel-requests{animation:panelIn .32s var(--ease-out-slow) both}.pear-request-row,#panel-ai>div>div{border:1px solid var(--line-soft);box-shadow:var(--shadow-card)}@keyframes messageIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 480px){.pear-header{padding:var(--space-3) var(--space-4) var(--space-2)}.pear-main{padding:var(--space-4) var(--space-4) var(--space-6)}.pear-agent{padding:var(--space-3) var(--space-4) var(--space-6)}.reveal-container{grid-template-columns:1fr}}