:root{--main-green:#20b2aa;--light-green:#e0f8f7;--accent-green:teal;--button-hover-green:#1a8f8a;--reset-btn-bg:#f0f0f0;--reset-btn-text:#555;--reset-btn-hover-bg:#e0e0e0;--text-color:#333;--border-color:#92dcdc;--bg-color:#f7fafa;--panel-bg:#fff;--accordion-hover:#e0fafa}.profile-generator{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.05);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans,Noto Sans CJK JP,Yu Gothic,sans-serif;margin:20px auto;max-width:700px;padding:20px}.profile-generator h5{color:var(--accent-green);font-size:30px;margin-bottom:25px;text-align:center}.accordion-btn{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);cursor:pointer;font-size:16px;margin-top:10px;outline:none;padding:18px;position:relative;text-align:left;transition:background-color .4s ease;width:100%}.accordion-btn .step-number{background-color:var(--main-green);border-radius:50%;color:#fff;display:inline-block;font-weight:700;height:24px;line-height:24px;margin-right:10px;text-align:center;width:24px}.accordion-btn .selected-text{color:var(--accent-green);display:block;font-size:.9em;font-weight:700;margin-left:34px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accordion-btn.active,.accordion-btn:hover{background-color:var(--accordion-hover)}.accordion-btn:after{color:#777;content:"+";font-size:20px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.accordion-btn.active:after{content:"−"}.panel{background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);border-left:1px solid var(--border-color);border-radius:0 0 5px 5px;border-right:1px solid var(--border-color);max-height:0;overflow:hidden;padding:0 18px;transition:max-height .3s ease-out}.panel div{margin:15px 0}.panel label{border-radius:4px;color:var(--text-color);cursor:pointer;display:block;font-weight:400;margin-bottom:10px;padding:8px;transition:background-color .2s}.panel label:hover{background-color:var(--light-green)}.panel input[type=radio]{margin-right:8px}.skip-option{font-style:italic}.result-area{margin-top:30px;text-align:center}.result-area .buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}#create-btn{background-color:var(--main-green);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;order:2;padding:12px 25px;transition:background-color .3s}#create-btn:hover{background-color:var(--button-hover-green)}#output-profile{background-color:#fff;border:1px solid var(--border-color);border-radius:5px;color:#333;font-size:14px;height:200px;line-height:1.6;margin-top:20px;padding:10px;resize:vertical;width:100%}#copy-btn{background-color:var(--accent-green);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px;transition:background-color .3s}#copy-btn:hover{background-color:var(--button-hover-green)}#reset-btn{background-color:var(--reset-btn-bg);border:1px solid #ccc;border-radius:5px;color:var(--reset-btn-text);cursor:pointer;font-size:16px;margin-top:10px;order:1;padding:10px 20px;transition:background-color .3s}#reset-btn:hover{background-color:var(--reset-btn-hover-bg)}