body{font-family:'Hiragino Sans','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;margin:0 auto;padding:20px;line-height:1.8}.section{background:#fff;padding:30px;margin-bottom:40px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.section-title{color:#333;border-bottom:3px solid #ff4493;padding-bottom:10px;margin-bottom:30px}.chat-container{margin:20px 0}.chat-left,.chat-right{display:flex;margin-bottom:20px;align-items:flex-start}.chat-right{flex-direction:row-reverse}.chat-icon{width:50px;height:50px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-left .chat-icon{margin-right:15px}.chat-right .chat-icon{margin-left:15px}.chat-bubble{max-width:70%;position:relative}.chat-name{font-size:.85em;color:#666;margin-bottom:5px}.chat-left .chat-name{text-align:left}.chat-right .chat-name{text-align:right}.chat-text{padding:15px;border-radius:12px;position:relative}.chat-left .chat-text{background-color:#f0f0f0;border-radius:12px 12px 12px 0}.chat-right .chat-text{background-color:#ffebee;border-radius:12px 12px 0}.heading-style1{font-size:18px;color:#333;border-left:5px solid #ff4493;padding-left:15px;margin:30px 0 20px}.heading-style2{font-size:18px;color:#fff;background:linear-gradient(135deg,#ffcdf3 0%,#b7f0ff 100%);padding:12px 20px;border-radius:8px;margin:30px 0 20px}.heading-style3{font-size:18px;color:#333;border-bottom:3px solid #a0ccff;padding-bottom:10px;margin:30px 0 20px;position:relative}.heading-style3:after{content:'';position:absolute;bottom:-3px;left:0;width:80px;height:3px;background-color:#ff7df1}.point-box{background-color:#fff8e1;border-left:5px solid #ffc107;padding:20px;margin:20px 0;border-radius:4px}.point-box .point-title{font-weight:700;color:#f57f17;margin-bottom:10px;display:flex;align-items:center}.point-box .point-title:before{content:"💡";margin-right:8px;font-size:1.2em}.check-box{background-color:#e8f5e9;border-left:5px solid #4caf50;padding:20px;margin:20px 0;border-radius:4px}.check-box .check-title{font-weight:700;color:#2e7d32;margin-bottom:10px;display:flex;align-items:center}.check-box .check-title:before{content:"✓";margin-right:8px;font-size:1.4em;font-weight:700}.attention-box{background-color:#ffebee;border-left:5px solid #f44336;padding:20px;margin:20px 0;border-radius:4px}.attention-box .attention-title{font-weight:700;color:#c62828;margin-bottom:10px;display:flex;align-items:center}.attention-box .attention-title:before{content:"⚠️";margin-right:8px;font-size:1.2em}.steps-container{margin:30px 0}.step-item{display:flex;margin-bottom:30px;position:relative}.step-item:not(:last-child):after{content:'';position:absolute;left:24px;top:50px;width:2px;height:calc(100% - 30px);background-color:#e0e0e0}.step-number{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ff7df1 0%,#ffcdf3 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2em;flex-shrink:0;margin-right:20px;z-index:1;position:relative}.step-content{flex:1;background-color:#f9f9f9;padding:20px;border-radius:8px;border:1px solid #e0e0e0}.step-title{font-weight:700;color:#333;margin-bottom:10px;font-size:1.1em}.step-description{color:#666;line-height:1.6}.summary-box{background:linear-gradient(135deg,#ffebee 0%,#b7f0ff 100%);color:#333;padding:30px;border-radius:12px;margin:30px 0;box-shadow:0 4px 12px rgba(0,0,0,.15)}.summary-title{font-size:1.5em;font-weight:700;margin-bottom:20px;text-align:center;display:flex;align-items:center;justify-content:center}.summary-title:before{content:"📝";margin-right:10px;font-size:1.2em}.summary-content{background-color:rgba(255,255,255,.1);padding:20px;border-radius:8px;backdrop-filter:blur(10px)}.summary-list{list-style:none;padding:0;margin:0}.summary-list li{padding:10px 0;padding-left:30px;position:relative}.summary-list li:before{content:"✓";position:absolute;left:0;color:#ff4493;font-weight:700;font-size:1.2em}.summary-simple{background-color:#fff5f6;border:2px solid #ffcdf3;padding:25px;border-radius:8px;margin:30px 0}.summary-simple .summary-title-simple{font-size:1.3em;font-weight:700;color:#ff7df1;margin-bottom:15px;text-align:center}.summary-simple ul{list-style:none;padding:0}.summary-simple li{padding:8px 0;padding-left:25px;position:relative;color:#333}.summary-simple li:before{content:"●";position:absolute;left:0;color:#ffcdf3}.code-box{margin-top:20px;background-color:#1e1e1e;border-radius:8px;overflow:hidden}.code-box-header{background-color:#2d2d2d;padding:10px 15px;display:flex;justify-content:space-between;align-items:center}.code-box-title{color:#bbb;font-size:.9em;font-family:'Courier New',monospace}.copy-button{background-color:#4a90e2;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:.9em;transition:background-color .3s;font-weight:700}.copy-button:hover{background-color:#357abd}.copy-button:active{background-color:#2868a8}.copy-button.copied{background-color:#4caf50}.code-box-content{padding:15px;overflow-x:auto}.code-box-content pre{margin:0;color:#d4d4d4;font-family:'Courier New',monospace;font-size:.85em;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}@media screen and (max-width:750px){.chat-left .chat-text{font-size:14px}.heading-style1,.heading-style2,.heading-style3{font-size:15px}.point-box,.check-box,.attention-box{font-size:14px;padding:10px}.point-box .point-title,.check-box .check-title,.attention-box .attention-title{margin-bottom:2px}.step-title{font-size:15px;margin-bottom:2px}.summary-box{padding:16px}.summary-title{font-size:16px}.summary-content{padding:0}}