:root{--ink: #221f38;--ink-soft: #565178;--ink-faint: #6c6789;--accent: #6c5ce7;--accent-2: #a685ff;--accent-grad: linear-gradient(135deg, #7b6cf6 0%, #b98cff 100%);--accent-soft: rgba(108, 92, 231, .12);--coral: #ff7a9c;--mint: #23c4a0;--sky: #4aa8ff;--amber: #eda13a;--error: #d94e6c;--glass: rgba(255, 255, 255, .62);--glass-strong: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .85);--hairline: rgba(92, 80, 150, .13);--shadow-sm: 0 .125rem .625rem rgba(78, 66, 140, .08);--shadow: 0 1.125rem 3rem -1.125rem rgba(78, 66, 140, .36), 0 .25rem .875rem rgba(78, 66, 140, .07);--shadow-lift: 0 2.125rem 4.625rem -1.5rem rgba(78, 66, 140, .48), 0 .5rem 1.25rem rgba(78, 66, 140, .1);--glow: 0 .75rem 1.625rem -.5rem rgba(123, 108, 246, .55);--hair: .0625rem;--radius: 1.375rem;--radius-sm: .875rem;--pill: 62.5rem;--font: ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--ease-liquid: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--ink);font-family:var(--font);line-height:1.55;background:radial-gradient(75vw 60vh at 12% -8%,#fbe9ff 0%,transparent 55%),radial-gradient(65vw 55vh at 100% 0%,#e6f0ff 0%,transparent 50%),linear-gradient(165deg,#f6f2ff,#fdf4f0 52%,#eef7ff);background-attachment:fixed;-webkit-font-smoothing:antialiased}input,button,textarea,select{font-size:1rem}.orbs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(5rem);opacity:.55;will-change:transform}.orb-a{width:clamp(16rem,34vw,30rem);aspect-ratio:1;left:-5vw;top:-6vh;background:radial-gradient(circle at 30% 30%,#ffb1c8,#ff8fb0 60%,transparent 72%);animation:drift 26s ease-in-out infinite alternate}.orb-b{width:clamp(18rem,38vw,34rem);aspect-ratio:1;right:-8vw;top:5vh;background:radial-gradient(circle at 40% 40%,#c3b4ff,#9b7bff 60%,transparent 72%);animation:drift 32s ease-in-out infinite alternate-reverse}.orb-c{width:clamp(15rem,30vw,27rem);aspect-ratio:1;left:20%;bottom:-18vh;background:radial-gradient(circle at 50% 40%,#a7f0dc,#5fd6bd 60%,transparent 72%);animation:drift 30s ease-in-out infinite alternate;animation-delay:-8s}.orb-d{width:clamp(13rem,26vw,23rem);aspect-ratio:1;right:14%;bottom:-14vh;background:radial-gradient(circle at 50% 40%,#bfe0ff,#8ec8ff 60%,transparent 72%);animation:drift 28s ease-in-out infinite alternate-reverse;animation-delay:-14s}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2.5vw,-3vh,0) scale(1.12)}}@media (prefers-reduced-motion: reduce){.orb{animation:none}}.app{width:100%;max-width:75rem;margin:0 auto;padding:clamp(.75rem,3vw,1.375rem) clamp(.75rem,3vw,1.375rem) clamp(3rem,10vw,5rem)}.center{display:flex;align-items:center;justify-content:center;min-height:70vh;color:var(--ink-soft)}.panel,.card,.auth-card,.app-header,.tabs,.preview,.var-editor,.finding,.suggestion,.testset-list li,.diff{-webkit-backdrop-filter:blur(1.375rem) saturate(160%);backdrop-filter:blur(1.375rem) saturate(160%)}.app-header{position:sticky;top:.875rem;z-index:30;display:flex;align-items:center;gap:clamp(.5rem,2vw,1rem);flex-wrap:wrap;padding:.75rem clamp(.875rem,3vw,1.125rem);margin-bottom:clamp(1rem,4vw,1.625rem);background:var(--glass-strong);border:var(--hair) solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow)}.logo-btn{background:none;border:none;cursor:pointer;color:var(--ink);font-family:var(--font);font-size:1.375rem;font-weight:800;letter-spacing:-.02em;padding:0 .25rem}.logo-dot{color:var(--accent)}.header-right{margin-left:auto;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:clamp(.5rem,2vw,.875rem)}.header-right select{font-family:var(--font);background:#fff;border:var(--hair) solid var(--hairline);color:var(--ink);border-radius:var(--pill);padding:.4375rem .75rem;max-width:min(100%,12rem);text-overflow:ellipsis}.user-email{color:var(--ink-soft);font-size:.8125rem;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-btn{background:none;border:none;cursor:pointer;color:var(--accent);font-family:var(--font);font-weight:600;font-size:.8125rem;padding:0}.link-btn.danger{color:var(--error)}button{font-family:var(--font);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6875rem 1.25rem;min-height:2.75rem;border-radius:var(--pill);border:var(--hair) solid var(--glass-border);background:var(--glass-strong);color:var(--ink);font-weight:600;font-size:.875rem;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-liquid),box-shadow .18s ease,filter .18s ease}.btn:hover{transform:translateY(-.125rem);box-shadow:var(--shadow)}.btn:active{transform:translateY(0) scale(.96)}.btn.primary{background:var(--accent-grad);border:none;color:#fff;box-shadow:var(--glow);position:relative;overflow:hidden}.btn.primary:hover{filter:brightness(1.05);box-shadow:0 1rem 2rem -.5rem #7b6cf69e}.btn.disabled{opacity:.5;pointer-events:none}.mini{font-family:var(--font);background:#fff;border:var(--hair) solid var(--hairline);color:var(--ink);border-radius:var(--pill);padding:.4375rem .8125rem;min-height:2.25rem;font-size:.78rem;font-weight:600;transition:all .16s var(--ease-liquid)}.mini:hover{border-color:var(--accent);color:var(--accent)}.mini:active{transform:scale(.93)}.mini.active{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.mini.danger{color:var(--error)}.mini.danger:hover{border-color:var(--error)}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1.5rem}.toolbar input[type=search]{flex:1 1 17.5rem;min-width:min(100%,12.5rem);font-family:var(--font);padding:.8125rem 1.125rem;border:var(--hair) solid var(--hairline);border-radius:var(--pill);background:var(--glass-strong);color:var(--ink);box-shadow:var(--shadow-sm)}.toolbar input[type=search]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 .25rem #6c5ce726}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip{font-family:var(--font);padding:.5rem .9375rem;min-height:2.25rem;border-radius:var(--pill);border:var(--hair) solid var(--glass-border);background:var(--glass);color:var(--ink-soft);font-size:.8125rem;font-weight:600;transition:all .18s var(--ease-liquid)}.chip:hover{color:var(--ink);transform:translateY(-.0625rem)}.chip:active{transform:scale(.93)}.chip.active{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:clamp(.75rem,2.5vw,1.125rem)}.card{position:relative;overflow:hidden;text-align:left;background:var(--glass);border:var(--hair) solid var(--glass-border);border-radius:var(--radius);padding:clamp(1rem,3vw,1.375rem);display:flex;flex-direction:column;gap:.625rem;box-shadow:var(--shadow);cursor:pointer;transition:transform .24s var(--ease-liquid),box-shadow .24s ease}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 32%,rgba(255,255,255,.38) 50%,transparent 68%);transform:translate(-130%);opacity:0;transition:transform .7s var(--ease-out),opacity .3s ease}.card:hover{transform:translateY(-.3125rem);box-shadow:var(--shadow-lift)}.card:hover:after{transform:translate(130%);opacity:1}.card:active{transform:translateY(-.125rem) scale(.99)}.card h3{margin:0;font-size:1.125rem;font-weight:700;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.card p{margin:0;color:var(--ink-soft);font-size:.875rem;overflow-wrap:anywhere}.card .meta{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:auto;padding-top:.375rem}.tag{font-size:.72rem;font-weight:600;padding:.1875rem .625rem;border-radius:var(--pill);background:#5c509614;color:var(--ink-soft)}.tag.category{background:#23c4a029;color:#0f7a61}.empty{color:var(--ink-soft);padding:clamp(2.25rem,8vw,3.75rem) 0;text-align:center;font-size:.9375rem}.detail-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.125rem}.back-btn{font-family:var(--font);background:var(--glass-strong);border:var(--hair) solid var(--glass-border);border-radius:var(--pill);color:var(--ink);padding:.5625rem 1rem;min-height:2.75rem;font-weight:600;box-shadow:var(--shadow-sm);transition:transform .16s ease}.back-btn:hover{transform:translate(-.125rem)}.detail-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:clamp(1rem,3vw,1.375rem);align-items:start}.panel{background:var(--glass);border:var(--hair) solid var(--glass-border);border-radius:var(--radius);padding:clamp(1.125rem,3.5vw,1.5rem);box-shadow:var(--shadow)}.panel h2{margin:0 0 1rem;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint)}.tabbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.125rem;flex-wrap:wrap}.tab-actions{display:flex;flex-wrap:wrap;gap:.5rem}.muted{color:var(--ink-faint)}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.75rem}.field{margin-bottom:1rem}.field label{display:block;font-size:.84rem;font-weight:600;margin-bottom:.4375rem;color:var(--ink)}.field .req{color:var(--accent)}.field .help{color:var(--ink-faint);font-size:.78rem;margin-top:.3125rem}.field input[type=text],.field input[type=number],.field input[type=email],.field input[type=password],.field textarea,.field select{width:100%;font-family:var(--font);padding:.6875rem .875rem;background:#ffffffb8;border:var(--hair) solid var(--hairline);border-radius:var(--radius-sm);color:var(--ink);transition:border-color .16s ease,box-shadow .16s ease}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 .25rem #6c5ce726}.field input::placeholder,.field textarea::placeholder{color:var(--ink-faint)}.field textarea{min-height:6.5rem;resize:vertical}.field.invalid input,.field.invalid textarea,.field.invalid select{border-color:var(--error)}.field .field-error,.field-error{color:var(--error);font-size:.78rem;margin-top:.375rem;font-weight:600}.checkbox-row{display:flex;align-items:center;gap:.5625rem}.checkbox-row input{width:1.125rem;height:1.125rem;accent-color:var(--accent)}.var-editor{border:var(--hair) solid var(--glass-border);border-radius:var(--radius-sm);padding:.875rem;margin-bottom:.875rem;background:#ffffff80}.var-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.target-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.preview{background:#ffffffb8;border:var(--hair) solid var(--glass-border);border-radius:var(--radius-sm);padding:1rem;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.6;color:#413c56;max-height:min(60vh,22.5rem);overflow:auto}.preview.small{max-height:min(40vh,10.625rem);font-size:.75rem;margin-top:.375rem}.actions{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1rem}.note{color:var(--ink-faint);font-size:.78rem;margin-top:.5rem}.findings{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5625rem}.finding{display:flex;gap:.625rem;padding:.75rem .875rem;border-radius:var(--radius-sm);border:var(--hair) solid var(--glass-border);background:var(--glass);font-size:.84rem}.finding .sev{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex:0 0 auto}.finding.error{background:#d94e6c1a}.finding.error .sev{color:var(--error)}.finding.warning{background:#eda13a1f}.finding.warning .sev{color:#a86608}.finding.info{background:#4aa8ff1f}.finding.info .sev{color:#2668ad}.findings-clean{color:#0f7a61;font-size:.875rem;font-weight:600}.toast{position:fixed;bottom:clamp(1rem,4vw,1.75rem);left:50%;transform:translate(-50%);max-width:min(92vw,30rem);background:var(--accent-grad);color:#fff;padding:.75rem 1.375rem;border-radius:var(--pill);font-size:.84rem;font-weight:600;box-shadow:var(--shadow-lift);z-index:60}.opt-result{margin-top:1.125rem}.opt-result h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);margin:1.125rem 0 .5625rem}.diff{background:#ffffffb8;border:var(--hair) solid var(--glass-border);border-radius:var(--radius-sm);padding:.625rem;overflow-x:auto;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:.78rem}.diff-line{display:flex;gap:.5rem;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;padding:.125rem .375rem;border-radius:.375rem}.diff-gutter{flex:0 0 .75rem;color:var(--ink-faint);-webkit-user-select:none;user-select:none}.diff-line.add{background:#23c4a029}.diff-line.add .diff-gutter{color:#0f7a61}.diff-line.remove{background:#d94e6c24}.diff-line.remove .diff-gutter{color:var(--error)}.rationale{margin:0;padding-left:1.25rem;font-size:.84rem;color:var(--ink-soft)}.suggestions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6875rem}.suggestion{border:var(--hair) solid var(--glass-border);border-radius:var(--radius-sm);padding:.75rem .875rem;background:var(--glass);font-size:.84rem}.suggestion.accepted{border-color:var(--mint);box-shadow:0 0 0 .1875rem #23c4a024}.suggestion-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.4375rem}.suggestion-actions{display:flex;gap:.375rem}.suggestion-issue{color:var(--ink-soft);margin:.25rem 0}.info-panel .note{font-size:.84rem;line-height:1.6}.vtable{width:100%;border-collapse:collapse;font-size:.84rem}.vtable th{text-align:left;color:var(--ink-faint);font-weight:600;padding:.5625rem .625rem;border-bottom:var(--hair) solid var(--hairline);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.vtable td{padding:.5625rem .625rem;border-bottom:var(--hair) solid var(--hairline)}.vtable tr.current{background:var(--accent-soft)}.vtable input{width:100%;min-width:min(100%,5.625rem);font-family:var(--font);padding:.4375rem .625rem;background:#ffffffb8;border:var(--hair) solid var(--hairline);border-radius:.625rem;color:var(--ink)}.table-scroll{overflow-x:auto}.key-row{padding:1rem 0;border-bottom:var(--hair) solid var(--hairline)}.key-label{display:flex;gap:.625rem;align-items:center;margin-bottom:.5625rem;font-size:.9375rem}.key-input{display:flex;gap:.5625rem;align-items:center;flex-wrap:wrap}.key-input input{flex:1 1 15rem;min-width:min(100%,12rem);font-family:var(--font);padding:.6875rem .875rem;background:#ffffffb8;border:var(--hair) solid var(--hairline);border-radius:var(--radius-sm);color:var(--ink)}.key-input select{font-family:var(--font);padding:.6875rem;background:#ffffffb8;border:var(--hair) solid var(--hairline);border-radius:var(--radius-sm);color:var(--ink)}.testset-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6875rem}.testset-list li{border:var(--hair) solid var(--glass-border);border-radius:var(--radius-sm);padding:.75rem .875rem;background:var(--glass)}.testset-head{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.5625rem;font-size:.875rem}.auth-wrap{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,5vw,1.5rem)}.auth-card{width:100%;max-width:25rem;background:var(--glass-strong);border:var(--hair) solid var(--glass-border);border-radius:var(--radius);padding:clamp(1.5rem,6vw,2.125rem);box-shadow:var(--shadow-lift)}.auth-card h1{margin:0;font-size:clamp(1.75rem,7vw,2rem);font-weight:800;letter-spacing:-.02em}.auth-card .tagline{margin:.375rem 0 1.375rem;color:var(--ink-soft);font-size:.875rem}.pillnav{position:relative;display:inline-flex;flex-wrap:wrap;gap:.125rem;padding:.3125rem;border-radius:var(--pill);max-width:100%}.pillnav-solid{background:#6c5ce714}.pillnav-accent{background:var(--glass-strong);border:var(--hair) solid var(--glass-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(1.375rem) saturate(160%);backdrop-filter:blur(1.375rem) saturate(160%)}.pillnav.seg{display:flex;width:100%;margin-bottom:1.25rem;background:#6c5ce714}.pillnav.seg .pillnav-item{flex:1;text-align:center}.pillnav-item{position:relative;z-index:1;background:none;border:none;cursor:pointer;font-family:var(--font);font-weight:600;font-size:.875rem;color:var(--ink-soft);padding:.5rem 1.0625rem;min-height:2.25rem;border-radius:var(--pill);white-space:nowrap;transition:color .25s ease,transform .2s var(--ease-liquid)}.pillnav-item:hover{color:var(--ink)}.pillnav-item:active{transform:scale(.95)}.pillnav-item.active{color:var(--accent)}.pillnav-accent .pillnav-item.active{color:#fff}.pillnav-ind{position:absolute;z-index:0;border-radius:var(--pill);background:#fff;box-shadow:var(--shadow-sm)}.pillnav-accent .pillnav-ind{background:var(--accent-grad);box-shadow:var(--glow)}.pillnav.is-ready .pillnav-ind{transition:left .44s var(--ease-liquid),top .44s var(--ease-liquid),width .44s var(--ease-liquid),height .44s var(--ease-liquid)}@keyframes riseIn{0%{opacity:0;transform:translateY(.875rem) scale(.98)}to{opacity:1;transform:none}}.grid>.card{animation:riseIn .55s var(--ease-out) both}.grid>.card:nth-child(2){animation-delay:.05s}.grid>.card:nth-child(3){animation-delay:.1s}.grid>.card:nth-child(4){animation-delay:.15s}.grid>.card:nth-child(5){animation-delay:.2s}.grid>.card:nth-child(6){animation-delay:.25s}.grid>.card:nth-child(n+7){animation-delay:.3s}.detail-cols>.panel{animation:riseIn .5s var(--ease-out) both}.detail-cols>.panel:nth-child(2){animation-delay:.07s}.auth-card{animation:riseIn .6s var(--ease-out) both}.finding,.suggestion,.opt-result{animation:riseIn .4s var(--ease-out) both}.btn.primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.42) 50%,transparent 65%);transform:translate(-130%);transition:transform .65s var(--ease-out);pointer-events:none}.btn.primary:hover:after{transform:translate(130%)}.logo-dot{display:inline-block;animation:dotPulse 3.6s var(--ease-out) infinite}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.28);opacity:.7}}.toast{animation:toastIn .42s var(--ease-liquid) both}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(1.125rem) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes diffIn{0%{opacity:0;transform:translate(-.375rem)}to{opacity:1;transform:none}}.diff-line.add,.diff-line.remove{animation:diffIn .35s var(--ease-out) both}.bottomnav{display:none}@media (max-width: 40em){.app-header .pillnav-solid{display:none}.app{padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))}.bottomnav{display:flex;position:fixed;left:50%;transform:translate(-50%);bottom:calc(.75rem + env(safe-area-inset-bottom,0px));z-index:40;width:min(100% - 1.5rem,26rem);align-items:center;justify-content:space-around;gap:.25rem;padding:.4375rem .625rem;background:var(--glass-strong);border:var(--hair) solid var(--glass-border);border-radius:var(--pill);box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(1.375rem) saturate(160%);backdrop-filter:blur(1.375rem) saturate(160%)}}.bottomnav-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:.15rem;background:none;border:none;cursor:pointer;color:var(--ink-soft);font-family:var(--font);font-size:.66rem;font-weight:600;padding:.375rem .25rem;min-height:3rem;border-radius:var(--radius-sm);transition:color .2s ease,transform .2s var(--ease-liquid)}.bottomnav-item svg{width:1.5rem;height:1.5rem}.bottomnav-item[aria-current=page]{color:var(--accent)}.bottomnav-item:active{transform:scale(.9)}.bottomnav-fab{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;margin-top:-1.375rem;border:none;cursor:pointer;border-radius:50%;background:var(--accent-grad);color:#fff;box-shadow:var(--glow);transition:transform .2s var(--ease-liquid),filter .18s ease}.bottomnav-fab svg{width:1.625rem;height:1.625rem}.bottomnav-fab:hover{filter:brightness(1.05)}.bottomnav-fab:active{transform:scale(.9)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}