:root{--lilac:#c3adf4;--light:#e2d3ff;--soft:#f3effa;--ink:#231d2e;--muted:#7c7485;--deep:#b79df2;--line:#e7deef}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff;color:var(--ink);font:14px/1.35 Satoshi,Arial,sans-serif}body{min-height:830px}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #725291;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:27px;font-weight:650;letter-spacing:-.65px}h2{font-size:19px;font-weight:650;letter-spacing:-.35px}h3{font-size:14px;font-weight:650}p{color:var(--muted)}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.55;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.statusbar{height:76px;padding:41px 35px 0;display:flex;justify-content:space-between;align-items:flex-start;font-size:10px;color:#716b75}.signals{font-size:11px;letter-spacing:1px}#screen{position:relative;min-height:754px;padding-bottom:34px}.home{padding:6px 23px 35px}.hamburger{display:flex;align-items:center;padding:0;width:30px;height:25px;color:#9374c5;margin:0 0 17px 9px}.hamburger svg{width:17px;height:17px}.home-intro{margin:0 9px}.home-intro p{font-size:10px;margin-top:1px;color:#8c8595}.tabs{display:flex;gap:12px;margin:31px 9px 42px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.tabs button{background:#ede5fa;border-radius:20px;min-height:29px;font-size:11px;padding:5px 16px;color:#76648e}.tabs button.active{background:#d8c5f4;color:#423153}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 17px}.card{position:relative;min-height:234px;background:#e1d1f6;border-radius:17px;text-align:left;padding:109px 13px 16px;cursor:pointer;display:block}.card:nth-child(2){background:#efe5f8}.card-visual{width:117px;height:117px;position:absolute;left:50%;top:-15px;transform:translateX(-50%);border-radius:50%;overflow:hidden;border:1px solid #ffffffbb;background:#e7dff6;box-shadow:0 2px 3px #231d2e08}.card-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.card h2{font-size:14px;letter-spacing:-.3px;line-height:1.15;margin-bottom:5px}.card p{font-size:8px;line-height:1.4;max-width:135px;color:#81728b;min-height:35px}.card strong{font-size:12px;display:block;margin-top:5px;font-weight:700}.round-action{display:grid;place-items:center;background:#ffffffb3;width:27px;height:27px;border-radius:50%;margin-top:7px;color:#8b72a5}.round-action svg{width:16px;height:16px}.card.wide{grid-column:1/-1;min-height:124px;margin-top:0;padding:21px 135px 15px 15px;background:#f0eaf9}.wide .card-visual{width:120px;height:120px;top:3px;right:0;left:auto;transform:none;border:0}.wide p{min-height:0;font-size:8px;max-width:180px}.wide strong{margin-top:8px}.wide h2{font-size:13px}.wide .round-action{width:22px;height:22px;margin-top:5px}.app-note{font-size:8px;color:#aaa1b2;margin-top:28px;text-align:center}.titlebar{height:62px;display:grid;grid-template-columns:36px 1fr 36px;align-items:center;padding:0 30px}.titlebar h1{text-align:center;font-size:18px;letter-spacing:-.35px;font-weight:650}.back,.more{display:grid;place-items:center;width:30px;height:36px;color:#9371b0}.back svg{width:16px;height:16px}.more{font-size:17px;color:#8c8399}.detail-visual{width:258px;height:258px;border-radius:50%;margin:70px auto 0;overflow:hidden;background:var(--soft)}.detail-visual img{width:100%;height:100%;object-fit:cover}.dots{display:flex;justify-content:center;gap:4px;margin-top:24px}.dots i{height:3px;width:6px;background:#e2d6ef;border-radius:4px}.dots i.active{background:#a88acb;width:14px}.detail-copy{padding:0 34px;margin-top:44px}.detail-copy h2{font-size:17px;font-weight:650;line-height:1.2}.detail-copy p{font-size:11px;line-height:1.5;margin-top:8px;max-width:290px}.detail-copy strong{font-size:19px;display:block;margin-top:20px}.detail-copy .round-action{background:var(--soft);margin-top:13px;width:31px;height:31px}.primary{background:#d9c4f6;border-radius:21px;min-height:48px;font-size:13px;font-weight:550;display:flex;justify-content:center;align-items:center;gap:9px;padding:12px 18px;color:#483159}.primary.dark{background:var(--ink);color:white}.bottom-cta{display:flex;flex-direction:column;gap:10px;position:absolute;bottom:42px;left:34px;right:34px}.bottom-cta .primary{width:100%}.welcome{text-align:center;padding:30px 40px 0;min-height:754px;position:relative}.welcome h1{font-size:23px;letter-spacing:-.4px}.welcome p{font-size:12px;max-width:210px;line-height:1.4;margin:14px auto 0}.welcome .detail-visual{width:274px;height:274px;margin:65px auto 0;max-width:100%;background:#f3effa;display:grid;place-items:center}.welcome .detail-visual img{object-fit:contain;width:156px;height:208px}.welcome .bottom-cta{left:85px;right:85px;bottom:42px}.welcome .primary{font-size:13px;background:#e2d3ff;border-radius:14px;min-height:48px}.splash{min-height:754px;display:flex;justify-content:center;align-items:center}.splash a{padding:23px 28px;background:#eee4fc;border-radius:13px;width:240px;display:block;margin-top:-40px}.splash img{width:100%}.menu{padding:52px 37px 40px;position:relative;min-height:754px}.menu-link{display:flex;gap:17px;align-items:center;min-height:67px;font-size:13px}.menu-link svg{color:#9277b0;width:20px;height:20px}.menu .signout{position:absolute;bottom:56px;left:37px;display:flex;gap:14px;align-items:center;font-size:12px}.menu .signout svg{color:#9377af}.menu .close-menu{position:absolute;top:6px;right:28px;color:#a396b1;font-size:20px}.results{padding:14px 27px 30px}.results-heading{text-align:center;font-size:15px;margin-bottom:45px}.searchbar{display:flex;gap:11px;padding:8px 0 0;margin:0 6px 30px;align-items:center}.searchbar input{width:100%;border:0;border-bottom:1px solid #eee7f4;padding:8px 0;font-size:11px;border-radius:0;outline-offset:2px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px 30px}.result-card{position:relative;background:#e4d5f5;border-radius:22px;text-align:center;padding:96px 12px 16px;min-height:208px}.result-card:nth-child(even){transform:translateY(47px);background:#f0e8f9}.result-card h2{font-size:12px;letter-spacing:-.15px;line-height:1.4}.result-card strong{font-size:17px;display:block;margin-top:9px}.result-card .card-visual{width:114px;height:114px;top:-26px}.results .scan-button{margin-top:85px;width:100%;font-size:11px;min-height:40px;background:var(--soft)}.custom-grid{padding:10px 40px;display:grid;grid-template-columns:1fr 1fr;column-gap:45px;row-gap:18px}.option-card{position:relative;background:#ecdefa;border-radius:12px;min-height:135px;text-align:center;padding:16px 8px 11px}.option-card:nth-child(2n){background:#d3bcee}.option-card:nth-child(3n){background:#f3effa}.option-card:nth-child(5n){background:#e2d3ff}.option-card .plus{position:absolute;top:-5px;right:-5px;border-radius:50%;background:#9472b9;color:white;display:grid;place-items:center;width:23px;height:23px;font-size:13px}.option-card.selected .plus{background:#39274f}.option-card span.label{font-size:10px;display:block;margin-top:8px}.option-card small{font-size:9px;display:block;margin-top:3px;font-weight:650}.option-object{height:67px;display:grid;place-items:center}.option-object svg{width:47px;height:47px;stroke-width:1.1;color:#81629c}.option-card .swatch{width:48px;height:48px;border-radius:50%;background:#c3adf4;border:5px solid #ffffff99;box-shadow:0 3px 3px #77608f10}.option-card .sample-banner{width:66px;height:46px;padding:8px;background:white;border-radius:7px;box-shadow:0 3px 3px #77608f10;display:flex;align-items:flex-end;justify-content:flex-end}.sample-banner i{width:30px;height:14px;border-radius:5px;background:#c3adf4}.custom-save{margin:18px 40px 0;width:calc(100% - 80px);font-size:11px;min-height:42px}.records{padding:44px 27px 0}.record-row{display:flex;align-items:center;gap:13px;padding:11px;border-radius:16px;background:#e5d5f6;min-height:92px;margin-bottom:18px;width:100%;text-align:left}.record-row:nth-child(2){background:#f0eafa}.record-row:nth-child(3){background:#d9c4f1}.record-thumb{height:73px;width:73px;border-radius:50%;overflow:hidden;flex-shrink:0}.record-thumb img{width:100%;height:100%;object-fit:cover}.record-row h2{font-size:12px;letter-spacing:0}.record-row strong{font-size:15px;display:block;margin-top:4px}.record-row small{font-size:9px;color:#8d759f}.record-row .tiny{font-size:8px;background:#ab8bd2;color:white;border-radius:10px;padding:3px 6px;margin-left:auto;align-self:flex-end;white-space:nowrap}.records .primary{width:100%;margin-top:92px}.empty-state{text-align:center;position:absolute;top:365px;left:35px;right:35px}.empty-state h2{font-size:18px}.empty-state p{font-size:12px;margin:12px auto;max-width:260px}.notifications{padding:30px 32px}.notifications .date{font-size:10px;margin:18px 0 10px;color:#9b8ca7}.notification{display:flex;gap:11px;text-align:left;width:100%;padding:12px 0;align-items:center}.notification .circle{width:30px;height:30px;border-radius:50%;background:#e1cdf3;display:grid;place-items:center;flex-shrink:0}.circle svg{width:14px;height:14px;color:#8c67ae}.notification h2{font-size:11px;letter-spacing:0;font-weight:500}.notification p{font-size:9px;line-height:1.4;margin-top:4px}.notification small{font-size:8px;color:#a499af;display:block;margin-top:4px}.notifications hr{border:0;border-top:1px solid var(--line);margin:22px 0}.form{padding:26px 35px}.form h2{font-size:20px;margin-bottom:20px}.field{font-size:12px;display:block;margin-bottom:25px}.field input,.field select,.field textarea{display:block;width:100%;background:white;padding:9px 0;border:0;border-bottom:1px solid #c7afdf;border-radius:0;margin-top:6px;font-size:11px;outline-offset:5px}.field textarea{resize:vertical;min-height:90px}.field input[type=color]{height:45px;padding:0;border:0}.settings-row{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;padding:16px 0;border-bottom:1px solid var(--line)}.switch{appearance:none;width:32px;height:19px;border-radius:20px;background:#ddd2e9;position:relative;cursor:pointer;flex-shrink:0}.switch:after{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:white}.switch:checked{background:#b79df2}.switch:checked:after{left:16px}.form .primary{margin-top:36px;width:100%}.analytics .detail-visual{display:grid;place-items:center;background:#f5f0fb;width:258px;height:258px;margin-top:64px}.ring{width:210px;height:210px;border-radius:50%;background:conic-gradient(#b79df2 0 68.4%,#dcccF0 68.4% 91%,#ece4f6 91%);display:grid;place-items:center}.ring>div{background:white;width:155px;height:155px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ring strong{font-size:32px;letter-spacing:-1px;font-weight:600}.ring small{font-size:10px;color:#9784a5}.analytics .detail-copy{margin-top:47px}.metrics{display:flex;gap:25px;font-size:10px;margin-top:25px}.metrics strong{font-size:16px;margin-top:5px}.metrics i{display:inline-block;width:6px;height:6px;background:var(--lilac);border-radius:50%;margin-right:4px}.metrics>div:nth-child(2) i{background:#dcccf0}.metrics>div:nth-child(3) i{background:#ece4f6}dialog{width:calc(100% - 42px);max-width:348px;border:0;border-radius:20px;padding:28px;color:var(--ink);box-shadow:0 10px 40px #231d2e22}dialog::backdrop{background:#231d2e44}dialog h2{font-size:19px;margin-bottom:16px}dialog p{font-size:11px;line-height:1.6;margin-bottom:18px}dialog .primary{margin-top:18px;width:100%}#close-dialog{float:right;margin:-14px -12px 0 0;font-size:23px;color:#998ba6}.consent-demo{background:#f3effa;padding:18px;border-radius:14px;margin:12px 0}.consent-demo h3{font-size:13px}.consent-demo p{font-size:9px;margin:10px 0 15px}.consent-buttons{display:flex;gap:6px}.consent-buttons button{font-size:9px;flex:1;padding:9px 5px;border-radius:14px;background:#dbc9f4}.compact-list{padding:0;list-style:none;margin:0;font-size:11px}.compact-list li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.compact-list span{color:#94849f}.page-subtitle{color:#9a8aa8;font-size:9px;text-align:center;margin-top:9px}.empty-results{text-align:center;color:var(--muted);padding:70px 20px;font-size:12px}#toast{position:fixed;left:22px;right:22px;bottom:24px;border-radius:13px;padding:14px 17px;color:#fff;background:#231d2e;font-size:11px;z-index:10;box-shadow:0 5px 20px #231d2e20;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}button:disabled{opacity:.6;cursor:wait}@media(max-width:350px){.home{padding-left:18px;padding-right:18px}.tabs{gap:7px}.tabs button{padding:5px 13px}.cards{gap:14px}.card{padding-left:11px;padding-right:11px}.card-visual{width:107px;height:107px}.card h2{font-size:13px}.custom-grid{column-gap:27px;padding-left:30px;padding-right:30px}.detail-visual{width:235px;height:235px}.welcome{padding-left:30px;padding-right:30px}.result-grid{gap:43px 20px}.result-card .card-visual{width:105px;height:105px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}