:root{--bg-color: #f9fafb;--text-main: #1f2937;--text-muted: #6b7280;--accent-primary: #4f46e5;--accent-hover: #4338ca;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(209, 213, 219, .6);--input-bg: #ffffff;--success-color: #10b981;--danger-color: #ef4444;--warning-bg: rgba(253, 224, 71, .3);--warning-text: #854d0e;--highlight-bg: rgba(255, 0, 0, .1);--highlight-border: rgba(255, 0, 0, .4);--shadow-color: rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans JP,sans-serif;background-color:var(--bg-color);color:var(--text-main);display:flex;justify-content:center;align-items:flex-start;overflow-x:hidden;position:relative;padding:1rem 0}.glass-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 10% 20%,rgba(79,70,229,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.05) 0%,transparent 40%)}#app{width:100%;padding:0 2rem;display:flex;justify-content:center}.glass-container{width:100%;max-width:1000px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:1.5rem 2rem 2rem;box-shadow:0 10px 40px -10px #0000001a}header{display:none;text-align:center;margin-bottom:2.5rem}header h1{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:.5rem;letter-spacing:-.02em}header p{color:var(--text-muted);font-size:1.1rem}.input-wrapper{margin-bottom:2rem}.input-header{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.9rem;color:var(--text-muted);font-weight:600}.select-wrapper{position:relative}select{width:100%;padding:1rem;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-main);font-family:inherit;font-size:1rem;appearance:none;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px var(--shadow-color)}select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #4f46e51a}.select-wrapper:after{content:"▼";font-size:.8rem;color:var(--text-muted);position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);pointer-events:none}textarea{width:100%;height:250px;padding:1.25rem;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:16px;color:var(--text-main);font-family:inherit;font-size:1rem;line-height:1.8;resize:vertical;transition:all .2s ease;box-shadow:0 1px 2px var(--shadow-color)}textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #4f46e51a}textarea::placeholder{color:#9ca3af}.primary-btn{width:100%;padding:1rem;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 6px -1px #4f46e533}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 15px -3px #4f46e54d}.primary-btn:active{transform:translateY(0)}.primary-btn .spinner{display:none;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;position:absolute}.primary-btn.loading .btn-content{visibility:hidden}.primary-btn.loading .spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.terms-wrapper{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;border-radius:8px;transition:all .3s ease;border:1px solid transparent}.terms-wrapper.error{background-color:#ef44441a;border-color:var(--danger-color);animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.terms-wrapper label{cursor:pointer;font-weight:500;color:var(--text-main);-webkit-user-select:none;user-select:none}.terms-wrapper input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer;accent-color:var(--accent-primary)}.tos-container{margin-top:2rem;padding:1.5rem;background-color:#f9fafb;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-muted);font-size:.8rem;text-align:left;transition:opacity .3s ease}.tos-container.hidden{display:none}.tos-container h4{font-size:1rem;margin-bottom:1rem;color:var(--text-main);text-align:center}.tos-content h5{font-size:.9rem;margin-top:1rem;margin-bottom:.5rem;color:var(--text-main)}.tos-content p{margin-bottom:.5rem;line-height:1.6}.result-container{margin-top:3rem;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.result-container.visible{opacity:1;transform:translateY(0);pointer-events:auto}.result-card{background:#fff;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px var(--shadow-color)}.result-header{padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid var(--glass-border)}.result-header h3{font-size:1.1rem;font-weight:600;color:var(--text-main)}.result-body{padding:1.5rem}.highlight-view{width:100%;min-height:100px;font-size:1rem;line-height:1.8;color:var(--text-main);white-space:pre-wrap}.ng-highlight{padding:0 4px;border-radius:4px;cursor:help;position:relative;font-weight:600}.ng-highlight:before{content:attr(data-index);font-size:.7rem;background-color:var(--danger-color);color:#fff;padding:1px 5px;border-radius:99px;margin-right:4px;vertical-align:middle}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.95rem;text-align:left}th,td{padding:1rem 1.5rem;border-bottom:1px solid var(--glass-border)}th{background-color:#f3f4f6;color:var(--text-muted);font-weight:600;white-space:nowrap}td{color:var(--text-main);vertical-align:top}td:nth-child(1){width:40px;color:var(--text-muted);font-weight:500;text-align:center}td:nth-child(2){width:120px;color:var(--danger-color);font-weight:600;word-break:break-all}td:nth-child(3){width:90px;font-size:.85rem;text-align:center}td:nth-child(4){width:90px;font-size:.85rem;text-align:center}td:nth-child(5){line-height:1.6;white-space:normal;overflow-wrap:break-word;word-wrap:break-word;min-width:150px}td:nth-child(6){line-height:1.6;white-space:normal;overflow-wrap:anywhere;word-break:break-all;min-width:150px;color:#666}tr:last-child td{border-bottom:none}tr:hover td{background-color:#f9fafb}@media(max-width:768px){.glass-container{padding:1.5rem}header h1{font-size:2rem}table thead{display:none}table,table tbody,table tr,table td{display:block;width:100%}table tr{margin-bottom:1.5rem;background:#fff;border:1px solid var(--glass-border);border-radius:12px;padding:1rem;box-shadow:0 2px 4px var(--shadow-color)}table td{padding:.5rem 0;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:flex-start;text-align:right}table td:last-child{border-bottom:none}table td:before{content:attr(data-label);font-weight:600;color:var(--text-muted);text-align:left;margin-right:1rem;white-space:nowrap}td:nth-child(1){display:none}td:nth-child(4),td:nth-child(5){display:block;text-align:left;width:100%}td:nth-child(4):before,td:nth-child(5):before{display:block;margin-bottom:.5rem}}.back-btn-wrapper{display:flex;justify-content:center;margin-top:2rem;padding-bottom:2rem}.back-to-top-btn{padding:.8rem 1.8rem;background-color:var(--text-muted);color:#fff;border:none;border-radius:50px;font-weight:600;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all .3s ease;opacity:1;transform:translateY(0)}.back-to-top-btn:hover{background-color:var(--text-main);transform:translateY(-2px);box-shadow:0 6px 15px #00000026}.back-to-top-btn.hidden{display:none}@media(max-width:768px){.back-to-top-btn{padding:.6rem 1.2rem;font-size:.9rem}}