@property --primary-color{syntax:"<color>";initial-value:#663af3;inherits:true}@property --secondary-color{syntax:"<color>";initial-value:#98c0ef;inherits:true}:root{--primary-color:#663af3;--secondary-color:#98c0ef;--bg-color:color-mix(in srgb,var(--primary-color) 8%,#05060f);--theme-highlight:color-mix(in srgb,var(--secondary-color) 45%,#e3edff);--theme-wash:color-mix(in srgb,var(--primary-color) 8%,rgba(186,214,247,.03));--theme-edge:color-mix(in srgb,var(--secondary-color) 25%,rgba(186,215,247,.12));--surface-color:#0c0f1a;--surface-hover:#191d2b;--text-primary:#d1e4fa;--text-secondary:#9da7ba;--glass-bg:var(--theme-wash);--glass-border:var(--theme-edge);--primary-gradient:linear-gradient(var(--primary-color),var(--primary-color));--surface-gradient:linear-gradient(155deg,#111522,#080a14);--font-body:Inter,Arial,sans-serif;--font-heading:"Space Grotesk",Inter,sans-serif;--frost-edge:inset 0 1px 1px var(--theme-edge),inset 0 24px 48px var(--theme-wash),0 16px 32px rgba(0,0,0,.2);color-scheme:dark;transition:--primary-color 1s,--secondary-color 1s}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg-color);color:var(--text-primary);font:400 14px/1.6 var(--font-body);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}h1,h2,h3{font-family:var(--font-heading);font-weight:500}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,label:focus-within{outline:2px solid #98c0ef;outline-offset:4px}button{transition:background .2s,transform .2s}img{max-width:100%}.app-container{min-height:100dvh;isolation:isolate}.main-layout{display:flex;align-items:flex-start;max-width:1280px;padding:0 32px;gap:28px;margin:40px auto;min-height:calc(100dvh - 160px)}.content-area{flex:1;min-width:0}.capture-container{display:flex;flex-direction:column;width:100%}.upload-zone{display:grid;place-items:center;text-align:center}.upload-content{width:100%}.btn-upload{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.image-preview-wrapper{position:relative}.preview-img{display:block;max-height:600px;margin:auto;border-radius:12px}.remove-btn{position:absolute;top:12px;right:12px;border:0;border-radius:50%;background:#131825;color:#fff;padding:8px;display:grid;place-items:center}.webcam-container{width:100%;display:flex;flex-direction:column;gap:16px}.video-wrapper{position:relative;overflow:hidden;aspect-ratio:4/3}.webcam-video{width:100%;height:100%;display:block;object-fit:cover;transform:scaleX(-1)}.webcam-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.btn-manual-capture{display:flex;align-items:center;gap:10px}.detection-status{margin:0}.analysis-layout{display:flex;align-items:flex-start;width:100%}.results-scrollable{flex:1;min-width:0}.results-grid{display:grid;width:100%;margin:0}.bento-full,.bento-large{grid-column:1 / -1}.result-card{display:flex;flex-direction:column;min-width:0}.card-title{display:flex;align-items:center;margin:0 0 16px}.palette-display{display:flex;justify-content:center;flex-wrap:wrap}.color-circle{cursor:pointer}.fashion-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.fashion-item{padding:12px;display:flex;align-items:center;gap:12px}.check-icon{flex-shrink:0}.fashion-insight{display:grid;gap:16px}.insight-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.highlight-text{text-align:right}.color-warning{display:flex;align-items:flex-start;gap:12px;padding:16px}.warning-icon{flex-shrink:0;margin-top:4px}.color-warning p{margin:0}.visual-guide-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.palette-image-wrapper{min-width:0}.palette-image-container{position:relative}.visual-palette-img{width:100%;display:block;border-radius:8px}.palette-badge-overlay{position:absolute;bottom:12px;left:12px;font-size:11px;padding:5px 10px;border-radius:6px;background:#0c0f1ae6}.palette-glow,.spotlight-glow{display:none}.material-details{display:grid;gap:20px}.material-subtitle{display:flex;align-items:center;gap:8px;margin:0 0 12px}.tag-container{display:flex;flex-wrap:wrap;gap:8px}.material-tag{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;text-decoration:none;font-size:12px}.tag-icon{display:flex}.search-hint-icon{opacity:.6}.trend-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.trend-tab{padding:9px 13px;border:0;border-radius:999px;cursor:pointer;font-size:11px}.trend-tab-badge{margin-left:6px;padding:3px 6px;font-size:9px}.trend-swatch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.trend-swatch{display:flex;flex-direction:column;align-items:center;gap:7px}.trend-swatch-circle{width:42px;height:42px;border-radius:8px;border:1px solid rgba(255,255,255,.16)}.trend-swatch-name{text-align:center;font-size:10px;color:var(--text-secondary);line-height:1.4}.trend-fit-stars{display:flex;gap:2px}.trend-legend{display:flex;align-items:center;gap:6px;font-size:11px;margin-bottom:0}.metrics-container{display:grid;gap:24px}.metric-row{display:grid;gap:10px}.metric-header,.metric-labels{display:flex;justify-content:space-between;gap:12px}.metric-labels{font-size:10px}.metric-slider-track{position:relative;height:6px;border-radius:999px}.metric-slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:13px;height:13px;border-radius:50%;border:2px solid #0c0f1a;transition:left .6s}.metric-value{font-family:ui-monospace,monospace}.image-fixed-sidebar{flex-shrink:0;position:sticky;top:24px}.drape-container{position:relative;aspect-ratio:3/4;overflow:hidden}.fixed-preview-img{width:100%;height:100%;object-fit:cover;display:block}.drape-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px}.drape-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.drape-stop-1{stop-color:var(--drape-color);stop-opacity:.1}.drape-stop-2{stop-color:var(--drape-color);stop-opacity:.55}.drape-stop-3{stop-color:var(--drape-color);stop-opacity:.85}.drape-badge{position:relative;z-index:2;padding:5px 10px;border-radius:6px;color:#fff}.btn-floating-print{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;z-index:100}.spin-icon{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in,.slide-up,.scale-in{animation:reveal .5s ease both}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:1050px){.analysis-layout{flex-direction:column}.image-fixed-sidebar{position:static}.visual-guide-content{grid-template-columns:1fr}}@media(max-width:850px){.main-layout{flex-direction:column;padding:0 20px;gap:24px;margin:24px auto}.content-area{width:100%}.webcam-controls{justify-content:center;gap:14px}.insight-row{flex-direction:column;gap:6px}.highlight-text{text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.app-header,.left-sidebar,.content-area,.btn-floating-print,.welcome-screen{display:none!important}.main-layout{display:block;margin:0;padding:0}body{background:#fff;color:#000}}.modal-overlay.privacy-overlay,.modal-overlay.survey-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;z-index:11000;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px;overflow:hidden;background:#02040cc2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:modalBackdropIn .18s ease-out}.modal-overlay>.privacy-modal,.modal-overlay>.survey-modal{position:relative;width:100%;min-width:0;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(186,215,247,.24) transparent;overflow-wrap:anywhere;outline:none}.modal-overlay>.privacy-modal{max-width:600px;padding:32px}.modal-overlay>.survey-modal{max-width:520px;padding:32px}.modal-overlay .grid-options{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-overlay .grid-btn{min-width:0;white-space:normal;line-height:1.5}.modal-overlay .privacy-header h2{padding-inline:24px;font-size:26px;line-height:1.25}.modal-overlay .privacy-header{margin-bottom:24px}.modal-overlay .privacy-intro{font-size:14px;line-height:1.7}.modal-overlay .privacy-content{margin-bottom:24px}.modal-overlay .privacy-list-text{font-size:13px}.modal-overlay .privacy-list-icon{flex-shrink:0}.modal-overlay .privacy-consent{margin-top:24px;font-size:12px;line-height:1.7}.modal-overlay .privacy-actions{gap:12px}.modal-overlay .privacy-actions button{min-width:0;max-width:none;font-size:12px;padding:12px 16px}.modal-overlay .survey-title{margin:0 0 16px;line-height:1.25}.modal-overlay .survey-subtitle{margin:0 0 16px;font-style:normal}.modal-overlay .survey-progress{margin-bottom:24px}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@media(max-width:600px){.modal-overlay.privacy-overlay,.modal-overlay.survey-modal-overlay{padding:16px}.modal-overlay>.privacy-modal,.modal-overlay>.survey-modal{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:24px 20px}.modal-overlay .privacy-header h2{font-size:23px}.modal-overlay .privacy-actions{flex-direction:column-reverse}.modal-overlay .privacy-actions button{width:100%}.modal-overlay .survey-title{font-size:24px}}@media(max-height:600px){.modal-overlay .privacy-header{margin-bottom:16px}.modal-overlay .privacy-icon{width:32px;height:32px;margin-bottom:12px}}@media print{.modal-overlay{display:none!important}}.survey-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.survey-modal{background:var(--surface-gradient);padding:3rem 2rem;border-radius:24px;width:90%;max-width:500px;box-shadow:0 25px 50px -12px #000000b3;border:1px solid var(--glass-border);animation:scaleIn .3s ease-out;text-align:center}.survey-title{font-size:1.8rem;color:#fff;margin-bottom:.5rem;font-weight:600}.survey-progress{color:var(--primary-color);font-size:.85rem;margin-bottom:2rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.survey-subtitle{color:#a1a1aa;font-size:.85rem;margin-top:-1rem;margin-bottom:1rem;font-style:italic}.fade-in-step{animation:fadeIn .4s ease-out}.text-step-form input{width:100%;padding:1rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:1.2rem;text-align:center;margin-bottom:2rem;transition:all .2s}.text-step-form input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,transparent);background:#ffffff0f}.grid-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-btn{background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-secondary);padding:1.5rem 1rem;border-radius:16px;font-size:1.05rem;font-weight:500;cursor:pointer;transition:all .2s ease;height:100%}.grid-btn:hover{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border-color:color-mix(in srgb,var(--primary-color) 30%,transparent);transform:translateY(-2px);color:var(--text-primary)}.grid-btn.selected{background:color-mix(in srgb,var(--primary-color) 20%,transparent);border-color:var(--primary-color);color:var(--text-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 30%,transparent),0 4px 15px color-mix(in srgb,var(--primary-color) 20%,transparent);transform:translateY(-2px)}.grid-btn-check{font-weight:700;color:var(--secondary-color);margin-left:.5rem}.grid-btn.selected:hover{background:color-mix(in srgb,var(--primary-color) 25%,transparent)}.grid-btn:active{transform:translateY(0)}.survey-actions{display:flex;gap:1rem}.survey-actions button{flex:1;padding:1rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.btn-secondary{background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-secondary)}.btn-secondary:hover{background:#ffffff14;color:var(--text-primary)}.btn-primary{background:var(--primary-gradient);border:none;color:#fff;box-shadow:0 4px 15px color-mix(in srgb,var(--primary-color) 30%,transparent)}.btn-primary:hover{background:var(--primary-gradient);box-shadow:0 8px 25px color-mix(in srgb,var(--primary-color) 50%,transparent);transform:translateY(-2px)}.btn-skip-small{margin-top:2rem;background:transparent;border:none;color:#71717a;text-decoration:underline;cursor:pointer;font-size:.9rem}.btn-skip-small:hover{color:#a1a1aa}.survey-grid-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:center;align-items:center}.btn-back{flex:1;background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-secondary);padding:.85rem 1rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-align:center}.btn-back:hover{background:#ffffff14;border-color:color-mix(in srgb,var(--primary-color) 30%,transparent);color:var(--text-primary)}.btn-next-grid{flex:1;padding:.85rem 1rem;border-radius:.75rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;text-align:center}.btn-next-grid:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.survey-modal{padding:1.5rem 1rem;width:95%;max-height:85dvh;overflow-y:auto}.survey-title{font-size:1.4rem}.survey-progress{margin-bottom:1.25rem}.grid-btn{padding:1rem .5rem;font-size:.95rem}.text-step-form input{font-size:1.1rem;padding:.8rem;margin-bottom:1.5rem}.survey-actions button{padding:.8rem;font-size:.95rem}}.rating-stars{display:flex;gap:.5rem;justify-content:center;margin:1rem 0}.star-btn{background:transparent;border:none;font-size:2.5rem;color:#444;cursor:pointer;transition:all .2s;outline:none}.star-btn:hover{transform:scale(1.1)}.star-btn.active{color:#f59e0b}.thank-you{text-align:center;padding:3rem}.thank-you h2{color:#10b981;margin-bottom:1rem}.survey-form textarea{width:100%;padding:1rem;background:#27272a;border:2px solid #3f3f46;border-radius:.75rem;color:#fff;font-size:1rem;font-family:inherit;resize:none;transition:all .2s;margin-top:.5rem}.survey-form textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 30%,transparent)}.survey-modal .rating-stars .star-btn{font-size:clamp(1.5rem,7vw,2.5rem);color:#a4a8b5}.survey-modal .rating-stars .star-btn.active{color:#f59e0b}.survey-modal .rating-stars .star-btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}.final-survey-actions{flex-wrap:wrap}.print-template{display:none}@page chromasense-report{size:A4;margin:12mm}@media print{html:has(body>.print-template),body:has(>.print-template){color-scheme:light;background:#fff!important;color:#18202d;margin:0!important;padding:0!important;min-height:0!important;height:auto!important;overflow:visible!important}body:has(>.print-template)>:not(.print-template){display:none!important}.print-template{display:block;page:chromasense-report;font:10pt/1.35 Arial,sans-serif;color:#18202d;overflow-wrap:anywhere}.print-template .print-header{display:flex;align-items:center;justify-content:space-between;gap:8mm;padding-bottom:4mm;margin-bottom:5mm;border-bottom:1px solid #cfd6df;break-inside:avoid}.print-template .print-name{font:700 23pt/1.15 Arial,sans-serif;margin:0}.print-template .print-photo{display:block;width:29mm;height:35mm;object-fit:cover;border-radius:2mm}.print-template .print-data-row{margin-bottom:4mm;break-inside:avoid}.print-template h2{font:700 11pt/1.25 Arial,sans-serif;margin:0 0 1.5mm}.print-template p{margin:0}.print-template .print-text-large{font-size:15pt;font-weight:700;color:#243a57}.print-template .print-palette{display:flex;flex-wrap:wrap;gap:4mm}.print-template .print-color-swatch-wrapper,.print-template .print-trend-item{display:flex;flex-direction:column;align-items:center;gap:1mm;text-align:center}.print-template .print-color-swatch,.print-template .print-trend-swatch{width:10mm;height:10mm;border:1px solid #aeb6c0;border-radius:50%;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-template .print-color-hex,.print-template .print-trend-name{font-size:8pt;color:#394657}.print-template .print-flex-row,.print-template .print-trend-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6mm}.print-template .print-trend-season h3{font:700 9pt/1.25 Arial,sans-serif;margin:0 0 2mm;padding-bottom:1mm;border-bottom:1px solid #dbe0e6}.print-template .print-trend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2mm}.print-template .print-trend-swatch{width:7mm;height:7mm;border-radius:1mm}.print-template .print-trend-stars{font-size:8pt;color:#795200;line-height:1}.print-template .print-trend-desc{margin-top:1mm;font-style:italic;color:#394657}.print-template .print-clothes-list{margin:0;padding-left:5mm}.print-template .print-clothes-list li+li{margin-top:1mm}.print-template .print-warning-box{padding:3mm;border:1px solid #cfd6df;border-radius:2mm}.print-template .print-footer{text-align:center;font-size:8pt;color:#394657;break-inside:avoid}}.privacy-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem}.privacy-modal{background:var(--surface-gradient);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;max-width:600px;width:100%;max-height:90dvh;overflow-y:auto;box-shadow:0 25px 50px -12px #000000b3;position:relative}.privacy-modal::-webkit-scrollbar{width:6px}.privacy-modal::-webkit-scrollbar-track{background:transparent}.privacy-modal::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.privacy-modal::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.btn-close-privacy{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s;padding:.5rem;border-radius:50%}.btn-close-privacy:hover{color:var(--text-primary);background:#ffffff0d}.privacy-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem}.privacy-icon{color:var(--primary-color);margin-bottom:1rem;filter:drop-shadow(0 0 15px color-mix(in srgb,var(--primary-color) 50%,transparent))}.privacy-header h2{font-family:var(--font-heading);font-size:2rem;margin:0;color:var(--text-primary)}.privacy-content{margin-bottom:2rem}.privacy-intro{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.privacy-list{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:1rem}.privacy-list li{display:flex;gap:1rem;align-items:flex-start;background:#ffffff08;padding:1rem;border-radius:12px;border:1px solid var(--glass-border);transition:transform .2s ease,background .2s ease}.privacy-list li:hover{transform:translate(4px);background:#ffffff0d}.privacy-list-icon{font-size:1.5rem;line-height:1}.privacy-list-text{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.privacy-list-text strong{color:var(--text-primary);display:block;margin-bottom:.2rem}.privacy-consent{text-align:center;font-size:.9rem;color:var(--secondary-color);margin-top:2rem;font-weight:500}.privacy-actions{display:flex;gap:1.25rem;justify-content:center}.btn-decline{flex:1;max-width:210px;background:#ffffff08;color:var(--text-secondary);border:1px solid var(--glass-border);padding:.8rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-body);display:flex;align-items:center;justify-content:center}.btn-decline:hover{background:#ffffff14;color:var(--text-primary)}.btn-accept{flex:1;max-width:210px;background:var(--primary-gradient);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px color-mix(in srgb,var(--primary-color) 40%,transparent)}.btn-accept:hover{transform:translateY(-2px);box-shadow:0 8px 25px color-mix(in srgb,var(--primary-color) 60%,transparent)}@media(max-width:600px){.privacy-modal{padding:1.25rem;margin:auto;max-height:80dvh;overflow-y:auto}.privacy-header{margin-bottom:1.5rem}.privacy-header h2{font-size:1.3rem}.privacy-intro{font-size:.95rem;margin-bottom:1rem}.privacy-list-text{font-size:.85rem}.privacy-actions{flex-direction:column-reverse;align-items:center}.btn-decline,.btn-accept{width:100%;max-width:100%;justify-content:center;padding:.75rem 1rem}}.tutorial-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;isolation:isolate}.tutorial-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tutorial-target-ring{fill:none;stroke:var(--theme-highlight,#b6d9fc);stroke-width:1.5}.tutorial-container .tutorial-tooltip{position:fixed;max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;border-radius:16px;background:linear-gradient(155deg,#141b29,#090c16);color:#d1e4fa;border:1px solid rgba(186,215,247,.16);box-shadow:var(--frost-edge);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);outline:none}.tutorial-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#9da7ba;font:10px ui-monospace,monospace;letter-spacing:.1em}.tutorial-close{padding:5px;display:grid;place-items:center;background:transparent;color:#9da7ba;border:0;border-radius:50%}.tutorial-close:hover{color:#fff;background:#c7d3ea14}.tutorial-step-icon{display:grid;place-items:center;width:48px;height:48px;margin:22px 0 16px;border-radius:50%;background:var(--theme-wash,rgba(186,214,247,.06));color:var(--theme-highlight,#d1e4fa);box-shadow:inset 0 0 0 1px #bad7f71f}.tutorial-tooltip h2{font:500 23px/1.25 var(--font-heading);letter-spacing:-.03em;margin:0 0 12px}.tutorial-container .tutorial-tooltip p{font:400 13px/1.75 var(--font-body);color:#9da7ba;margin:0 0 22px}.tutorial-dots{display:flex;gap:5px;margin:0 0 22px}.tutorial-dots span{width:16px;height:3px;background:#343d50;border-radius:999px}.tutorial-dots .active{background:var(--theme-highlight,#c7d3ea);width:28px}.tutorial-actions{display:flex;justify-content:space-between;gap:12px}.tutorial-container .btn-tutorial-ok,.tutorial-back{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;border:0;border-radius:999px;font:500 12px/1.5 var(--font-body);padding:11px 16px;color:#d1e4fa;background:#bad6f712;box-shadow:inset 0 0 0 1px #bad7f726}.tutorial-back:disabled{opacity:.35;cursor:not-allowed}.tutorial-container .btn-tutorial-ok:hover{transform:none;background:#bad6f721;box-shadow:inset 0 0 0 1px #bad7f73d}.error-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem}.error-modal{background:var(--surface-gradient);border:1px solid color-mix(in srgb,#ef4444 30%,var(--glass-border));border-radius:24px;padding:3rem 2rem;max-width:450px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #000000b3,0 0 40px color-mix(in srgb,#ef4444 15%,transparent)}.error-icon-container{display:inline-flex;justify-content:center;align-items:center;width:80px;height:80px;background:color-mix(in srgb,#ef4444 10%,transparent);border-radius:50%;margin-bottom:1.5rem;color:#ef4444;border:1px solid color-mix(in srgb,#ef4444 30%,transparent);box-shadow:0 0 20px color-mix(in srgb,#ef4444 20%,transparent)}.error-title{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-primary);margin:0 0 1rem}.error-message{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin-bottom:2rem}.btn-error-close{background:color-mix(in srgb,#ef4444 20%,transparent);color:#fca5a5;border:1px solid color-mix(in srgb,#ef4444 40%,transparent);padding:.8rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.btn-error-close:hover{background:color-mix(in srgb,#ef4444 30%,transparent);color:#fecaca;transform:translateY(-2px);box-shadow:0 5px 15px color-mix(in srgb,#ef4444 20%,transparent)}.an-app,.an-login-page{--an-canvas: #05060f;--an-text: #d1e4fa;--an-muted: #9da7ba;--an-edge: rgba(186, 215, 247, .12);--an-glass: rgba(186, 214, 247, .03);--an-shadow: inset 0 1px 1px rgba(216, 236, 248, .18), inset 0 24px 48px rgba(168, 216, 245, .025), 0 16px 32px rgba(0, 0, 0, .13);color:var(--an-text);font:400 13px/1.6 Inter,Arial,sans-serif;background:radial-gradient(ellipse at 55% -15%,rgba(124,145,182,.16),transparent 52%),var(--an-canvas);min-height:100dvh}.an-app button,.an-app input,.an-app select,.an-login-page input,.an-login-page button{font:inherit}.an-app button:disabled,.an-login-page button:disabled{opacity:.45;cursor:not-allowed}.an-app button:focus-visible,.an-app input:focus-visible,.an-app select:focus-visible,.an-login-page button:focus-visible{outline:2px solid #98c0ef;outline-offset:4px}.an-app{display:flex;align-items:flex-start}.an-sidebar{width:264px;flex-shrink:0;position:sticky;top:0;height:100dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2c394d transparent;padding:30px 22px 22px;background:linear-gradient(160deg,#0c111d,#070a13);border-right:1px solid var(--an-edge);z-index:20}.an-brand{display:flex;align-items:center;gap:10px;color:#d8ecf8;text-decoration:none;font:500 25px/1.2 Space Grotesk,Inter,sans-serif;letter-spacing:-1px}.an-brand>svg{color:#b6d9fc}.an-brand>span>span{color:#9da7ba}.an-brand sup{font-size:9px;vertical-align:top;letter-spacing:0;margin-left:3px}.an-sidebar-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.an-eyebrow{font:400 9px/1.5 ui-monospace,monospace;letter-spacing:.14em;color:#9da7ba;margin:0}.an-side-nav{display:grid;gap:13px;padding:24px 0;border-bottom:1px solid rgba(186,215,247,.08);margin-bottom:26px}.an-text-link{display:inline-flex;align-items:center;gap:9px;color:#9da7ba;background:none;border:0;text-decoration:none;padding:0;font-size:11px;text-align:left}.an-text-link:hover{color:#e5efff}.an-filter-title{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:#c7d3ea}.an-filter-title h2{font:500 15px Space Grotesk,Inter,sans-serif;letter-spacing:-.02em;margin:0}.an-field{display:block;margin:0 0 20px;font-size:11px;color:#c7d3ea}.an-field select,.an-date-fields input{display:block;background:#111827;color:#c7d3ea;border:1px solid var(--an-edge);border-radius:6px;min-height:38px;padding:8px 9px;width:100%;min-width:0;margin-top:8px;outline:none;font-size:11px}.an-app fieldset{border:0;padding:0;min-width:0;margin:0 0 22px}.an-app legend{font-size:11px;color:#c7d3ea;padding:0;margin-bottom:10px}.an-date-fields{display:grid;grid-template-columns:1fr;gap:10px}.an-date-fields label{font-size:10px;color:#9da7ba}.an-date-fields input{margin-top:5px}.an-season-fields>label{display:flex;align-items:center;gap:8px;font-size:10px;color:#9da7ba;padding:6px 0;cursor:pointer}.an-app input[type=checkbox]{width:13px;height:13px;flex-shrink:0;accent-color:#98c0ef;margin:0}.an-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.an-filter-heading{display:flex;align-items:center;gap:10px;margin-bottom:9px}.an-filter-heading legend{margin:0 auto 0 0}.an-filter-heading button{border:0;background:none;color:#9da7ba;padding:0;font-size:9px;text-decoration:underline;text-underline-offset:3px}.an-filter-heading button:hover{color:#d1e4fa}.an-rating-filter{position:relative}.an-rating-filter>span{float:right;color:#d1e4fa;font-size:10px}.an-rating-filter input{display:block;width:100%;margin-top:16px;accent-color:#98c0ef;height:4px}.an-reset{background:none;border:0;color:#9da7ba;font-size:10px;padding:0;text-decoration:underline;text-underline-offset:4px}.an-sidebar-bottom{margin-top:24px;padding-top:22px;border-top:1px solid rgba(186,215,247,.08)}.an-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#bad6f70e;border:0;border-radius:999px;color:#d1e4fa;box-shadow:inset 0 0 0 1px var(--an-edge);padding:11px 16px;font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer}.an-button:hover:not(:disabled){background:#bad6f71c}.an-sidebar-bottom>.an-button{width:100%}.an-auto-refresh{display:flex;gap:8px;align-items:center;font-size:10px;color:#9da7ba;margin:16px 0 25px}.an-sidebar-caption{font-size:9px;color:#75829a}.an-main{flex:1;min-width:0;max-width:1600px;margin:0 auto;padding:30px 40px 24px;background-image:linear-gradient(rgba(186,215,247,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(186,215,247,.02) 1px,transparent 1px);background-size:88px 88px;min-height:100dvh}.an-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 0 23px;margin-bottom:38px;border-bottom:1px solid rgba(186,215,247,.08)}.an-topline>span:first-child{font:9px ui-monospace,monospace;letter-spacing:.15em;color:#c7d3ea}.an-connection{font-size:9px;color:#9da7ba;display:flex;gap:7px;align-items:center}.an-connection i{width:5px;height:5px;border-radius:50%;background:#98c0ef}.an-page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.an-page-heading h1{font:500 clamp(30px,3.25vw,48px)/1.17 "Space Grotesk",Inter,sans-serif;letter-spacing:-.045em;margin:12px 0 14px;background:linear-gradient(0deg,#98c0ef,#d8ecf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-wrap:balance}.an-page-heading p{font-size:12px;line-height:1.8;color:#9da7ba;margin:0}.an-export{margin-bottom:3px}.an-tablist{display:flex;width:fit-content;max-width:100%;overflow-x:auto;gap:4px;padding:5px;border-radius:999px;border:1px solid rgba(186,215,247,.08);background:#bad6f706;margin-bottom:26px}.an-tablist button{border:0;background:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:999px;font-size:11px;white-space:nowrap;color:#9da7ba}.an-tablist button[aria-selected=true]{background:#bad6f714;color:#fff;box-shadow:inset 0 0 0 1px #bad7f729}.an-tabpanel{outline:none}.an-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}.an-kpi{min-width:0;min-height:143px;padding:23px 20px;border-radius:16px;background:var(--an-glass);box-shadow:var(--an-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.an-kpi>div{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#9da7ba;font-size:10px}.an-kpi>div svg{flex-shrink:0}.an-kpi strong{display:block;font:500 clamp(26px,2.4vw,38px)/1.15 "Space Grotesk",Inter,sans-serif;letter-spacing:-.025em;color:#d8ecf8;margin:16px 0 8px;overflow-wrap:anywhere}.an-kpi strong.an-kpi-season{font-size:clamp(18px,1.65vw,24px);min-height:43px;display:flex;align-items:center}.an-kpi small{font-size:9px;color:#75829a}.an-card{min-width:0;padding:25px 24px 16px;border-radius:16px;background:var(--an-glass);box-shadow:var(--an-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:22px}.an-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.an-card-heading h2{font:500 19px/1.3 Space Grotesk,Inter,sans-serif;letter-spacing:-.025em;color:#d8ecf8;margin:8px 0 5px}.an-card-heading p{font-size:11px;color:#9da7ba;line-height:1.8;margin:10px 0 16px;max-width:580px}.an-tag{display:inline-flex;background:#c7d3ea11;color:#aab9ce;padding:4px 8px;border-radius:6px;white-space:nowrap;font-size:9px;line-height:1.5}.an-overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start}.an-plot{position:relative;width:100%;min-width:0;margin-top:16px;overflow:hidden;border-radius:8px}.an-plot .modebar{background:transparent!important}.an-chart-loading,.an-chart-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#9da7ba;font-size:12px;z-index:1;padding:30px;text-align:center;pointer-events:none}.an-legend{display:grid;gap:10px;padding:10px 0 8px}.an-legend>span{display:flex;align-items:center;gap:9px;font-size:10px;color:#9da7ba}.an-legend i,.an-season-name i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.an-legend b{margin-left:auto;color:#d1e4fa;font-weight:500}.an-alert{border:1px solid rgba(186,215,247,.17);border-radius:10px;padding:14px 16px;margin:14px 0;background:#bad7f70b;color:#d1e4fa;font-size:12px;line-height:1.7}.an-fetch-error{display:flex;justify-content:space-between;gap:18px}.an-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 20px;color:#9da7ba;background:var(--an-glass);border-radius:16px;box-shadow:var(--an-shadow)}.an-empty h2{font:500 23px Space Grotesk,Inter,sans-serif;color:#d1e4fa;margin:20px 0 8px}.an-empty p{font-size:12px;margin-bottom:22px}.an-notice{font-size:12px;color:#9da7ba;line-height:1.8;padding:16px;background:#bad6f709;border-radius:8px}.an-muted{color:#75829a;font-size:11px}.an-palette-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.an-palette-gallery>button{min-width:0;text-align:left;border:1px solid rgba(186,215,247,.07);padding:14px;background:#bad6f705;border-radius:10px;color:#d1e4fa}.an-palette-gallery>button:hover{background:#bad6f70f}.an-palette-gallery>button>span{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-palette-gallery small{display:block;font-size:9px;color:#9da7ba;margin:4px 0 14px}.an-swatches{display:flex;gap:4px}.an-swatches>span{flex:1;min-width:0}.an-swatches i{height:25px;display:block;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff1f}.an-swatches.with-labels{gap:10px;flex-wrap:wrap}.an-swatches.with-labels>span{flex:0 0 auto}.an-swatches.with-labels i{width:42px;height:42px;border-radius:8px}.an-swatches code{font-size:9px;color:#9da7ba;display:block;margin-top:7px}.an-table-card{padding-bottom:0}.an-search{display:flex;align-items:center;gap:8px;max-width:310px;width:100%;color:#9da7ba;background:#bad6f70a;border:1px solid var(--an-edge);border-radius:999px;padding:8px 12px}.an-search input{background:none;border:0;color:#d1e4fa;min-width:0;width:100%;font-size:10px;outline:none}.an-search input:focus-visible{outline:none}.an-search:focus-within{outline:2px solid #98c0ef;outline-offset:3px}.an-table-scroll{overflow-x:auto;margin-top:24px}.an-table-card table{border-collapse:collapse;white-space:nowrap;width:100%;text-align:left;font-size:11px}.an-table-card th{font-weight:500;background:#bad6f70a}.an-table-card th button{border:0;background:none;color:#9da7ba;padding:13px 12px;text-align:left;font-size:10px;width:100%}.an-table-card td{border-bottom:1px solid rgba(186,215,247,.06);padding:16px 12px;color:#aab9ce}.an-table-card tbody tr:hover{background:#bad6f706}.an-record-id,.an-record-name{display:flex;align-items:center;gap:10px;border:0;background:none;color:#d1e4fa;padding:0;text-align:left;font-size:11px}.an-record-id{font:10px ui-monospace,monospace;color:#9da7ba}.an-record-name svg{opacity:.5}.an-season-name{display:inline-flex;gap:7px;align-items:center;font-size:10px}.an-table-rating{display:flex;align-items:center;gap:6px;font-size:10px}.an-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;color:#9da7ba;font-size:10px}.an-pagination>div{display:flex;align-items:center;gap:12px}.an-icon-button{display:inline-grid;place-items:center;border:0;border-radius:50%;padding:7px;background:#bad6f70a;color:#c7d3ea;box-shadow:inset 0 0 0 1px #bad7f71a}.an-page-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(186,215,247,.08);padding-top:22px;margin-top:30px;font-size:9px;color:#75829a}.an-mobile-only,.an-mobile-backdrop{display:none}.an-login-page{display:flex;flex-direction:column;align-items:center}.an-login-header{max-width:1200px;width:calc(100% - 64px);display:flex;justify-content:space-between;align-items:center;padding:28px 0 24px;border-bottom:1px solid rgba(186,215,247,.08)}.an-login-header>.an-text-link{font-size:11px}.an-login-card{width:calc(100% - 40px);max-width:420px;margin:clamp(40px,9vh,100px) auto 50px;padding:36px 32px;border-radius:16px;background:linear-gradient(155deg,#171e2cf2,#080b15f7);box-shadow:var(--an-shadow)}.an-login-card>.an-eyebrow{display:block;text-align:center;font-size:9px}.an-login-symbol{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#bad6f70a;box-shadow:inset 0 0 0 1px var(--an-edge);color:#b6d9fc;margin:26px auto 22px}.an-login-card h1{font:500 38px/1.12 Space Grotesk,Inter,sans-serif;text-align:center;letter-spacing:-.04em;margin:0 0 18px;color:#d8ecf8}.an-login-card h1 span{background:linear-gradient(0deg,#98c0ef,#d8ecf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.an-login-card>p{text-align:center;font-size:12px;color:#9da7ba;line-height:1.8;margin:0 0 28px}.an-login-card form>label{display:block;margin:16px 0 7px;color:#c7d3ea;font-size:11px}.an-login-card input{width:100%;padding:12px;border:1px solid var(--an-edge);border-radius:6px;background:#c7d3ea0a;color:#fff;outline:none;font-size:13px}.an-login-card input:focus{border-color:#98c0ef}.an-password{position:relative}.an-password input{padding-right:44px}.an-password>button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:0;color:#9da7ba;display:flex;padding:0}.an-primary{width:100%;display:flex;justify-content:center;align-items:center;gap:18px;background:#663af3;color:#fff;border:0;border-radius:999px;font-size:12px;font-weight:500;padding:13px 20px;margin-top:24px;box-shadow:inset 0 1px #ffffff1f}.an-primary:hover:not(:disabled){background:#754cf6}.an-login-footer{display:flex;gap:7px;align-items:center;justify-content:center;margin-top:24px;color:#75829a;font-size:9px}.an-login-bottom{margin:auto auto 24px;font:9px ui-monospace,monospace;letter-spacing:.12em;color:#75829a}.modal-overlay.an-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11000;background:#02040ccc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;padding:24px}.an-detail-panel{position:relative;background:linear-gradient(150deg,#121a29,#080c17);color:#d1e4fa;box-shadow:var(--frost-edge);border-radius:16px;width:100%;max-width:820px;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;padding:30px;outline:none;scrollbar-width:thin;scrollbar-color:#2c394d transparent}.an-detail-top{display:flex;justify-content:space-between;align-items:center}.an-detail-panel h2{font:500 30px/1.2 Space Grotesk,Inter,sans-serif;letter-spacing:-.03em;margin:20px 0 14px}.an-detail-meta{display:flex;gap:18px;flex-wrap:wrap;color:#9da7ba;font-size:11px}.an-detail-season{display:flex;align-items:center;gap:8px;margin:20px 0 24px;font-size:14px}.an-detail-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:24px}.an-detail-panel h3{font:500 17px Space Grotesk,Inter,sans-serif;margin:0 0 16px;color:#d8ecf8}.an-privacy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:250px;padding:24px;border-radius:12px;background:#bad6f706;box-shadow:inset 0 0 0 1px #bad7f714}.an-privacy svg{color:#98c0ef;margin-bottom:18px}.an-privacy h3{font-size:16px}.an-privacy p{color:#9da7ba;font-size:11px;line-height:1.8;max-width:230px;margin:0}.an-detected-colors{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:30px}.an-detected-colors>div>span{display:block;font-size:10px;color:#9da7ba;margin-bottom:10px}.an-detail-advice{border-top:1px solid rgba(186,215,247,.1);padding-top:24px;margin-top:28px}.an-detail-advice p{color:#9da7ba;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.an-detail-advice h3:not(:first-child){margin-top:24px}@keyframes anSpin{to{transform:rotate(360deg)}}.an-spin{animation:anSpin 1.5s linear infinite}@media(min-width:1650px){.an-main{padding-inline:56px}.an-sidebar{width:280px;padding-inline:28px}}@media(max-width:1150px){.an-main{padding:28px 24px}.an-sidebar{width:236px;padding-inline:18px}.an-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.an-overview-grid{grid-template-columns:1fr}.an-distribution-card .an-legend{grid-template-columns:1fr 1fr;column-gap:24px}.an-palette-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.an-page-heading{align-items:flex-start}.an-export{padding:10px 13px}.an-export>svg:last-child{display:none}.an-table-card .an-card-heading{flex-direction:column}.an-search{max-width:100%}}@media(max-width:800px){.an-sidebar{display:none;position:fixed;left:0;top:0;width:280px;z-index:100}.an-sidebar.is-open{display:block}.an-mobile-only{display:inline-flex}.an-mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#02040cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;border:0}.an-main{padding:22px 20px}.an-topline{margin-bottom:28px}.an-connection{margin-left:auto}.an-page-heading h1{font-size:36px}.an-page-footer{flex-direction:column;gap:8px}.an-overview-grid{gap:0}.an-login-header{width:calc(100% - 40px)}.an-detail-grid{grid-template-columns:1fr}.an-privacy{min-height:180px}}@media(max-width:520px){.an-page-heading{flex-direction:column;gap:20px}.an-page-heading h1{font-size:33px}.an-connection{display:none}.an-tablist{width:100%;gap:0}.an-tablist button{flex:1;font-size:10px;padding:10px 8px;gap:5px}.an-tablist button svg{display:none}.an-kpis{gap:12px}.an-kpi{padding:18px 14px;min-height:135px}.an-kpi>div{font-size:9px;align-items:flex-start}.an-kpi>div svg{width:14px}.an-kpi strong{font-size:29px}.an-kpi strong.an-kpi-season{font-size:19px}.an-kpi small{font-size:8px}.an-card{padding:20px 14px 12px}.an-card-heading h2{font-size:18px}.an-card-heading>.an-tag{display:none}.an-card-heading .an-eyebrow{font-size:8px}.an-pagination{font-size:9px}.an-pagination>div{gap:7px}.an-distribution-card .an-legend{grid-template-columns:1fr}.an-login-header .an-text-link{font-size:10px}.an-brand{font-size:22px}.an-login-card{padding:30px 24px;margin-top:40px}.modal-overlay.an-detail-overlay{padding:16px}.an-detail-panel{padding:24px 20px;max-height:calc(100dvh - 32px)}.an-detail-panel h2{font-size:26px}}@media print{.an-sidebar,.an-topline,.an-export,.an-tablist,.an-login-page,.an-page-footer{display:none!important}.an-main{padding:0}.an-app{display:block;background:#fff;color:#000}.an-card,.an-kpi{break-inside:avoid}.an-page-heading h1{-webkit-text-fill-color:black}}body{background:radial-gradient(ellipse at 50% -10%,color-mix(in srgb,var(--primary-color) 22%,transparent),transparent 55%),var(--bg-color)}.app-header{max-width:1200px;width:calc(100% - 64px);margin:24px auto 0;padding:0 0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(186,215,247,.08)}.brand{display:flex;align-items:center;gap:10px;color:#d8ecf8;text-decoration:none;font-size:23px;font-weight:500;letter-spacing:-1px}.brand>svg{color:var(--theme-highlight)}.brand-light{color:#9da7ba}.brand sup{font-size:10px;vertical-align:top;margin-left:4px}.header-note{font:10px ui-monospace,monospace;letter-spacing:.12em;color:#9da7ba}.left-sidebar{position:sticky;top:24px;width:220px;min-width:220px;padding:24px 16px;border-radius:16px;background:var(--theme-wash);box-shadow:var(--frost-edge)}.sidebar-logo{display:flex;justify-content:space-between;align-items:center;font:500 16px var(--font-heading);margin-bottom:24px}.sidebar-logo svg{color:var(--theme-highlight)!important}.sidebar-description{font-size:12px;line-height:1.7;color:#9da7ba;margin:0 8px 20px}.sidebar-toggle{display:flex;flex-direction:column;gap:6px;padding:4px;border-radius:20px;background:#bad6f706}.sidebar-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 15px;border:0;border-radius:999px;background:transparent;color:#9da7ba;font-size:12px;text-align:left}.sidebar-btn:hover{background:var(--theme-wash);color:#d1e4fa}.sidebar-btn.active{background:color-mix(in srgb,var(--primary-color) 20%,#18202d);color:#fff;box-shadow:inset 0 0 0 1px #bad7f729}.sidebar-btn svg{width:17px;height:17px}.mobile-tutorial-icon{display:none}.sidebar-tutorial-hover-container{position:relative;margin:24px 8px 0;cursor:pointer}.tutorial-hover-icon{display:flex;align-items:center;gap:8px;font-size:12px;color:#9da7ba}.tutorial-hover-video-popup{display:none;position:absolute;top:100%;left:0;background:#0c0f1a;padding:12px;border-radius:12px;width:240px;z-index:20;box-shadow:var(--frost-edge)}.sidebar-tutorial-hover-container:hover .tutorial-hover-video-popup{display:block}.hover-video-element{width:100%;border-radius:8px}.tutorial-hover-text{font-size:11px;padding-top:8px}.welcome-screen{max-width:1200px;padding:72px 32px 0;margin:auto;position:relative;isolation:isolate}.welcome-screen:before{content:"";position:absolute;top:0;right:0;bottom:200px;left:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(186,215,247,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(186,215,247,.035) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 72%);mask-image:radial-gradient(ellipse,#000,transparent 72%)}.welcome-content{text-align:center;max-width:760px;margin:auto}.eyebrow{display:flex;align-items:center;justify-content:center;gap:18px;font:400 11px/1.4 ui-monospace,monospace;letter-spacing:.15em;color:#c7d3ea}.eyebrow:before,.eyebrow:after{content:"";height:1px;width:64px;background:linear-gradient(90deg,transparent,rgba(186,215,247,.24))}.eyebrow:after{transform:rotate(180deg)}.hero-title{font-size:clamp(42px,5.7vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:24px 0;background:linear-gradient(0deg,var(--theme-highlight),#d8ecf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-wrap:balance}.hero-title span{font-weight:400}.hero-subtitle{font-size:15px;line-height:1.8;color:#9da7ba;margin:0 0 26px}.btn-start{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#bad6f712;color:#fff;border:0;padding:12px 22px;border-radius:999px;box-shadow:inset 0 1px 1px #d8ecf833,inset 0 0 0 1px var(--glass-border);font-size:13px;font-weight:500}.btn-start:hover{background:#bad6f71f}.hero-footnote{display:block;font-size:10px;color:#9da7ba;margin-top:16px}.color-showcase{position:relative;display:flex;align-items:center;justify-content:center;max-width:1040px;margin:72px auto 0;padding:12px 12px 48px;isolation:isolate}.color-showcase:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;z-index:-1;background:radial-gradient(ellipse,rgba(152,192,239,.1),transparent 65%);filter:blur(30px)}.showcase-card{width:32%;min-height:290px;padding:24px;background:linear-gradient(150deg,#1c2434e6,#080b15f5);border-radius:16px;box-shadow:var(--frost-edge);text-align:center}.showcase-left{transform:rotate(-7deg) translate(14px,12px)}.showcase-right{transform:rotate(7deg) translate(-14px,12px)}.showcase-center{z-index:1;min-height:338px;position:relative;background:linear-gradient(150deg,#171e2b,#090c17);padding:28px 24px}.showcase-label{display:flex;gap:8px;align-items:center;justify-content:center;color:#9da7ba;font:9px ui-monospace,monospace;letter-spacing:.08em}.showcase-card h2{font-size:19px;letter-spacing:-.025em;margin:10px 0}.showcase-card p{font-size:11px;line-height:1.8;color:#9da7ba;margin:0 0 20px}.showcase-tag{font-size:9px;background:#c7d3ea0f;color:#c7d3ea;padding:5px 9px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--glass-border)}.face-study,.style-study{display:grid;place-items:center;height:104px;margin:12px auto;color:var(--theme-highlight);background:radial-gradient(circle,rgba(152,192,239,.08),transparent 65%)}.color-orbit{position:relative;width:120px;height:120px;margin:18px auto 8px;border:1px solid rgba(186,215,247,.1);border-radius:50%;background:radial-gradient(circle,rgba(152,192,239,.1),transparent 65%)}.color-orbit:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid var(--theme-edge);border-radius:50%}.color-orbit span{position:absolute;width:39px;height:39px;border-radius:50%;box-shadow:inset 0 1px 1px #fff3}.color-orbit span:nth-child(1){top:8px;left:30px;background:#98c0ef}.color-orbit span:nth-child(2){top:35px;right:7px;background:#c7d3ea}.color-orbit span:nth-child(3){bottom:8px;right:30px;background:#536881}.color-orbit span:nth-child(4){bottom:35px;left:7px;background:#798ea5}.sample-spectrum{display:flex;gap:5px;justify-content:center;margin:0 auto 18px}.sample-spectrum i{width:20px;height:8px;border-radius:3px;background:#d8ecf8}.sample-spectrum i:nth-child(2){background:#b6d9fc}.sample-spectrum i:nth-child(3){background:#98c0ef}.sample-spectrum i:nth-child(4){background:#798ea5}.sample-spectrum i:nth-child(5){background:#536881}.sample-spectrum i:nth-child(6){background:#2f343e}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;max-width:920px;margin:48px auto 72px;text-align:center}.journey-grid article>svg{width:48px;height:48px;padding:13px;border-radius:50%;background:#bad6f70a;color:var(--theme-highlight);box-shadow:inset 0 0 0 1px var(--glass-border)}.journey-grid h2{font-size:16px;margin:16px 0 8px;letter-spacing:-.025em}.journey-grid p{color:#9da7ba;font-size:12px;line-height:1.8;margin:0}.welcome-footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid rgba(186,215,247,.08);font-size:10px;color:#9da7ba}.privacy-modal,.survey-modal,.error-modal,.tutorial-tooltip{background:linear-gradient(155deg,#111522,#080a14);border:0;border-radius:16px;box-shadow:var(--frost-edge);color:#d1e4fa;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.survey-modal{max-height:90dvh;overflow-y:auto}.survey-title,.privacy-header h2,.error-title{font-family:var(--font-heading);font-weight:500;color:#d8ecf8;letter-spacing:-.03em}.survey-title,.privacy-header h2{font-size:28px}.privacy-icon{color:var(--theme-highlight);filter:none}.privacy-list li{border:0;border-radius:8px;box-shadow:inset 0 0 0 1px var(--glass-border)}.privacy-consent,.survey-progress{color:#c7d3ea}.survey-subtitle,.survey-modal .btn-skip-small{color:#9da7ba}.survey-modal input,.survey-modal textarea,.survey-modal select{background:#c7d3ea0f;color:#fff;border:0;border-radius:6px;box-shadow:inset 0 0 0 1px var(--glass-border)}.grid-btn{border:0;border-radius:999px;background:#c7d3ea0a;box-shadow:inset 0 0 0 1px var(--glass-border);padding:16px 12px;font-size:13px}.grid-btn.selected,.grid-btn.selected:hover{background:#c7d3ea1f;box-shadow:inset 0 0 0 1px #bad7f759;transform:none}.grid-btn-check{color:#d1e4fa}.grid-btn:hover{background:#c7d3ea14;box-shadow:inset 0 0 0 1px #bad7f73d;transform:none}.survey-modal button,.privacy-actions button,.btn-error-close,.btn-tutorial-ok{border-radius:999px;font-weight:500;font-size:13px;box-shadow:inset 0 0 0 1px var(--glass-border)}.btn-primary,.btn-primary:hover,.btn-accept,.btn-accept:hover{background:var(--primary-color);color:#fff;box-shadow:inset 0 1px #ffffff1f}.btn-secondary,.btn-back,.btn-decline,.btn-tutorial-ok{background:var(--theme-wash);color:#d1e4fa;border:0}.btn-decline:hover,.btn-tutorial-ok:hover{background:#bad6f71f;box-shadow:inset 0 0 0 1px var(--glass-border)}.star-btn{box-shadow:none!important}.star-btn.active,.thank-you h2{color:#d8ecf8}.error-icon-container{color:#c7d3ea;background:var(--theme-wash);border:0;box-shadow:inset 0 0 0 1px var(--glass-border)}.btn-error-close,.btn-error-close:hover{color:#d1e4fa;background:#bad6f714;border:0;box-shadow:inset 0 0 0 1px var(--glass-border)}.tutorial-spotlight{border:1px solid #b6d9fc;border-radius:16px;animation:none;box-shadow:0 0 16px var(--theme-edge)}.tooltip-header{color:#d1e4fa}.tutorial-video-container{border-radius:8px;box-shadow:none}.btn-floating-print{color:#d1e4fa;background:#151b29;border:0;box-shadow:var(--frost-edge)}@media(max-width:850px){.app-header{width:calc(100% - 40px);margin-top:20px}.header-note{display:none}.brand{font-size:21px}.left-sidebar{position:static;width:100%;min-width:0;padding:14px}.sidebar-logo,.sidebar-description{display:none}.sidebar-toggle{flex-direction:row}.sidebar-btn{justify-content:center}.sidebar-tutorial-hover-container{display:none}.welcome-screen{padding:52px 20px 0}.hero-title{font-size:clamp(39px,7vw,60px)}.hero-subtitle{font-size:13px}.color-showcase{margin-top:40px;padding-bottom:20px;gap:12px;flex-wrap:wrap}.showcase-card{width:calc(50% - 6px);min-height:260px;padding:20px 12px;transform:none}.showcase-center{order:-1;width:100%;max-width:380px;min-height:300px;margin:0 max(0px,calc((100% - 380px)/2)) 8px}.showcase-card h2{font-size:17px}.showcase-label{font-size:8px;letter-spacing:0}.showcase-card p{font-size:10px}.journey-grid{margin:40px auto;gap:20px}.journey-grid h2{font-size:14px}.journey-grid p{font-size:11px}.welcome-footer{flex-wrap:wrap}.welcome-footer span:nth-child(2){display:none}}@media(max-width:480px){.journey-grid{grid-template-columns:1fr;gap:28px;max-width:260px}.hero-subtitle br{display:none}.showcase-label svg{width:12px}.showcase-card{padding:18px 10px}.showcase-card h2{font-size:15px}}@media print{.app-header,.welcome-screen,.left-sidebar,.btn-floating-print{display:none!important}}.analytics-link{display:inline-flex;align-items:center;gap:18px;padding:10px 18px;border-radius:999px;background:var(--theme-wash);box-shadow:inset 0 0 0 1px var(--theme-edge);color:#d1e4fa;text-decoration:none;font-size:12px;font-weight:500;transition:background .2s}.analytics-link:hover{background:#bad6f71f;color:#fff}@media(max-width:480px){.analytics-link{gap:10px;padding:9px 14px}}.authkit-studio{--font-heading:"Space Grotesk",Inter,sans-serif;--font-body:Inter,Arial,sans-serif;--text-primary:#d1e4fa;--text-secondary:#9da7ba;--glass-border:var(--theme-edge);--glass-bg:var(--theme-wash);--surface-color:#10121e;--surface-hover:#191d2b;--surface-gradient:linear-gradient(160deg,color-mix(in srgb,var(--primary-color) 12%,#151926),#080a14);--frost-edge:inset 0 1px 1px var(--theme-edge),inset 0 24px 48px var(--theme-wash),0 16px 32px rgba(0,0,0,.2);position:relative;isolation:isolate;overflow:clip;flex:1;padding:48px 32px 32px;border-radius:24px;min-height:760px;color:var(--text-primary);font-family:var(--font-body);font-weight:400;background:var(--bg-color);box-shadow:var(--frost-edge)}.authkit-studio:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--secondary-color) 18%,transparent),transparent 60%),linear-gradient(rgba(186,215,247,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(186,215,247,.035) 1px,transparent 1px);background-size:auto,80px 80px,80px 80px;-webkit-mask-image:linear-gradient(#000,#00000040);mask-image:linear-gradient(#000,#00000040)}.authkit-studio .studio-heading{text-align:center;margin:4px auto 28px;max-width:640px}.authkit-studio .eyebrow{justify-content:center;color:#c7d3ea;font:400 10px/1.4 ui-monospace,monospace;letter-spacing:.15em;gap:16px}.authkit-studio .eyebrow:before,.authkit-studio .eyebrow:after{content:"";height:1px;width:48px;background:linear-gradient(90deg,transparent,rgba(186,215,247,.3))}.authkit-studio .eyebrow:after{transform:rotate(180deg)}.authkit-studio .studio-heading h1{font:500 clamp(30px,3.6vw,48px)/1.17 var(--font-heading);letter-spacing:-.035em;text-wrap:balance;margin:20px 0 14px;background:linear-gradient(0deg,var(--theme-highlight),#d8ecf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.authkit-studio .studio-heading p{color:#9da7ba;font-size:14px;line-height:1.7;max-width:450px;margin:auto}.authkit-studio .studio-progress{display:flex;align-items:center;justify-content:center;gap:0;padding:0;margin:0 auto 36px;list-style:none;width:100%;max-width:580px}.authkit-studio .studio-progress li{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#9da7ba;font-size:11px}.authkit-studio .studio-progress li+li:before{content:"";width:clamp(14px,3vw,42px);height:1px;margin:0 14px 0 5px;background:var(--theme-edge)}.authkit-studio .studio-progress li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font:10px ui-monospace,monospace;box-shadow:inset 0 0 0 1px var(--theme-edge)}.authkit-studio .studio-progress .current{color:#e5efff}.authkit-studio .studio-progress .current>span{background:var(--theme-edge);box-shadow:inset 0 0 0 1px #bad7f74d,0 0 14px #bad7f714}.authkit-studio .studio-progress .complete>span{color:#d1e4fa;background:#bad7f70f}.authkit-studio .capture-container{min-height:390px;max-width:720px;margin:0 auto}.authkit-studio .upload-zone,.authkit-studio .webcam-container{background:var(--theme-wash);border:0;border-radius:16px;padding:24px;box-shadow:var(--frost-edge);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.authkit-studio .upload-zone{min-height:380px;outline:1px dashed rgba(186,215,247,.16);outline-offset:-14px;transition:background .2s,outline-color .2s}.authkit-studio .upload-zone.dragging{background:color-mix(in srgb,var(--primary-color) 20%,#18202d);outline-color:#98c0ef}.authkit-studio .upload-icon{width:56px;height:56px;padding:16px;border-radius:50%;color:#d1e4fa;background:var(--theme-wash);box-shadow:inset 0 0 0 1px var(--theme-edge);margin-bottom:20px}.authkit-studio .upload-content h3{font:500 24px/1.3 var(--font-heading);letter-spacing:-.02em;color:#d8ecf8;margin:0 0 10px}.authkit-studio .upload-content p{font-size:13px}.authkit-studio .btn-upload,.authkit-studio .btn-manual-capture,.authkit-studio .btn-action-glow{border-radius:999px;background:var(--theme-wash);border:0;color:#fff;box-shadow:inset 0 0 0 1px #bad7f729!important;font:500 13px/1.4 var(--font-body);padding:12px 22px;transition:background .2s,transform .2s}.authkit-studio .btn-upload:hover,.authkit-studio .btn-manual-capture:hover,.authkit-studio .btn-action-glow:hover{background:#bad6f71f!important}.authkit-studio .btn-upload:focus-within{outline:2px solid #98c0ef;outline-offset:4px}.authkit-studio button:focus-visible,.authkit-studio input:focus-visible{outline:2px solid #98c0ef;outline-offset:4px}.authkit-studio .video-wrapper{min-height:260px;border-radius:12px;background:#090c16;box-shadow:inset 0 0 0 1px var(--theme-edge)}.authkit-studio .webcam-error{color:#c7d3ea;min-height:290px;display:grid;place-items:center;text-align:center;padding:40px 24px}.authkit-studio .webcam-warning,.authkit-studio .detection-status.success{color:#9da7ba}.authkit-studio .webcam-controls{gap:16px}.authkit-studio .detection-status{font-size:12px}.authkit-studio .analysis-layout{gap:20px}.authkit-studio .results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.authkit-studio .result-card{background:var(--theme-wash)!important;border:0!important;border-radius:16px;padding:24px;box-shadow:var(--frost-edge)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.authkit-studio .result-card:hover{box-shadow:inset 0 1px 1px #d8ecf847,inset 0 24px 48px color-mix(in srgb,var(--primary-color) 5%,transparent),0 16px 32px #0003!important}.authkit-studio .result-card:first-child{background:linear-gradient(130deg,color-mix(in srgb,var(--primary-color) 12%,#0b0e18),#0a0d17)!important}.authkit-studio .card-title{font:500 20px/1.35 var(--font-heading);letter-spacing:-.02em;color:#d8ecf8;gap:10px;margin-bottom:16px;flex-wrap:wrap}.authkit-studio .card-title svg{color:var(--theme-highlight);flex-shrink:0}.authkit-studio .result-card p,.authkit-studio .fashion-item,.authkit-studio .trend-card-desc{font-size:13px;line-height:1.7;color:#9da7ba}.authkit-studio .highlight-text,.authkit-studio .metric-value{color:#d1e4fa}.authkit-studio .material-tag,.authkit-studio .trend-tab{background:#c7d3ea0f;color:#c7d3ea;box-shadow:inset 0 0 0 1px var(--theme-edge);font-weight:400}.authkit-studio .material-tag{border-radius:6px}.authkit-studio .trend-tab.active{background:#c7d3ea24;color:#fff}.authkit-studio .trend-tab-badge{background:#c7d3ea1f;color:#d1e4fa;border-radius:6px}.authkit-studio .material-subtitle{color:#c7d3ea;font-family:var(--font-body);font-size:14px;font-weight:500}.authkit-studio .fashion-item,.authkit-studio .color-warning{background:#c7d3ea0a;border:0;border-radius:8px}.authkit-studio .check-icon,.authkit-studio .warning-icon{color:var(--theme-highlight)}.authkit-studio .palette-display{gap:16px;padding:12px 4px}.authkit-studio .color-circle{width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.18)}.authkit-studio .color-circle.active-drape{outline:2px solid #d1e4fa;outline-offset:4px}.authkit-studio .metric-title,.authkit-studio .metric-labels,.authkit-studio .trend-legend{color:#9da7ba}.authkit-studio .metric-header{font-size:12px;font-weight:400}.authkit-studio .metric-slider-thumb{background:#d1e4fa}.authkit-studio .metric-slider-track{border:0}.authkit-studio .results-actions{background:var(--theme-wash)!important;border-radius:16px!important;box-shadow:var(--frost-edge)!important;padding:28px 24px!important}.authkit-studio .results-actions h3{font-weight:500}.authkit-studio .results-actions strong{color:#d1e4fa!important}.authkit-studio .results-actions p{font-size:13px!important}.authkit-studio .results-actions .btn-action-glow{border:0!important;background:var(--theme-wash)!important;color:#fff!important}.authkit-studio .image-fixed-sidebar{width:clamp(280px,25vw,340px);min-width:280px;border-radius:16px;background:var(--theme-wash);box-shadow:var(--frost-edge)!important;padding:16px}.authkit-studio .sidebar-title{color:#c7d3ea;font:500 13px/1.5 var(--font-body);margin:0 0 14px}.authkit-studio .drape-container{border-radius:10px}.authkit-studio .drape-badge{background:#05060fcc;font-size:10px}.authkit-studio .survey-modal,.authkit-studio .error-modal{background:#0c0f1a;color:#d1e4fa;border-radius:16px;box-shadow:var(--frost-edge)}.authkit-studio .survey-title,.authkit-studio .survey-question,.authkit-studio .thank-you h2{color:#d8ecf8;font-family:var(--font-heading);font-weight:500}.authkit-studio .survey-title{font-size:28px}.authkit-studio .survey-modal input,.authkit-studio .survey-modal textarea{background:#c7d3ea0f;border:1px solid var(--theme-edge);border-radius:6px;color:#fff}.authkit-studio .survey-modal button{color:#d1e4fa}.authkit-studio .star-btn.active{color:#d8ecf8}@media(min-width:1200px){.authkit-studio:has(.analysis-layout) .results-grid{grid-template-columns:1fr}.authkit-studio:has(.analysis-layout) .bento-large{grid-column:1 / -1}}@media(max-width:1050px){.authkit-studio{padding:40px 24px 24px}.authkit-studio .image-fixed-sidebar{width:100%;max-width:100%}.authkit-studio .image-fixed-sidebar .drape-container{max-width:380px;margin:auto}.authkit-studio .results-grid{grid-template-columns:1fr}}@media(max-width:850px){.authkit-studio{padding:36px 20px 24px;min-height:660px;border-radius:20px}.authkit-studio .studio-heading h1{font-size:36px}.authkit-studio .capture-container{min-height:330px}.authkit-studio .studio-progress{margin-bottom:28px}.authkit-studio .studio-progress li{font-size:10px;gap:6px}.authkit-studio .studio-progress li+li:before{width:12px;margin:0 8px}.authkit-studio .studio-progress li>span{width:22px;height:22px}.authkit-studio .upload-zone{min-height:330px}.authkit-studio .webcam-container{padding:16px}.authkit-studio .video-wrapper{min-height:210px}.authkit-studio .result-card{padding:20px}}@media(max-width:380px){.authkit-studio{padding:28px 14px 20px}.authkit-studio .studio-progress li+li:before{width:8px;margin:0 5px}.authkit-studio .studio-progress li{font-size:9px}}@media print{.authkit-studio .studio-progress{display:none!important}}.palette-pulse{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;will-change:clip-path,opacity}.main-layout:has(.analysis-layout){max-width:1440px}.authkit-studio .image-fixed-sidebar{top:24px;background:linear-gradient(160deg,var(--theme-wash),rgba(5,6,15,.8));outline:1px solid var(--theme-edge)}.authkit-studio .image-fixed-sidebar .drape-container{aspect-ratio:3/4;width:100%}.authkit-studio .image-fixed-sidebar .fixed-preview-img{object-position:center 30%}.authkit-studio .studio-progress .current>span{background:var(--theme-wash);box-shadow:inset 0 0 0 1px var(--theme-highlight),0 0 16px var(--theme-wash)}.authkit-studio .trend-tab.active{background:var(--theme-wash);box-shadow:inset 0 0 0 1px var(--theme-edge)}.authkit-studio .results-actions .btn-action-glow{background:var(--theme-wash)!important;box-shadow:inset 0 0 0 1px var(--theme-edge)!important}.authkit-studio .result-card .card-title svg,.authkit-studio .metric-value{color:var(--theme-highlight)}.tutorial-help{border:0;background:none;text-align:left;padding:0;font:inherit}@media(max-width:1050px){.authkit-studio .image-fixed-sidebar{order:-1;width:100%;min-width:0;max-width:420px;margin:0 auto 8px;position:static}.authkit-studio .image-fixed-sidebar .drape-container{max-width:380px}}@media(max-width:850px){.sidebar-logo{display:flex;margin:0 4px 12px;font-size:14px}.sidebar-logo svg{width:20px;height:20px}.mobile-tutorial-icon{display:grid;place-items:center;border:0;border-radius:50%;background:var(--theme-wash);color:var(--theme-highlight);padding:7px}.sidebar-tutorial-hover-container{display:none}.authkit-studio .image-fixed-sidebar{max-width:380px}}@media print{.palette-pulse,.tutorial-container{display:none!important}}