@keyframes interview-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes interview-spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes ioswv{0%,to{opacity:.15;transform:scaleY(.3)}50%{opacity:.6;transform:scaleY(1)}}.ios-inquiry-link{text-align:center;color:var(--label2);padding:4px 0;font-size:13px;text-decoration:underline;transition:opacity .1s;display:block}.ios-inquiry-link:hover,.ios-inquiry-link:active{opacity:.7}:root{--navy:#2c3d8f;--navy-dark:#1e2d6b;--navy-light:#3b4fc8;--sys-bg:#f2f2f7;--sys-grouped:#f2f2f7;--sys-grouped2:#fff;--sys-separator:#3c3c431f;--sys-separator-opaque:#c6c6c8;--label:#000;--label2:#3c3c4399;--label3:#3c3c434d;--label4:#3c3c432e;--sys-blue:#007aff;--sys-green:#34c759;--sys-red:#ff3b30;--sys-orange:#ff9500;--sys-purple:#af52de;--fill2:#78788029;--fill3:#7878801f;--r-sm:10px;--r-md:13px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--r-full:999px;--shadow-card:0 2px 12px #0000000f, 0 1px 3px #0000000a;--shadow-modal:0 8px 40px #00000024, 0 2px 8px #00000014;--ease-ios:cubic-bezier(.25, .46, .45, .94)}.interview-sample{-webkit-font-smoothing:antialiased;background:#f8f9fb;min-height:100vh}.interview-sample .section-common-quiz>.container{max-width:420px;padding-left:40px;padding-right:40px}.interview-sample .section-common-quiz .title-section{text-align:center;letter-spacing:.08em;margin-bottom:18px;font-size:20px;font-weight:700;line-height:1.6}.interview-sample .section-common-quiz .card-quiz .card-body{padding-bottom:16px}.interview-sample .section-common-quiz .card-body-lg{padding:24px 16px}.interview-sample .d-flex-quiz{margin-bottom:16px}.interview-sample .flex-right{color:#1f2937;font-size:15px;line-height:1.5}.interview-sample .section-common-quiz .form-group{margin-bottom:24px}.interview-sample .section-common-quiz .form-group .form-label,.interview-sample .section-common-quiz .form-group label{color:#1f2937;margin-bottom:8px;font-size:13px;font-weight:700;line-height:1.667;display:block}.interview-sample .section-common-quiz .form-control,.interview-sample .section-common-quiz .form-select{color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 40px 12px 16px;font-size:15px}.interview-sample .section-common-quiz .form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.interview-sample .section-common-quiz .form-group .error{color:#dc2626;margin-top:4px;font-size:13px}.interview-sample .section-common-quiz .button-container{text-align:center;margin-top:32px;margin-bottom:0}.interview-sample .section-common-quiz .button-container .ql-button a{text-align:center;cursor:pointer;border-radius:8px;width:100%;max-width:none;margin:0 auto;padding:18px 32px;font-size:1rem;font-weight:600;text-decoration:none;display:block;color:#fff!important;background-color:#4350b4!important;border-color:#4350b4!important}.interview-sample .section-common-quiz .button-container .ql-button a:hover{background-color:#3a47a0!important;border-color:#3a47a0!important}.interview-status{margin-bottom:32px}.interview-sample .status-indicator{flex-direction:column;align-items:center;gap:16px;display:flex}.interview-sample .status-text{color:#6b7280;background:#f3f4f6;border-radius:999px;padding:8px 24px;font-size:1.125rem}.interview-sample .status-text.status-active{color:#059669;background:#d1fae5;animation:2s infinite interview-pulse}.interview-sample .status-text.status-preparing{color:#b45309;background:#fef3c7;animation:2s infinite interview-pulse}.interview-sample .status-text.status-error{color:#dc2626;background:#fee2e2}.interview-sample .interviewing-status{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.interview-sample .interview-status-line{justify-content:center;align-items:center;width:100%;min-height:2rem;display:flex}.interview-sample .interview-status-placeholder{visibility:hidden;-webkit-user-select:none;user-select:none;font-size:1.125rem;line-height:1.5}.interview-sample .ai-speaking{color:#f59e0b;font-size:1.125rem;font-weight:600}.interview-sample .user-responding{color:#10b981;font-size:1.125rem;font-weight:600}.interview-sample .response-controls{width:100%;margin:8px 0}.interview-sample .btn-response-start,.interview-sample .btn-stop{color:#fff;text-align:center;cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;width:100%;margin:0;padding:18px 14px;font-size:15px;font-weight:700;line-height:1.357;transition:all .2s;display:block}.interview-sample .btn-response-start{background:#4350b4e6}.interview-sample .btn-response-start:hover:not(:disabled){background:#626262e6;color:#fff!important}.interview-sample .btn-response-start:disabled{cursor:not-allowed;opacity:.7;background:#9ca3af}.interview-sample .btn-response-end{color:#fff;text-align:center;cursor:pointer;background:#4350b4e6;border:none;border-radius:8px;width:100%;margin:0;padding:18px 14px;font-size:15px;font-weight:700;display:block}.interview-sample .btn-stop{background:#e74c3c}.interview-sample .btn-stop:hover{background:#e74c3c;color:#fff!important}.interview-sample .interview-analyzing{text-align:center}.interview-sample .interview-analyzing h2{margin-bottom:16px;font-size:1.5rem;font-weight:700}.interview-sample .analyzing-message{color:#4b5563;margin-bottom:32px;line-height:1.8}.interview-sample .loading-spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;margin:0 auto;animation:1s linear infinite interview-spin}.interview-sample .interview-error .error-title{text-align:center;margin-top:24px;margin-bottom:16px;font-size:1.5rem;font-weight:700}.interview-sample .interview-error .error-message{color:#4b5563;margin-bottom:32px}.interview-sample .interview-error .error-help{text-align:left;color:#6b7280;background:#fef3c7;border-radius:12px;margin-bottom:24px;padding:16px;line-height:1.8}.interview-sample .interview-error-actions{text-align:center}.interview-sample .interview-error .btn-secondary{cursor:pointer;border:none;border-radius:8px;width:100%;max-width:238px;margin:0 auto;padding:16px 32px;font-size:1rem;font-weight:600;color:#fff!important;background:#667eea!important;border-color:#667eea!important}.interview-sample .interview-error .btn-secondary:hover{background:#5568d3!important;border-color:#5568d3!important}.ios-page{background:var(--sys-grouped);max-width:430px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden auto}.ios-navbar{-webkit-backdrop-filter:blur(20px)saturate(1.8);z-index:40;background:#fff;border-bottom:none;justify-content:space-between;align-items:center;padding:28px 16px 12px;display:flex;position:sticky;top:0}.ios-navbar-back{color:var(--sys-blue);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;min-width:80px;padding:0;font-size:17px;font-weight:400;display:flex}.ios-navbar-back svg{width:12px;height:12px}.ios-navbar-title{color:var(--label);letter-spacing:-.4px;text-align:center;flex:1;font-size:17px;font-weight:600}.ios-navbar-action{text-align:right;min-width:80px;color:var(--sys-blue);cursor:pointer;background:0 0;border:none;font-size:17px}.ios-navbar-large{padding:24px 16px 12px}.ios-navbar-large .ios-navbar-title{display:none}.ios-nav-logo{align-items:center;gap:8px;display:flex}.ios-nav-logo-img{object-fit:contain;object-position:left;width:88px;height:16px}.ios-nav-logo-sep{background:#3c3c4333;width:1px;height:13px}.ios-large-title-area{padding:28px 16px 16px}.ios-large-title{color:var(--label);letter-spacing:-.5px;font-size:34px;font-weight:700;line-height:1.15}.ios-hero{background:linear-gradient(160deg, var(--navy-dark) 0%, var(--navy) 50%, var(--navy-light) 100%);border-radius:var(--r-2xl);margin:0 16px 24px;position:relative;overflow:hidden;box-shadow:0 4px 24px #2c3d8f4d,0 1px 4px #0000001a}.ios-hero:before{content:"";z-index:1;background:radial-gradient(at 90% 10%,#ffffff14 0%,#0000 55%);position:absolute;inset:0}.ios-hero-inner{z-index:2;padding:24px 24px 28px;position:relative}.ios-hero-title{color:#fff;letter-spacing:-.6px;margin-bottom:10px;font-size:28px;font-weight:700;line-height:1.2}.ios-hero-body{color:#ffffffb3;letter-spacing:-.1px;margin-bottom:20px;font-size:14px;line-height:1.7}.ios-hero-cta{color:var(--navy);border-radius:var(--r-full);letter-spacing:-.2px;cursor:pointer;background:#fff;border:none;align-items:center;gap:6px;padding:12px 22px;font-size:15px;font-weight:700;transition:all .15s;display:inline-flex}.ios-hero-cta:active{opacity:.8;transform:scale(.97)}.ios-hero-cta-icon{font-size:13px}.ios-hero-img{opacity:.12;pointer-events:none;z-index:1;justify-content:flex-end;align-items:flex-end;width:140px;padding:0 8px 0 0;font-size:100px;line-height:1;display:flex;position:absolute;bottom:0;right:0}.ios-list{background:var(--sys-grouped2);border-radius:var(--r-xl);box-shadow:var(--shadow-card);overflow:hidden}.ios-list-row{background:var(--sys-grouped2);align-items:center;gap:12px;min-height:44px;padding:12px 16px;display:flex;position:relative}.ios-list-row+.ios-list-row:before{content:"";background:var(--sys-separator);height:.5px;position:absolute;top:0;left:60px;right:0}.ios-list-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.ios-list-content{flex:1;min-width:0}.ios-list-label{color:var(--label);letter-spacing:-.4px;font-size:17px;line-height:1.3}.ios-input-section{margin:0 16px 28px}.ios-input-label{color:var(--label2);letter-spacing:.05em;text-transform:uppercase;padding:0 4px 6px;font-size:12px;font-weight:400}.ios-input-wrap{background:var(--sys-grouped2);border-radius:var(--r-xl);box-shadow:var(--shadow-card);overflow:hidden}.ios-input-wrap input[type=email],.ios-input-wrap input[type=text]{width:100%;color:var(--label);letter-spacing:-.4px;background:0 0;border:none;outline:none;padding:13px 16px;font-family:-apple-system,Noto Sans JP,sans-serif;font-size:17px}.ios-input-wrap input[type=email]::placeholder,.ios-input-wrap input[type=text]::placeholder{color:var(--label3)}.ios-input-wrap select{appearance:none;cursor:pointer;width:100%;color:var(--label);letter-spacing:-.4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(60,60,67,0.3)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 14px center no-repeat;border:none;outline:none;padding:13px 40px 13px 16px;font-family:-apple-system,Noto Sans JP,sans-serif;font-size:17px}.ios-section-footer{color:var(--label2);padding:8px 16px 0;font-size:13px;line-height:1.5}.ios-interview-status{background:var(--sys-grouped2);border-radius:var(--r-2xl);text-align:center;box-shadow:var(--shadow-card);margin:0 16px 24px;padding:24px}.ios-status-pill{border-radius:var(--r-full);align-items:center;gap:7px;margin-bottom:24px;padding:7px 18px;font-size:14px;font-weight:600;display:inline-flex}.ios-status-pill-dot{border-radius:50%;width:8px;height:8px}.ios-status-pill.active{color:#1d8638;background:#34c7591f}.ios-status-pill.active .ios-status-pill-dot{background:var(--sys-green);animation:1.5s infinite pulse-dot}.ios-status-pill.ai{color:#b85c00;background:#ff95001a}.ios-status-pill.ai .ios-status-pill-dot{background:var(--sys-orange);animation:1.2s infinite pulse-dot}.ios-wave{justify-content:center;align-items:center;gap:4px;height:44px;margin-bottom:8px;display:flex}.ios-wave-bar{background:var(--navy);opacity:.25;border-radius:2px;width:3px;animation:1.4s ease-in-out infinite ioswv}.ios-wave-bar:first-child{height:12px;animation-delay:0s}.ios-wave-bar:nth-child(2){height:20px;animation-delay:.1s}.ios-wave-bar:nth-child(3){height:30px;animation-delay:.2s}.ios-wave-bar:nth-child(4){height:22px;animation-delay:.3s}.ios-wave-bar:nth-child(5){height:30px;animation-delay:.4s}.ios-wave-bar:nth-child(6){height:20px;animation-delay:.5s}.ios-wave-bar:nth-child(7){height:12px;animation-delay:.6s}.ios-interview-hint{color:var(--label2);letter-spacing:-.1px;margin-bottom:4px;font-size:13px;line-height:1.5}.ios-error-icon{background:#ff3b301a;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:36px;display:flex}.ios-error-title{color:var(--label);letter-spacing:-.5px;margin-bottom:8px;font-size:22px;font-weight:700}.ios-error-desc{color:var(--label2);letter-spacing:-.2px;margin-bottom:24px;font-size:15px;line-height:1.6}.ios-callout{border-radius:var(--r-xl);border-left:3px solid var(--sys-orange);background:#ff950014;margin:0 16px 24px;padding:16px 18px}.ios-callout-head{color:#8a4800;margin-bottom:10px;font-size:13px;font-weight:700}.ios-callout-item{color:#5c3000;align-items:flex-start;gap:8px;margin-bottom:7px;font-size:13.5px;line-height:1.55;display:flex}.ios-callout-item:last-child{margin-bottom:0}.ios-callout-dot{background:var(--sys-orange);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:7px}.ios-spacer{height:16px}.ios-legal{text-align:center;margin-bottom:12px;padding:0 16px}.ios-legal p{color:var(--label2);letter-spacing:-.1px;font-size:12px;line-height:1.6}.ios-legal a{color:var(--sys-blue);text-decoration:none}.consent-card{background:var(--sys-grouped2);box-shadow:var(--shadow-card);border-radius:16px;margin:12px 16px 10px;padding:16px 16px 14px}.consent-title{color:var(--label);letter-spacing:-.1px;margin-bottom:10px;font-size:12px;font-weight:700}.consent-list{flex-direction:column;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.consent-list li{color:var(--label2);padding-left:12px;font-size:12px;line-height:1.5;position:relative}.consent-list li:before{content:"·";color:var(--navy);font-size:16px;line-height:1.2;position:absolute;left:2px}.consent-check-row{cursor:pointer;border-top:.5px solid #3c3c431a;align-items:flex-start;gap:10px;padding-top:12px;display:flex}.consent-checkbox{background:0 0;border:1.5px solid #3c3c4340;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;display:flex}.consent-checkbox.checked{background:var(--navy);border-color:var(--navy)}.consent-check-label{color:var(--label2);font-size:12px;line-height:1.6}.consent-link{color:var(--navy);text-decoration:underline}.consent-note{color:var(--label3);text-align:center;margin-top:10px;font-size:11px;line-height:1.5}.interview-sample .ios-input-wrap .form-group{margin-bottom:0}.interview-sample .ios-input-wrap .form-label{display:none}.interview-sample .ios-input-wrap input.form-control{width:100%;color:var(--label);letter-spacing:-.4px;box-shadow:none;background:0 0;border:none;border-radius:0;outline:none;padding:13px 16px;font-family:-apple-system,Noto Sans JP,sans-serif;font-size:17px}.interview-sample .ios-input-wrap input.form-control::placeholder{color:var(--label3)}.interview-sample .ios-input-wrap input.form-control:focus{box-shadow:none;border:none}.interview-sample .ios-input-wrap select.form-select,.interview-sample .ios-input-wrap select.form-control{appearance:none;cursor:pointer;width:100%;color:var(--label);letter-spacing:-.4px;box-shadow:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(60,60,67,0.3)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 14px center no-repeat;border:none;border-radius:0;outline:none;padding:13px 40px 13px 16px;font-family:-apple-system,Noto Sans JP,sans-serif;font-size:17px}.interview-sample .ios-input-wrap select.form-select:focus,.interview-sample .ios-input-wrap select.form-control:focus{box-shadow:none;border:none}.interview-sample .ios-input-wrap .error{color:var(--sys-red);padding:4px 16px 8px;font-size:13px}.result-page{background:#fff;max-width:430px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden auto}.result-logo-bar{background:#f8f9fb;justify-content:center;align-items:center;gap:12px;padding:28px 16px 16px;display:flex}.result-logo-bar-img{object-fit:contain;object-position:center;width:88px;height:16px}.result-logo-bar-sep{background:#3c3c4333;width:1px;height:13px}.result-hero-band{background:linear-gradient(160deg, var(--navy-dark) 0%, var(--navy) 55%, var(--navy-light) 100%);padding:24px 24px 60px;position:relative;overflow:hidden}.result-hero-band:before{content:"";background:radial-gradient(at 90% 5%,#ffffff17 0%,#0000 50%);position:absolute;inset:0}.result-hero-title{color:#fff;letter-spacing:-.6px;text-align:center;font-size:26px;font-weight:700;position:relative}.result-score-card{z-index:10;background:var(--sys-grouped2);border-radius:var(--r-2xl);box-shadow:var(--shadow-modal);margin:-40px 16px 24px;position:relative;overflow:hidden}.result-score-inner{align-items:center;gap:20px;padding:24px 24px 20px;display:flex}.result-ring-wrap{flex-shrink:0;position:relative}.result-ring-svg{transform:rotate(-90deg)}.result-ring-track{fill:none;stroke:var(--fill2);stroke-width:7px}.result-ring-fill{fill:none;stroke:var(--navy);stroke-width:7px;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.result-ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.result-ring-num{color:var(--label);letter-spacing:-1px;font-size:30px;font-weight:700;line-height:1}.result-ring-unit{color:var(--label2);margin-top:2px;font-size:10px}.result-score-info{flex:1;min-width:0}.result-score-title{color:var(--label2);letter-spacing:-.1px;margin-bottom:6px;font-size:13px;font-weight:500}.result-score-headline{color:var(--label);letter-spacing:-.5px;margin-bottom:8px;font-size:22px;font-weight:700;line-height:1.2}.result-grade-badge{border-radius:var(--r-full);align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.result-grade-dot{border-radius:50%;width:6px;height:6px}.grade--green{color:#1a7a32;background:#34c7591f}.grade--green .result-grade-dot{background:#34c759}.grade--blue{color:#05c;background:#007aff1a}.grade--blue .result-grade-dot{background:#007aff}.grade--orange{color:#b85c00;background:#ff95001f}.grade--orange .result-grade-dot{background:#ff9500}.grade--red{color:#c0180f;background:#ff3b301a}.grade--red .result-grade-dot{background:#ff3b30}.grade--gray{color:#636366;background:#7878801f}.grade--gray .result-grade-dot{background:#8e8e93}.result-score-divider{background:var(--sys-separator);height:.5px;margin:0 20px}.result-score-metrics{grid-template-columns:repeat(2,1fr);gap:0;display:grid}.result-metric{text-align:center;padding:16px 16px 18px;position:relative}.result-metric+.result-metric:before{content:"";background:var(--sys-separator);width:.5px;position:absolute;top:14px;bottom:14px;left:0}.result-metric-val{color:var(--label);letter-spacing:-.5px;margin-bottom:4px;font-size:22px;font-weight:700;line-height:1}.result-metric-val-unit{color:var(--label2);font-size:14px;font-weight:400}.result-metric-label{color:var(--label2);letter-spacing:-.1px;font-size:11px}.ios-section{margin:0 16px 28px}.ios-section-header{color:var(--label2);letter-spacing:.06em;text-transform:uppercase;padding:0 16px 6px;font-size:12px;font-weight:400}.result-bars-list{background:var(--sys-grouped2);border-radius:var(--r-xl);box-shadow:var(--shadow-card);overflow:hidden}.result-bar-row{padding:14px 16px;position:relative}.result-bar-row+.result-bar-row:before{content:"";background:var(--sys-separator);height:.5px;position:absolute;top:0;left:60px;right:16px}.result-bar-top{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.result-bar-left{align-items:center;gap:10px;display:flex}.result-bar-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.rbi-1{background:#2c3d8f14}.rbi-2{background:#af52de14}.rbi-3{background:#ff950014}.rbi-4{background:#34c75914}.rbi-5{background:#007aff14}.result-bar-name{color:var(--label);letter-spacing:-.2px;font-size:15px;font-weight:500}.result-bar-val{color:var(--label);letter-spacing:-.3px;font-size:15px;font-weight:600}.result-bar-val span{color:var(--label2);font-size:12px;font-weight:400}.result-bar-track{background:var(--fill2);border-radius:var(--r-full);height:4px;overflow:hidden}.result-bar-fill{border-radius:var(--r-full);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.rbf-1{background:var(--navy)}.rbf-2{background:var(--sys-purple)}.rbf-3{background:var(--sys-orange)}.rbf-4{background:var(--sys-green)}.rbf-5{background:var(--sys-blue)}.result-eval-card{background:var(--sys-grouped2);border-radius:var(--r-xl);box-shadow:var(--shadow-card);padding:18px 16px}.result-eval-text{color:var(--label2);letter-spacing:-.2px;font-size:15px;line-height:1.8}.result-eval-text mark{color:var(--navy);background:#2c3d8f14;border-radius:4px;padding:0 3px;font-weight:600}.result-eval-divider{background:var(--sys-separator);height:1px;margin:16px 0}.result-tips-head{color:#b05800cc;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:600}.result-tip-item{align-items:flex-start;gap:10px;margin-bottom:11px;display:flex}.result-tip-item:last-child{margin-bottom:0}.result-tip-icon{width:20px;height:20px;color:var(--sys-orange);background:#ff950026;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:10px;font-weight:700;display:flex}.result-tip-text{color:#5c3000;letter-spacing:-.1px;font-size:14px;line-height:1.6}.ios-btn-section{margin-bottom:16px;padding:0 16px}.ios-btn{border-radius:var(--r-xl);cursor:pointer;letter-spacing:-.3px;text-align:center;width:100%;transition:opacity .1s, transform .1s var(--ease-ios);border:none;padding:17px 20px;font-family:-apple-system,Noto Sans JP,sans-serif;font-size:17px;font-weight:600;text-decoration:none;display:block}.ios-btn:active{opacity:.7;transform:scale(.98)}.ios-btn-primary{background:var(--navy);color:#fff}.ios-btn-ghost{border:.5px solid var(--sys-separator-opaque);color:var(--label2);background:0 0}.ios-btn-red{color:var(--sys-red);background:#ff3b301a}.ios-btn+.ios-btn{margin-top:12px}.ios-btn:disabled{opacity:.4;cursor:not-allowed}.ios-btn-line{color:#027a33;background:#06c75514;border:.5px solid #06c7554d;justify-content:center;align-items:center;gap:9px;display:flex}.ios-line-badge{background:#06c755;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.cta-nudge{justify-content:center;align-items:center;gap:6px;padding:0 4px 14px;display:flex}.cta-nudge-icon{flex-shrink:0;font-size:14px}.cta-nudge-text{color:var(--label2);letter-spacing:-.1px;text-align:center;font-size:13px;font-weight:500;line-height:1.5}.ios-copyright{text-align:center;color:var(--label3);padding:4px 16px 24px;font-size:11px}.ios-bottom-spacer{height:32px}
