#emotion-app{max-width:850px;min-height:65vh}.emotion-options{display:grid;gap:12px;margin:26px 0}.emotion-option{width:100%;padding:19px;text-align:left;font:16px/1.6 system-ui;color:#dbe5ef;background:#2f2315;border:1px solid #5d5243;border-radius:12px;cursor:pointer}.emotion-option:hover,.emotion-option:focus-visible{border-color:#e8ca8c;background:#3f3221}.emotion-option:focus-visible{outline:2px solid #e8ca8c;outline-offset:3px}.emotion-progress{height:5px;background:#4e4333;border-radius:5px;margin:20px 0}.emotion-progress i{height:100%;display:block;background:#d3b678}.emotion-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.emotion-actions button,.emotion-retry{padding:12px 18px;background:#d8bd87;color:#2f2315;border:0;border-radius:9px;font:600 14px system-ui;cursor:pointer}.emotion-actions button:disabled{opacity:.5}.emotion-result{border:1px solid #746343;border-radius:18px;padding:26px;background:#2f2315;margin:24px 0}.emotion-history{padding:16px;border-bottom:1px solid #514739}.emotion-history summary{cursor:pointer;font-weight:600;color:#e8ca8c}.emotion-status{color:#e8ca8c}.emotion-no-match{color:#c2b8ac}.emotion-title{font-size:clamp(30px,5vw,46px)}.emotion-door{background:linear-gradient(145deg,#3d2f1c,#20180d);border:1px solid #907849}.emotion-door h2{color:#ead4a3}.emotion-door .mirror-art-space{display:block;height:80px;background:radial-gradient(ellipse,#e8ca8c30,transparent 65%);border-radius:50%;margin:10px auto;width:80%}

.emotion-resource-links{margin:18px 0;gap:12px}.emotion-resource-links a{display:inline-block;padding:11px 16px;border:1px solid #a58042;border-radius:8px;background:#c49a4b0d;color:#ead09a;text-decoration:none}.emotion-resource-links a:hover{background:#c49a4b25}.emotion-resource-links a:focus-visible{outline:2px solid #f0d18f;outline-offset:4px}.emotion-saved-resource{margin:20px 0;padding:4px 0}