.configuration-page{box-sizing:border-box;width:100%;max-width:42rem}.configuration-page fieldset{border:0;margin:1rem 0;padding:0}.configuration-option{cursor:pointer;align-items:flex-start;gap:.75rem;min-height:44px;padding:.5rem 0;display:flex}.configuration-option input{width:1.25rem;height:1.25rem;margin:.125rem 0 0}.configuration-option small,.configuration-option strong{line-height:1.5;display:block}.configuration-page button,.configuration-page select{box-sizing:border-box;font:inherit;min-height:44px}.configuration-page select{width:100%;max-width:100%;margin-top:.375rem;display:block}.configuration-page :focus-visible{outline-offset:3px;outline:3px solid}.configuration-page button:disabled,.configuration-page fieldset:disabled{cursor:not-allowed;opacity:.5}.configuration-comparison{border-collapse:collapse;table-layout:fixed;width:100%;margin-block:.75rem;font-size:.875rem}.configuration-comparison caption{text-align:left;margin-bottom:.5rem;font-weight:600}.configuration-comparison th,.configuration-comparison td{overflow-wrap:anywhere;text-align:left;vertical-align:top;border-bottom:1px solid;padding:.5rem .25rem}@media (width<=375px){.configuration-page{padding-inline:.75rem}.configuration-page button{width:100%}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--canvas:oklch(10.5% .018 247);--surface:oklch(14.5% .025 247);--surface-high:oklch(19% .03 247);--ink:oklch(96.5% .006 255);--ink-muted:oklch(72% .025 255);--outline:oklch(35% .035 247);--action:oklch(62% .19 253);--action-hover:oklch(69% .17 250);--dani-red:oklch(64% .23 24);--warning:oklch(78% .14 79);--success:oklch(74% .15 153);--danger:oklch(68% .2 25);--radius-sm:.625rem;--radius-md:1rem;--radius-pill:999px;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3.25rem;--max-editorial:61.25rem;--max-immersion:90rem;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas)}body{background:radial-gradient(circle at 50% -15%, oklch(20% .055 247), var(--canvas) 44rem);min-width:20rem;min-height:100vh;color:var(--ink);margin:0;font-size:1.0625rem;line-height:1.55}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit}:focus-visible{outline:3px solid var(--action-hover);outline-offset:3px}::selection{background:var(--action);color:var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--ink);color:var(--canvas);padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.topbar{border-bottom:1px solid var(--outline);min-height:3.5rem;color:var(--ink-muted);background:oklch(8% .012 247/.96);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem clamp(1rem,4vw,3.25rem);display:flex}.brand{color:var(--ink);letter-spacing:-.02em;font-weight:700;text-decoration:none}#main-content{width:min(100%, var(--max-immersion));margin-inline:auto;padding:clamp(2.5rem,7vw,6rem) clamp(1rem,4vw,3.25rem)}.flow-page{width:min(100%, var(--max-editorial));margin-inline:auto}.page-heading{max-width:44rem;margin-bottom:var(--space-6)}.page-heading h1,.flow-page>h1{letter-spacing:-.045em;margin:0 0 1rem;font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.02}.page-heading p:not(.eyebrow),.result-summary>p{color:var(--ink-muted);max-width:65ch}.eyebrow{color:var(--action-hover);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .75rem;font-size:.75rem;font-weight:700}.diagnosis-layout{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.panel{border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface);min-width:0;padding:clamp(1.25rem,3vw,2rem)}.panel--action{flex-direction:column;align-items:flex-start;display:flex}.panel h2{letter-spacing:-.025em;margin:0 0 1rem;font-size:1.75rem}.file-identity{align-items:center;gap:1rem;margin-bottom:2rem;display:flex;overflow:hidden}.file-identity div{min-width:0;display:grid}.file-identity strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-identity span{color:var(--ink-muted)}.file-glyph{aspect-ratio:.78;background:oklch(91% .02 255);border-radius:.35rem;flex:none;place-items:center;width:4rem;font-size:.75rem;font-weight:800;display:grid;color:oklch(23% .02 247)!important}.fact-list{width:100%;margin:0}.fact-list div{border-bottom:1px solid var(--outline);grid-template-columns:minmax(7rem,.8fr) minmax(0,1.2fr);gap:1rem;padding:1rem 0;display:grid}.fact-list dt{color:var(--ink-muted)}.fact-list dd{text-align:right;overflow-wrap:anywhere;margin:0}.button-row{flex-wrap:wrap;gap:.75rem;width:100%;margin-top:auto;padding-top:2rem;display:flex}.button{border-radius:var(--radius-pill);cursor:pointer;border:1px solid #0000;min-height:3rem;padding:.7rem 1.25rem;font-weight:700;transition:background .18s ease-out,border-color .18s ease-out,color .18s ease-out,transform .18s ease-out}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button--primary{background:var(--action);color:var(--ink)}.button--primary:hover:not(:disabled){background:var(--action-hover)}.button--secondary{border-color:var(--action);color:var(--action-hover);background:0 0}.button--danger{border-color:color-mix(in oklch, var(--danger), transparent 35%);color:oklch(82% .12 25);background:0 0}.button--danger:hover:not(:disabled){background:color-mix(in oklch, var(--danger), transparent 84%)}.notice{border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface-high);margin-block:1rem;padding:1rem}.notice--warning{border-color:color-mix(in oklch, var(--warning), transparent 55%);color:var(--warning)}.notice--error{border-color:color-mix(in oklch, var(--danger), transparent 45%);color:oklch(84% .1 25)}.skeleton-block{width:min(100%, var(--max-editorial));border-radius:var(--radius-sm);background:linear-gradient(100deg, var(--surface) 30%, var(--surface-high), var(--surface) 70%);min-height:14rem;color:var(--ink-muted);background-size:200% 100%;margin-inline:auto;padding:2rem}.processing-page{max-width:48rem}.processing-meter{border-radius:var(--radius-pill);background:var(--surface-high);height:.5rem;margin:2rem 0 3rem;overflow:hidden}.processing-meter span{transform-origin:0;background:var(--action);width:100%;height:100%;transition:transform .22s ease-out;display:block}.timeline{margin:0;padding:0;list-style:none}.timeline li{color:var(--ink-muted);padding:0 0 2rem 2.25rem;position:relative}.timeline li:before{content:"";border:2px solid var(--outline);border-radius:50%;width:.85rem;height:.85rem;position:absolute;top:.25rem;left:0}.timeline li:after{content:"";background:var(--outline);width:1px;position:absolute;top:1.35rem;bottom:.15rem;left:.46rem}.timeline li:last-child:after{display:none}.timeline .is-complete:before{border-color:var(--success);background:var(--success)}.timeline .is-current{color:var(--ink)}.timeline .is-current:before{border-color:var(--action);background:var(--action)}.timeline strong,.timeline span{display:block}.technical-note{color:var(--ink-muted);font-size:.75rem}.result-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.preview-sheet{color:oklch(22% .015 247);background:oklch(94% .008 255);border-radius:.25rem;min-height:min(70vh,45rem);padding:clamp(1.5rem,4vw,3rem)}.preview-sheet pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0;line-height:1.7}.result-summary h1{letter-spacing:-.055em;margin:0 0 1.5rem;font-size:clamp(3rem,7vw,6.5rem);line-height:.94}.deletion-confirmation{border:1px solid color-mix(in oklch, var(--danger), transparent 45%);border-radius:var(--radius-sm);background:var(--surface-high);margin-top:1.5rem;padding:1.25rem}.deletion-confirmation h2{margin-top:0}.deletion-confirmation label{color:var(--ink-muted);gap:.5rem;display:grid}.deletion-confirmation input{border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--canvas);width:100%;min-height:3rem;color:var(--ink);padding:.65rem .8rem}.deletion-confirmation .button-row{padding-top:1rem}.back-link{color:var(--action-hover);cursor:pointer;background:0 0;border:0;margin:0 auto 2rem;display:block}.upload-page{text-align:center;width:min(100%,50rem);margin-inline:auto}.page-heading--center{margin-inline:auto}.page-heading--center h1{font-size:clamp(3.5rem,10vw,7.5rem)}.upload-dropzone{border:1px dashed color-mix(in oklch, var(--ink-muted), transparent 30%);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;align-items:center;gap:1rem;min-height:22rem;padding:clamp(2rem,7vw,4rem);display:flex}.upload-glyph{border:1px solid var(--outline);width:4rem;height:4rem;color:var(--ink-muted);border-radius:50%;place-items:center;font-size:2rem;display:grid}.upload-label{font-weight:700}.upload-dropzone input[type=file]{max-width:100%;color:var(--ink-muted)}.upload-dropzone small{color:var(--ink-muted)}.configuration-page{border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface);margin-inline:auto;padding:clamp(1.25rem,4vw,2.5rem)}.configuration-page h2{letter-spacing:-.04em;margin-top:0;font-size:clamp(2rem,5vw,3.5rem)}.configuration-page select,input[type=email],input[type=password]{border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--canvas);min-height:3rem;color:var(--ink);padding:.65rem .8rem}.configuration-page button{border:1px solid var(--action);border-radius:var(--radius-pill);background:var(--action);color:var(--ink);padding:.7rem 1.1rem;font-weight:700}.configuration-option{border-radius:var(--radius-sm);border:1px solid #0000;padding:.75rem}.configuration-option:has(input:checked){border-color:var(--action);background:color-mix(in oklch, var(--action), transparent 88%)}#root>main{border:1px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface);width:min(100% - 2rem,32rem);margin:8vh auto;padding:2rem}#root>main form{gap:.75rem;display:grid}#root>main button{border-radius:var(--radius-pill);background:var(--action);min-height:3rem;color:var(--ink);border:0;margin-top:.75rem;font-weight:700}@media (width<=48rem){.topbar span{text-overflow:ellipsis;white-space:nowrap;max-width:48vw;overflow:hidden}.diagnosis-layout,.result-page{grid-template-columns:1fr}.preview-sheet{order:2;min-height:24rem}.result-summary{order:1}.fact-list div{grid-template-columns:1fr;gap:.25rem}.fact-list dd{text-align:left}.button-row .button{width:100%}}
