:root{--bg:#f6f7f9;--surface:#ffffff;--surface-sunken:#f6f7f9;--border:#e6e8ec;--border-strong:#cdd2da;--text:#14161a;--text-muted:#5b6270;--text-faint:#858c99;--accent:#ff5600;--accent-hover:#e64d00;--accent-deep:#c74300;--accent-deep-hover:#a63700;--accent-contrast:#ffffff;--accent-tint:#fff4ee;--accent-tint-strong:#ffd6bf;--positive:#1f6b41;--positive-soft:#eef7f2;--positive-border:#c2ddcd;--positive-strong:#17693c;--positive-strong-hover:#125431;--info:#1d5a86;--info-soft:#eef4f9;--info-border:#c3d9e8;--danger:#b3261e;--danger-soft:#fdf1f0;--danger-border:#f2c9c5;--warning:#7a5a16;--warning-soft:#fdf6e7;--warning-border:#ecdcb4;--neutral:#55524d;--neutral-soft:#f2f3f5;--neutral-border:#e2e4e9;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.8125rem;--font-size-base:0.9375rem;--font-size-md:1.0625rem;--font-size-lg:1.375rem;--font-size-xl:1.75rem;--line-height:1.55;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px rgba(20,22,26,0.05);--shadow:0 4px 16px rgba(20,22,26,0.07);--shadow-card:0 1px 3px rgba(20,22,26,0.06);--cancel-reveal-delay:2000ms;--content-narrow:26rem;--content:60rem}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:1.25;letter-spacing:-.01em}a{color:var(--accent-deep)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;flex-direction:column;min-height:100vh}.dev-banner{padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);color:#4a3a00;background:repeating-linear-gradient(-45deg,#ffe9a8,#ffe9a8 10px,#ffe08a 0,#ffe08a 20px);border-bottom:1px solid #e8cf7a}.account-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border)}.account-bar-brand{display:flex;align-items:center;gap:var(--space-3);min-width:0;font-size:var(--font-size-md);font-weight:700;color:var(--text);text-decoration:none}.account-bar-brand:hover{color:var(--accent-deep)}.brand-mark{display:inline-block;flex:none;width:3px;height:1.15rem;background:var(--accent);border-radius:2px}.account-bar-side{display:flex;align-items:center;gap:var(--space-3);min-width:0}.account-bar-name{overflow:hidden;font-size:var(--font-size-base);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap}.app-main{flex:1 1;width:100%;max-width:var(--content);padding:var(--space-6) var(--space-5) var(--space-7);margin:0 auto}.app-main-narrow{max-width:var(--content-narrow);padding-top:var(--space-7)}.app-footer{padding:var(--space-4) var(--space-5);font-size:var(--font-size-sm);color:var(--text-faint);text-align:center}.page-header{margin-bottom:var(--space-6)}.page-header h1{font-size:var(--font-size-xl);font-weight:700}.page-subtitle{margin:var(--space-2) 0 0;font-size:var(--font-size-base);color:var(--text-muted)}.auth-card-wrap{text-align:center}.auth-logo{display:inline-block;padding:var(--space-1) var(--space-3);margin-bottom:var(--space-5);font-size:var(--font-size-sm);font-weight:800;letter-spacing:.08em;color:var(--accent-contrast);text-transform:uppercase;background:var(--text);border-radius:var(--radius-sm)}.auth-title{font-size:var(--font-size-xl);font-weight:700}.auth-subtitle{margin:var(--space-2) 0 var(--space-5);color:var(--text-muted)}.card{padding:var(--space-5);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.section-heading{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--font-size-md);font-weight:700}.section-heading svg{flex:none;color:var(--text-muted)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);font-size:var(--font-size-base);font-weight:500;color:var(--text-muted);text-decoration:none}.back-link:hover{color:var(--text)}.back-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.form{display:flex;flex-direction:column;gap:var(--space-4)}.field{display:block}.field-label{margin-bottom:var(--space-2);font-weight:600}.field-input,.field-label{display:block;font-size:var(--font-size-base)}.field-input{width:100%;padding:.6rem .75rem;font-family:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius)}.field-input::placeholder{color:var(--text-faint)}.field-input:hover{border-color:var(--text-faint)}.button:focus-visible,.field-input:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field-input:focus-visible{border-color:var(--accent)}.field-with-icon{position:relative}.field-with-icon .field-input{padding-left:2.4rem}.field-icon{position:absolute;top:50%;left:.75rem;color:var(--text-faint);pointer-events:none;transform:translateY(-50%)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.65rem 1.1rem;font-family:inherit;font-size:var(--font-size-base);font-weight:600;color:var(--accent-contrast);text-align:center;text-decoration:none;background:var(--accent-deep);border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.button:hover:not(:disabled){background:var(--accent-deep-hover)}.button:disabled{opacity:.5;cursor:not-allowed}.button-block{width:100%}.button-secondary{color:var(--text);background:var(--surface);border-color:var(--border-strong)}.button-secondary:hover:not(:disabled){background:var(--surface-sunken)}.button-quiet{color:var(--text-muted);background:transparent;border-color:transparent}.button-quiet:hover:not(:disabled){color:var(--text);background:var(--surface-sunken)}.button-success{color:#ffffff;background:var(--positive-strong)}.button-success:hover:not(:disabled){background:var(--positive-strong-hover)}.button-danger{color:var(--danger);background:var(--surface);border-color:var(--danger-border)}.button-danger:hover:not(:disabled){background:var(--danger-soft)}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);color:var(--text-muted);background:none;border:1px solid transparent;border-radius:var(--radius);cursor:pointer}.icon-button:hover:not(:disabled){color:var(--text);background:var(--surface-sunken)}.notice{padding:var(--space-4);font-size:var(--font-size-base);color:var(--text);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius)}.notice p{margin:0}.notice-detail{margin-top:var(--space-2)!important;color:var(--text-muted)}.notice-success{background:var(--positive-soft);border-color:var(--positive-border);border-left-color:var(--positive)}.notice-error{background:var(--danger-soft);border-color:var(--danger-border);border-left-color:var(--danger)}.sub-list{display:flex;flex-direction:column;gap:var(--space-3)}.sub-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);color:inherit;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color .12s ease,box-shadow .12s ease}.sub-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.sub-row-body{flex:1 1;min-width:0}.sub-row-title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.sub-row-title h3{font-size:var(--font-size-base);font-weight:700}.sub-row-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--text-muted)}.sub-row-price{font-weight:600;color:var(--text)}.sub-row-canceling{margin:var(--space-2) 0 0!important;font-size:var(--font-size-sm);font-weight:600;color:var(--accent-deep)}.sub-row-actions{margin-top:var(--space-3)}.sub-row-chevron{flex:none;color:var(--text-faint)}.badge{display:inline-flex;align-items:center;padding:.1rem .5rem;font-size:var(--font-size-xs);font-weight:600;border:1px solid transparent;border-radius:999px}.badge-positive{color:var(--positive);background:var(--positive-soft);border-color:var(--positive-border)}.badge-info{color:var(--info);background:var(--info-soft);border-color:var(--info-border)}.badge-danger{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}.badge-warning{color:var(--warning);background:var(--warning-soft);border-color:var(--warning-border)}.badge-neutral{color:var(--neutral);background:var(--neutral-soft);border-color:var(--neutral-border)}.badge-rail{gap:.3rem;color:var(--text-muted);background:var(--surface-sunken);border-color:var(--border)}.badge-rail-mark{font-size:.62rem;font-weight:800;letter-spacing:.03em}.detail-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.detail-header h1{font-size:var(--font-size-xl);font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-6)}.stat-tile{padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.stat-label{font-size:var(--font-size-sm);color:var(--text-muted)}.stat-value{margin-top:var(--space-1);font-size:var(--font-size-md);font-weight:700;color:var(--text)}.stat-value-suffix{font-size:var(--font-size-base);font-weight:500;color:var(--text-muted)}.detail-columns{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);grid-gap:var(--space-5);gap:var(--space-5);align-items:start}.timeline{display:flex;flex-direction:column;gap:0;padding:var(--space-2) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.timeline-item{display:flex;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.timeline-item:last-child{border-bottom:0}.timeline-icon{display:flex;flex:none;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:999px}.timeline-icon-positive{color:var(--positive);background:var(--positive-soft)}.timeline-icon-warning{color:var(--warning);background:var(--warning-soft)}.timeline-icon-danger{color:var(--danger);background:var(--danger-soft)}.timeline-icon-neutral{color:var(--text-muted);background:var(--neutral-soft)}.timeline-title{font-size:var(--font-size-base);font-weight:700}.timeline-detail{margin:2px 0 0;font-size:var(--font-size-sm);color:var(--text-muted)}.timeline-time{color:var(--text-faint)}.timeline-attempts,.timeline-time{margin:var(--space-2) 0 0;font-size:var(--font-size-sm)}.timeline-attempts>summary{cursor:pointer;color:var(--text-muted);list-style:revert}.timeline-attempts>summary:focus-visible{outline:2px solid var(--focus-ring,currentColor);outline-offset:2px;border-radius:3px}.timeline-attempts ul{margin:var(--space-2) 0 0;padding:0;list-style:none}.timeline-attempts li{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;padding:var(--space-2) 0;border-top:1px solid var(--border-subtle,rgba(0,0,0,.08))}.timeline-attempt-detail{color:var(--text-muted)}.timeline-attempt-time{color:var(--text-faint);white-space:nowrap}.actions-card p{margin:0 0 var(--space-4);font-size:var(--font-size-base);color:var(--text-muted)}.actions-list{display:flex;flex-direction:column;gap:var(--space-2)}.actions-list .button{width:100%}.action-pending{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.65rem .85rem;font-size:var(--font-size-base);color:var(--text-faint);background:var(--surface-sunken);border:1px dashed var(--border-strong);border-radius:var(--radius)}.action-pending-tag{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.action-group{display:flex;flex-direction:column;gap:var(--space-3)}.modal{width:min(30rem,calc(100vw - 2rem));padding:0;color:inherit;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg,.75rem);box-shadow:0 1.5rem 3rem rgb(0 0 0/25%)}.modal::-webkit-backdrop{background:rgb(0 0 0/45%)}.modal::backdrop{background:rgb(0 0 0/45%)}.modal-body{padding:var(--space-5)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.modal-head h3{margin:0}.modal-close{padding:0 .35rem;font-size:1.5rem;line-height:1;color:var(--text-faint);cursor:pointer;background:none;border:0}.modal-close:disabled{cursor:not-allowed;opacity:.4}.modal-close:hover:not(:disabled){color:var(--text-strong,inherit)}.modal-success-heading{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:700}.card-element{padding:.75rem .85rem;margin:var(--space-3) 0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);min-height:2.9rem}.convert-summary{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-2) var(--space-4);gap:var(--space-2) var(--space-4);margin:var(--space-4) 0;padding:var(--space-4);font-size:var(--font-size-sm);background:var(--surface-sunken);border-radius:var(--radius)}.convert-summary dt{font-weight:600;color:var(--text-muted)}.convert-summary dd{margin:0}.convert-note{color:var(--text-muted)}.cancel-heading{margin-bottom:var(--space-5);font-size:var(--font-size-lg);font-weight:700;line-height:1.3}.cancel-video{position:relative;width:100%;max-width:42rem;margin:0 0 var(--space-4);overflow:hidden;aspect-ratio:16/9;background:#000;border-radius:var(--radius-lg)}.cancel-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.cancel-progress{max-width:42rem;margin-bottom:var(--space-5)}.cancel-progress-track{height:4px;overflow:hidden;background:var(--border);border-radius:999px}.cancel-progress-fill{width:0;height:100%;background:var(--accent);border-radius:999px;animation:cancel-progress var(--cancel-reveal-delay) linear forwards}@keyframes cancel-progress{0%{width:0}to{width:100%}}.cancel-progress-label{margin:var(--space-2) 0 0!important;font-size:var(--font-size-sm);color:var(--text-muted)}.cancel-card{max-width:42rem}.cancel-question{margin:0 0 var(--space-4);font-size:var(--font-size-md);font-weight:700;text-align:center}.cancel-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.cancel-actions .button{min-width:7rem}.cancel-actions-split{justify-content:space-between}.cancel-fieldset{padding:0;margin:0;border:0}.cancel-reasons{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.cancel-reason{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.cancel-reason:hover{border-color:var(--border-strong)}.cancel-reason:focus-within{outline:2px solid var(--accent);outline-offset:2px}.cancel-reason input{flex:none;margin:.2rem 0 0;accent-color:var(--accent-deep)}.cancel-reason-selected{background:var(--accent-tint);border-color:var(--accent-tint-strong)}.cancel-reason-label{font-weight:700}.cancel-reason-text{font-size:var(--font-size-base);line-height:1.45;color:var(--text-muted)}.cancel-error{font-size:var(--font-size-base);font-weight:500;color:var(--danger)}.cancel-error,.cancel-notes-echo{margin:var(--space-3) 0 0!important}.cancel-notes-echo{font-style:italic;color:var(--text-muted);white-space:pre-wrap}.cancel-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));grid-gap:var(--space-3) var(--space-5);gap:var(--space-3) var(--space-5);padding-top:var(--space-4);margin:var(--space-4) 0 0;border-top:1px solid var(--border)}.cancel-summary dt{font-size:var(--font-size-sm);color:var(--text-muted)}.cancel-summary dd{margin:2px 0 0;font-weight:600}.cancel-abandon{display:inline-block;padding:var(--space-2) 0;margin-top:var(--space-4);font-family:inherit;font-size:var(--font-size-base);color:var(--accent-deep);text-decoration:underline;text-underline-offset:3px;background:none;border:0;cursor:pointer}.cancel-abandon:hover:not(:disabled){color:var(--accent-deep-hover)}.cancel-abandon:disabled{opacity:.55;cursor:not-allowed}.skeleton{height:.85rem;background:var(--surface-sunken);border-radius:var(--radius-sm)}.skeleton,.skeleton-row{animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton-row{height:5.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.skeleton,.skeleton-row{animation:none}.button,.cancel-reason,.sub-row{transition:none}.cancel-progress-fill{width:100%;animation:none}}@media (max-width:48rem){.detail-columns{grid-template-columns:1fr}}@media (max-width:40rem){.account-bar,.dev-banner{padding-left:var(--space-4);padding-right:var(--space-4)}.app-main{padding:var(--space-5) var(--space-4) var(--space-6)}.account-bar-name{display:none}.detail-header h1,.page-header h1{font-size:var(--font-size-lg)}.sub-row{padding:var(--space-4)}.stat-grid{grid-template-columns:1fr}.cancel-actions{flex-direction:column-reverse}.cancel-actions .button{width:100%}}