*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}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)}}@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}}