.color-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.color-swatch{aspect-ratio:1.35;border-radius:24px 28px 20px 26px;border:3px solid rgba(255,255,255,.6);cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 4px 16px #ffb48c33}.color-swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 60%);pointer-events:none}.color-swatch:after{content:attr(data-label);position:absolute;bottom:0;left:0;right:0;padding:.55rem .5rem;font-size:.68rem;font-weight:700;color:#3d3545e0;background:linear-gradient(transparent,#ffffffe6)}.color-swatch:hover{transform:scale(1.04) rotate(-.5deg)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 3px var(--purple),0 10px 28px #c4a7f566;transform:scale(1.06)}.char-universe{position:relative;min-height:440px;margin:0 -.25rem;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(255,180,140,.12),transparent),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(196,167,245,.1),transparent);border-radius:var(--radius)}.char-bubble{position:absolute;width:112px;padding:.8rem .65rem;border-radius:22px 26px 20px 24px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.95);box-shadow:0 6px 20px #ffb48c40;text-align:center;cursor:pointer;transition:transform .25s,box-shadow .25s;animation:charFloat 4s ease-in-out infinite}.char-bubble:nth-child(odd){animation-delay:-1s}.char-bubble:nth-child(3n){animation-delay:-2s}@keyframes charFloat{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-12px) rotate(var(--rot, 0deg))}}.char-bubble:hover{transform:scale(1.1)!important;box-shadow:0 10px 28px #c4a7f559}.char-bubble__emoji{font-size:2.1rem;display:block;margin-bottom:.2rem}.char-bubble__name{font-size:.72rem;font-weight:700;display:block;color:var(--text)}.char-bubble__desc{font-size:.58rem;color:var(--text-soft);line-height:1.45;margin-top:.2rem}.result-canvas-wrap{position:relative;width:100%;max-width:360px;margin:0 auto 1.5rem;border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 40px #c4a7f54d}#amoeba-canvas{width:100%;height:auto;display:block;background:#fff6}.float-tags{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.result-decobo{font-size:1.05rem;margin-bottom:.75rem}.result-decobo strong{font-size:2.2rem;background:linear-gradient(135deg,#ffb490,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-message{font-size:.9rem;color:var(--text-soft);line-height:1.85}.result-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;align-items:center}#history-canvas{width:100%;max-width:360px;height:auto;border-radius:var(--radius);margin-bottom:1.5rem;display:block;background:#ffffff80;box-shadow:0 4px 16px var(--shadow)}.history-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.history-item{padding:1rem 1.1rem;border-radius:var(--radius-sm);background:#ffffffbf;font-size:.85rem;border:1px solid rgba(255,255,255,.9)}.history-item__date{color:var(--text-soft);font-size:.72rem}.history-item__tags{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.35rem}.history-item__tag{font-size:.68rem;font-weight:700;color:var(--purple);background:#c4a7f533;padding:.2rem .55rem;border-radius:999px}.theme-tansak .mic-btn{background:linear-gradient(135deg,#ffb490,var(--pink),var(--purple));box-shadow:0 8px 32px #ffb48c73}.theme-tansak .step-label{background:#ffb48c40;color:#c07050}.voice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d35458c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:300;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.voice-overlay__text{color:#fff;font-size:1.05rem;font-weight:700}.voice-overlay__wave{display:flex;gap:5px;align-items:flex-end;height:44px}.voice-overlay__bar{width:7px;background:linear-gradient(to top,var(--pink),#ffb490);border-radius:4px;animation:voiceBar .5s ease-in-out infinite alternate}.voice-overlay__bar:nth-child(2){animation-delay:.1s}.voice-overlay__bar:nth-child(3){animation-delay:.2s}.voice-overlay__bar:nth-child(4){animation-delay:.15s}.voice-overlay__bar:nth-child(5){animation-delay:.05s}@keyframes voiceBar{0%{height:8px}to{height:40px}}#logo-hero.hidden-logo{display:none}