.conch-card{background:linear-gradient(135deg,#ffc0d9 0,#ffb3d9 50%,#f9c 100%);border:3px solid #ff66b2;box-shadow:0 8px 24px rgba(255,102,178,.3)}.conch-card .card-content{padding:var(--spacing-xl)}.conch-shell{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-lg);min-height:400px;position:relative}.conch-body{width:280px;height:280px;background:linear-gradient(135deg,#fff0f7 0,#ffe0f0 30%,#ffd0e8 60%,#ffc0e0 100%);border-radius:60% 40% 70% 30%/50% 60% 40% 50%;border:4px solid #f9c;box-shadow:0 10px 30px rgba(255,102,178,.4),inset 0 -5px 20px rgba(255,153,204,.3),inset 5px 5px 15px rgba(255,255,255,.5);position:relative;animation:3s ease-in-out infinite float;cursor:pointer;transition:transform .3s}.conch-body:hover{transform:scale(1.05)}.conch-body:active{transform:scale(.95)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.conch-spiral{position:absolute;top:20%;left:15%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffd0e8,#ffb3d9,#f9c);box-shadow:inset 0 0 20px rgba(255,102,178,.4),0 2px 8px rgba(255,102,178,.3);opacity:.6}.conch-spiral::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe0f0,#ffd0e8);box-shadow:inset 0 0 15px rgba(255,153,204,.5)}.conch-opening{position:absolute;bottom:15%;right:15%;width:80px;height:60px;background:linear-gradient(135deg,#f9c,#ff66b2);border-radius:50% 20% 40% 30%;box-shadow:inset 0 3px 10px rgba(204,51,102,.4),0 2px 6px rgba(255,102,178,.3)}.answer-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:120px;background:linear-gradient(135deg,#fff 0,#fff5fa 100%);border:3px solid #ff66b2;border-radius:var(--radius-lg);box-shadow:0 5px 20px rgba(255,102,178,.4),inset 0 2px 8px rgba(255,153,204,.2);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);opacity:0;animation:.5s forwards fadeIn;z-index:10}.answer-window.hidden{display:none}@keyframes fadeIn{to{opacity:1}}.answer-text{font-size:1.1rem;font-weight:600;color:#c36;text-align:center;line-height:1.4;text-shadow:0 1px 2px rgba(255,102,178,.2)}.pull-string{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:transform .2s;user-select:none}.pull-string:hover{transform:translateY(5px)}.pull-string:active{transform:translateY(10px)}.string{width:3px;height:60px;background:linear-gradient(to bottom,#f9c,#ff66b2);border-radius:2px;box-shadow:0 2px 4px rgba(255,102,178,.3)}.handle{width:40px;height:40px;background:linear-gradient(135deg,#f9c,#ff66b2);border:2px solid #c36;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;text-align:center;box-shadow:0 4px 8px rgba(255,102,178,.4),inset 0 2px 4px rgba(255,255,255,.3);line-height:1.1;padding:2px}@keyframes shake{0%,100%{transform:translateX(0) rotate(0)}10%,30%,50%,70%,90%{transform:translateX(-5px) rotate(-2deg)}20%,40%,60%,80%{transform:translateX(5px) rotate(2deg)}}.conch-body.shaking{animation:.6s ease-in-out shake}.history-header{display:flex;justify-content:space-between;align-items:center;width:100%}.question-history{max-height:300px;overflow-y:auto}.history-item{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,#fff5fa 0,#ffe8f5 100%);border-left:4px solid #f9c}.history-item:last-child{margin-bottom:0}.history-question{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:.95rem}.history-answer{color:#c36;font-weight:500;font-style:italic;font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);background:#fff;border-radius:var(--radius-sm);border:1px solid #ffc0d9}.history-meta{font-size:.8rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.empty-history{text-align:center;color:var(--text-secondary);font-style:italic;padding:var(--spacing-xl)}.instructions-list{margin-left:var(--spacing-lg);line-height:1.8}.instructions-list li{margin-bottom:var(--spacing-sm)}.answer-mode-toggle{padding:var(--spacing-md);background:linear-gradient(135deg,#fff5fa 0,#ffe8f5 100%);border:2px solid #ffc0d9;border-radius:var(--radius-md)}.toggle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.toggle-label{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs);margin:0}.toggle-label i{color:#ff66b2}.mode-indicator{font-size:.9rem;font-weight:600;color:#c36;padding:.25rem .75rem;background:#fff;border:2px solid #f9c;border-radius:var(--radius-sm)}.toggle-description{color:var(--text-secondary);font-style:italic;margin:var(--spacing-xs) 0 0 0}.card{border:2px solid #ffc0d9}.card-header{background:linear-gradient(135deg,#fff5fa 0,#ffe8f5 100%);border-bottom:2px solid #ffc0d9}.btn-primary{background:linear-gradient(135deg,#f9c,#ff66b2);border-color:#ff66b2;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#ff66b2,#f39);border-color:#f39}.btn-secondary{background:linear-gradient(135deg,#ffe8f5,#ffd0e8);border-color:#ffc0d9;color:#c36}.btn-secondary:hover{background:linear-gradient(135deg,#ffd0e8,#ffb3d9);border-color:#f9c}@media (max-width:768px){.conch-body{width:220px;height:220px}.answer-window{width:160px;height:100px}.answer-text{font-size:.95rem}.conch-spiral{width:90px;height:90px}.conch-spiral::before{width:60px;height:60px}.conch-opening{width:60px;height:45px}}