.title{color:#333;font-size:1.5rem}.fortune-image-wrapper,.title{margin-bottom:1.5rem;text-align:center}.fortune-image{border-radius:50%;box-shadow:0 2px 10px #0000001a;height:100px;-o-object-fit:cover;object-fit:cover;width:100px}.question-box{background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;padding:1rem}.question-title{color:#333;font-weight:700;margin-bottom:.5rem}.balloon{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:2rem;overflow-wrap:break-word;padding:1.5rem;position:relative;word-break:break-word}.balloon:after{border-color:#fff transparent;border-style:solid;border-width:0 10px 10px;content:"";left:50%;position:absolute;top:-10px;transform:translate(-50%)}.mamoru-box{background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;padding:1rem}.mamoru-box a{color:#06c;text-decoration:underline}@media (max-width:768px){.balloon{padding:1.2rem}.share-box{gap:.8rem}.share-btn{height:36px;width:36px}}@media (max-width:480px){.title{font-size:1.3rem}.mamoru-box,.question-box{padding:.8rem}}canvas[data-v-fd802300]{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d;margin:0 auto;max-height:400px;max-width:400px;padding:20px}canvas[data-v-fd802300],div[data-v-fd802300]{box-sizing:border-box;width:100%}div[data-v-fd802300]{background-color:#f9fafb;border-radius:12px;max-width:100%;overflow:hidden;padding:24px}@media (max-width:768px){canvas[data-v-fd802300]{max-width:100%;padding:15px}div[data-v-fd802300]{padding:16px}}@media (max-width:480px){canvas[data-v-fd802300]{padding:10px}div[data-v-fd802300]{padding:12px}}.result-box{margin-top:2rem}.item{border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;padding:1rem 0}.item:last-child{border-bottom:none}.label-box{color:#333;font-size:1rem;font-weight:700;padding-right:1rem;width:100px}.value-box{flex:1;min-width:0}.number{color:#333;font-size:1.5rem;font-weight:700;margin-right:1rem}.description{color:#666;font-size:.9rem;margin:.5rem 0}.highlighted-text{background:#f9f9f9;border-radius:8px;margin-top:.5rem;padding:1rem}.highlighted-text em{color:#06c;font-style:normal;font-weight:700}.highlighted-text strong{color:#333}.highlighted-text p{color:#555;line-height:1.5;margin-top:.5rem}@media (max-width:768px){.name-divination-container{padding:1.2rem}.label-box{padding-right:.8rem;width:80px}.share-box{gap:.8rem}.share-btn{height:36px;width:36px}}@media (max-width:480px){.title{font-size:1.3rem}.label-box{margin-bottom:.5rem;width:100%}.value-box{width:100%}.item{flex-direction:column}.number{font-size:1.3rem}.highlighted-text{padding:.8rem}}.name-divination-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;box-sizing:border-box;margin-bottom:2rem;max-width:100%;overflow:hidden;padding:1.5rem;width:100%}.title{color:#333;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.four-pillars-table{border-collapse:collapse;box-shadow:0 2px 8px #0000000d;font-size:.9rem;margin-bottom:2rem;width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:2rem;max-width:100%;width:100%}.four-pillars-table th{background-color:#f5f5f5;color:#333;font-weight:700}.four-pillars-table td,.four-pillars-table th{border:1px solid #eaeaea;padding:.8rem;text-align:center}.four-pillars-table td{vertical-align:middle}.four-pillars-table tbody tr:nth-child(2n){background-color:#f9f9f9}.highlight-soft-blue{background-color:#e6f7ff!important}.highlight-dark-green{background-color:#e6fff0!important}h2{color:#333;font-size:1.3rem;margin:1.5rem 0 1rem}h3{color:#444;font-size:1.1rem;margin:1.2rem 0 .8rem}p{color:#555;line-height:1.6;margin-bottom:1rem}.debug-info-table{border-collapse:collapse;box-shadow:0 2px 8px #0000000d;font-size:.85rem;margin:1.5rem 0;width:100%}.debug-info-table td{border:1px solid #eaeaea;padding:.6rem .8rem}.debug-info-table tr:nth-child(2n){background-color:#f9f9f9}.debug-info-table td:first-child{background-color:#f5f5f5;color:#555;font-weight:700;width:180px}.share-banner{margin:1.5rem 0;max-width:100%;text-align:center}.share-banner img{height:auto;max-width:100%}.share-box{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.share-box,.share-btn{display:flex;justify-content:center}.share-btn{align-items:center;border-radius:50%;font-size:1.5rem;height:40px;text-decoration:none;transition:transform .3s ease;width:40px}.share-btn:hover{transform:scale(1.1)}.x-btn{color:#000}.facebook-btn{color:#1877f2}.line-btn{color:#06c755}.instagram-btn{color:#c13584}.ad-wrapper{margin:2rem 0;max-width:100%;overflow:hidden;text-align:center}.disclaimer{color:#777;font-size:.85rem;margin-top:1.5rem;padding:0 1rem;text-align:center}@media (max-width:768px){.name-divination-container{padding:1.2rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.four-pillars-table{font-size:.8rem}.four-pillars-table td,.four-pillars-table th{padding:.6rem;white-space:nowrap}.debug-info-table{font-size:.75rem;min-width:100%}.debug-info-table td:first-child{width:150px}h2{font-size:1.2rem}h3{font-size:1rem}}@media (max-width:480px){.title{font-size:1.3rem}.four-pillars-table{font-size:.7rem}.four-pillars-table td,.four-pillars-table th{font-size:.6rem;padding:.4rem}.debug-info-table td:first-child{width:120px}h2{font-size:1.1rem}h3{font-size:.95rem}}.fortune-result-wrapper{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 10px #00000014;box-sizing:border-box;margin-top:2rem;max-width:100%;overflow:hidden;padding:1rem;width:100%}.tab-header{border-bottom:1px solid #eaeaea;display:flex;justify-content:center;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;white-space:nowrap}.tab-header button{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;margin:0 .5rem;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.tab-header button:hover{color:#333}.tab-header button.active{color:#000;font-weight:700}.tab-header button.active:after{background:#333;border-radius:3px;bottom:-.5rem;content:"";height:3px;left:0;position:absolute;width:100%}.close-btn{background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:2rem auto 1rem;max-width:200px;padding:.75rem 1.5rem;text-align:center;transition:background .3s ease;width:100%}.close-btn:hover{background:#555}.report-link{color:#666;display:block;font-size:.85rem;margin:1rem auto;text-align:center;text-decoration:underline}.limit-message{background:#fdf1f0;border-radius:8px;color:#e74c3c;font-weight:700;margin:2rem 0;padding:1rem;text-align:center}@media (max-width:768px){.fortune-result-wrapper{margin-top:1.5rem;padding:.8rem}.tab-header button{font-size:.95rem;padding:.6rem 1.2rem}}@media (max-width:480px){.tab-header{justify-content:flex-start;margin-bottom:1.2rem}.tab-header button{font-size:.9rem;margin:0 .3rem;padding:.5rem 1rem}.close-btn{max-width:180px;padding:.6rem 1.2rem}}*,:after,:before{box-sizing:border-box}.fortune-form-section{background:linear-gradient(135deg,#f8f4ff,#fff8f0);margin:0 auto;max-width:800px;min-height:100vh;width:100%}.form-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #667eea4d;color:#fff;margin-bottom:3rem;overflow:hidden;padding:2rem 0;position:relative;text-align:center;width:100%}.form-header:before{animation:sparkle 2s ease-in-out infinite;content:"✨";left:2rem}.form-header:after,.form-header:before{font-size:3.5rem;position:absolute;top:1rem}.form-header:after{animation:sparkle 2s ease-in-out infinite reverse;content:"🌙";right:2rem}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.form-title{color:#f0fff0;font-size:2.2rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.form-subtitle{font-size:1.1rem;font-weight:300;margin:0;opacity:.9}.fortune-form{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 15px 35px #00000014;padding:2.5rem;width:100%}.form-group,.form-row{margin-bottom:2rem;width:100%}.form-row{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-label{color:#4a4a4a;display:block;font-size:.95rem;font-weight:600;letter-spacing:.3px;margin-bottom:.75rem}.required{color:#e74c3c;font-weight:700;margin-left:.25rem}.optional,.text-limit{color:#7f8c8d;font-size:.85rem;font-weight:400}.date-select,.form-input,.form-select,.form-textarea,.time-select{background:#fafafa;border:2px solid #e8e8e8;border-radius:12px;box-sizing:border-box;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.date-select:focus,.form-input:focus,.form-select:focus,.form-textarea:focus,.time-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.form-textarea{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}.date-select-container,.time-select-container{display:grid;gap:.75rem;grid-template-columns:1fr 1fr 1fr;width:100%}.time-select-container{grid-template-columns:1fr 1fr}.fortune-content-box{background:linear-gradient(135deg,#fef7ff,#f0f8ff);border:2px solid #e8e1ff;border-radius:16px;box-sizing:border-box;margin:2rem 0;padding:2rem;position:relative;width:100%}.example-section{border-top:1px solid #e8e1ff;margin-top:1.5rem;padding-top:1.5rem}.example-title{color:#7f8c8d;font-size:.9rem;font-weight:500;margin-bottom:1rem}.example-buttons{display:flex;flex-direction:column;gap:.75rem}.example-button{background:linear-gradient(135deg,#fff,#f8f9ff);border:2px solid #e8e1ff;border-radius:12px;box-sizing:border-box;color:#5a5a5a;cursor:pointer;font-size:.9rem;line-height:1.4;padding:.875rem 1rem;text-align:left;transition:all .3s ease;width:100%}.example-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 5px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.advanced-section{background:#f8f9fa;border:2px solid #e9ecef;border-radius:16px;box-sizing:border-box;margin:2rem 0;overflow:hidden;width:100%}.advanced-summary{background:linear-gradient(135deg,#6c757d,#495057);box-sizing:border-box;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1.5rem 2rem;text-align:center;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.advanced-summary:hover{background:linear-gradient(135deg,#5a6268,#3d4144)}.advanced-summary .star{color:gold;font-size:1.2rem;margin:0 .5rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.advanced-content{background:#fff;box-sizing:border-box;padding:2rem;width:100%}.advanced-notice{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px solid #667eea;border-radius:12px;box-shadow:0 4px 10px #667eea1a;box-sizing:border-box;color:#4a4a4a;font-size:.95rem;margin-bottom:2rem;padding:1rem 1.5rem;width:100%}.stroke-summary{background:linear-gradient(135deg,#e8f5e8,#f0f8ff);border:1px solid #c8e6c9;border-radius:8px;color:#2e7d32;font-weight:600}.error-text,.stroke-summary{box-sizing:border-box;font-size:.9rem;margin-top:.5rem;padding:.75rem 1rem;width:100%}.error-text{background:linear-gradient(135deg,#ffebee,#fff3e0);border:1px solid #ffcdd2;border-radius:8px;color:#d32f2f;font-weight:500}.stroke-container{margin-top:1rem;width:100%}.stroke-wrapper{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;box-sizing:border-box;padding:1.5rem;width:100%}.stroke-title{color:#6c757d;font-size:.9rem;font-weight:600;margin-bottom:1rem}.stroke-item{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem;width:100%}.stroke-input{border:2px solid #e8e8e8;border-radius:8px;box-sizing:border-box;font-size:1rem;font-weight:600;padding:.5rem;text-align:center;width:80px}.stroke-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.stroke-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.stroke-button.increment{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.stroke-button.decrement{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff}.stroke-button:hover{box-shadow:0 2px 8px #0003;transform:scale(1.1)}.error-message{animation:fadeInError .3s ease-in-out;background-color:#fdf2f2;border:1px solid #f5b7b1;border-radius:4px;color:#e74c3c;display:block;font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.5rem}@keyframes fadeInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.agreement-section{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin:1.5rem 0;padding:1rem;transition:all .3s ease}.agreement-section.has-error{background-color:#fdf2f2;border-color:#e74c3c;box-shadow:0 0 10px #e74c3c1a}.agreement-label{align-items:flex-start;cursor:pointer;display:flex;font-size:.95rem;line-height:1.5;margin-bottom:0}.agreement-checkbox{cursor:pointer;margin-right:.75rem;margin-top:.125rem;transform:scale(1.2)}.terms-link{color:#3498db;margin:0 .25rem;text-decoration:underline;transition:color .2s ease}.terms-link:hover{color:#2980b9}.agreement-checkbox:focus{outline:2px solid #3498db;outline-offset:2px}.submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 8px 25px #667eea4d;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;margin:0 auto;min-width:280px;padding:1.25rem 3rem;transition:all .3s ease}.submit-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 12px 35px #667eea66;transform:translateY(-3px)}.submit-button:active{transform:translateY(-1px)}.button-text{font-size:1.1rem}.button-icon{animation:sparkle 2s ease-in-out infinite;font-size:1.3rem}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;z-index:2000}.modal-backdrop,.modal-content{box-sizing:border-box;width:100%}.modal-content{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:2.5rem;text-align:center}.modal-content p{color:#4a4a4a;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.modal-buttons{display:flex;gap:1rem;justify-content:center}.modal-button{border:none;border-radius:25px;box-sizing:border-box;cursor:pointer;font-size:1rem;font-weight:600;min-width:100px;padding:.875rem 2rem;transition:all .3s ease}.modal-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.modal-button.primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.modal-button.secondary{background:#f8f9fa;border:2px solid #e9ecef;color:#6c757d}.modal-button.secondary:hover{background:#e9ecef;color:#495057;transform:translateY(-1px)}@media (max-width:768px){.fortune-form-section{max-width:100%;width:100%}.form-header{border-radius:16px;margin-bottom:2rem;padding:1.5rem 1rem}.form-title{font-size:1.8rem}.form-subtitle{font-size:1rem}.fortune-form{border-radius:16px;padding:1.5rem}.form-row{gap:1rem;grid-template-columns:1fr}.date-select-container,.time-select-container{gap:.5rem;grid-template-columns:1fr}.advanced-content,.fortune-content-box{padding:1.5rem}.example-buttons{gap:.5rem}.submit-button{min-width:100%;padding:1rem 2rem;width:100%}.modal-content{margin:0;max-width:calc(100% - 2rem);padding:2rem 1.5rem}.modal-buttons{flex-direction:column;gap:.75rem}.modal-button{width:100%}.stroke-item{flex-wrap:wrap;gap:.75rem}.stroke-input{width:100px}.advanced-summary{padding:1rem 1.5rem}}@media (max-width:480px){.form-header:before{animation:sparkle 2s ease-in-out infinite;content:"✨";left:2rem}.form-header:after,.form-header:before{font-size:2rem;position:absolute;top:1rem}.form-header:after{animation:sparkle 2s ease-in-out infinite reverse;content:"🌙";right:2rem}.form-title{font-size:1.5rem}.advanced-content,.fortune-content-box,.fortune-form{padding:1rem}.advanced-summary{font-size:1rem;padding:1rem}.modal-backdrop{padding:.5rem}.modal-content{padding:1.5rem 1rem}.stroke-wrapper{padding:1rem}.agreement-label{font-size:.9rem;gap:.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group,.fortune-form{animation:fadeInUp .6s ease-out}.form-group{animation-fill-mode:both}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.fortune-form-section{background:#fff!important;box-shadow:none!important}.form-header{background:#667eea!important}.modal-backdrop{display:none!important}}