:root{--ink:#101c3c;--muted:#62718c;--mint:#00bda9;--glass:rgba(255,255,255,.83);--shadow:0 8px 26px rgba(42,104,112,.08);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:#f6faf9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}a{color:var(--mint);text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #157f8f;outline-offset:4px}::selection{background:#bcf3df}#app{max-width:480px;min-height:100dvh;margin:auto;padding:24px 20px calc(105px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 5% 20%,#e4f9f480,transparent 45%),radial-gradient(ellipse at 95% 65%,#fff5d570,transparent 40%),#fbfdfd}h1{font-size:30px;letter-spacing:-.035em;line-height:1.18;margin:22px 0}h2{font-size:22px;letter-spacing:-.025em;margin:24px 0 14px}h3{font-size:17px}p{font-size:14px;line-height:1.65;color:var(--muted)}.glass{background:var(--glass);border-radius:22px;box-shadow:var(--shadow);padding:20px;margin:16px 0;backdrop-filter:blur(18px)}.glass h2{margin-top:0}.navhead{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.navhead h1{font-size:21px;margin:0}.round{display:inline-flex;align-items:center;justify-content:center;border:0;background:#ffffffd9;box-shadow:var(--shadow);width:44px;height:44px;border-radius:50%}.primary,.secondary{border:0;min-height:54px;border-radius:18px;padding:14px 20px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:650;width:100%;margin:12px 0}.primary{background:linear-gradient(115deg,#35d4ca,#00afa9);color:white;box-shadow:0 10px 22px #00b7ab26}.secondary{background:#fff;box-shadow:var(--shadow)}button:active{transform:scale(.985)}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.example{position:relative;text-align:center;overflow:hidden;border-radius:16px;background:#ffffffb8;box-shadow:var(--shadow)}.example img{display:block;width:100%;height:190px;object-fit:contain;background:#f4f5f2}.example span{display:block;font-size:13px;padding:12px 4px}.example i{position:absolute;right:6px;top:6px;background:white;color:var(--mint);border-radius:50%;padding:3px;line-height:0}.bad i{color:#f54557}.bad img{height:220px}.tips,.notice{padding:14px;border-radius:16px;background:#fff8e5;color:#735a24;font-size:13px;line-height:1.6}.notice p{color:inherit;margin-top:0}.notice a{display:flex;align-items:center;gap:8px;font-weight:600}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);display:flex;justify-content:space-around;background:#ffffffed;backdrop-filter:blur(20px);padding:12px 8px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -3px 18px #183d4906;z-index:10}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;color:var(--muted);padding:6px 22px;border-radius:20px}.bottom-nav a.active{color:var(--mint);background:#e9faf7}.brand{text-align:center;font-size:43px;font-weight:350;letter-spacing:-.04em;margin:30px 0 0}.brand b{font-weight:750}.tagline{text-align:center;letter-spacing:.1em;font-size:13px}.hero{width:100%;max-height:490px;object-fit:contain;border-radius:26px;margin:15px 0}.features{display:flex;gap:8px;margin:24px 0}.features span{flex:1;text-align:center;font-size:11px;padding:12px 6px;background:#effbf9;border-radius:24px;color:#42617c}.steps{text-align:center;background:white;padding:18px 6px;border-radius:30px;font-size:12px;color:#48617e;box-shadow:var(--shadow)}.score{display:flex;align-items:center;gap:24px}.score-number{font-size:52px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}.score-number small{font-size:18px;color:var(--muted)}.badge{display:inline-block;background:#e2faf3;color:#007f71;border-radius:30px;padding:6px 12px;font-size:13px;text-transform:capitalize;white-space:nowrap}.badge.mild{background:#ecfaf4}.badge.moderate{background:#fff2d6;color:#946400}.badge.severe{background:#ffe6e7;color:#b32635}.areas>div{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f4;padding:14px 0;font-size:14px}.areas b{color:var(--mint);font-size:21px}.row{display:flex;width:100%;align-items:center;gap:10px;justify-content:space-between;background:none;border:0;text-align:left;padding:14px 0}.row strong{flex:1}.finding{padding:10px 16px}.finding .badge{font-size:11px;padding:5px 8px}.finding p{margin-top:0}.report-photo{border:0;background:none;padding:0;min-height:130px}.report-photo img{width:100%;height:180px;object-fit:contain;border-radius:12px}.report-photo span{display:block;padding:10px;font-size:12px}.disclaimer{font-size:12px;text-align:center;margin-top:30px}.empty{text-align:center;padding:40px 10px}.spinner{width:50px;height:50px;border:3px solid #ddf6f1;border-top-color:var(--mint);border-radius:50%;animation:spin 1s linear infinite;margin:40px auto}.loading{text-align:center;padding:70px 10px}.history-row{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #edf1f4}.history-row a{display:flex;flex:1;justify-content:space-between;color:var(--ink);font-size:14px}.history-row input{width:20px;height:20px;accent-color:var(--mint)}.danger{color:#b32635}.trend{display:flex;align-items:flex-end;gap:5px;min-height:160px;overflow-x:auto}.month{flex:1;min-width:23px;text-align:center;font-size:9px;color:var(--muted)}.month b{display:block;color:var(--ink);font-size:10px}.month i{display:block;width:8px;height:8px;border-radius:50%;background:var(--mint);margin:6px auto}.month.latest i{background:white;border:2px solid var(--mint)}.month small{display:block;font-size:9px}.slot{position:relative}.slot img{width:100%;height:190px;object-fit:contain}.slot button{font-size:11px}.avatar{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#dff7f0;color:#58bcae;margin:16px auto}.avatar svg{width:44px;height:44px}dialog{border:0;border-radius:26px 26px 0 0;padding:24px;max-width:480px;width:100%;max-height:80dvh;overflow-y:auto;margin:auto auto 0;background:#fbfdfd;color:var(--ink);box-shadow:0 -10px 40px #16334420}dialog::backdrop{background:#10233855;backdrop-filter:blur(3px)}dialog.subscription-modal{border-radius:22px;margin:auto;width:min(380px,calc(100% - 40px));max-height:none;box-shadow:0 20px 60px #16334435;animation:modal-pop .22s cubic-bezier(.22,1,.36,1)}dialog.subscription-modal::backdrop{background:#0b1a2d66;backdrop-filter:blur(4px)}@keyframes modal-pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){dialog.subscription-modal{animation:none}}dialog .preview-image{width:100%;max-height:60dvh;object-fit:contain}.close-sheet{float:right}.field{display:block;width:100%;padding:12px;border:1px solid #dce7e8;border-radius:12px;margin:10px 0;background:#fff}.error-box{padding:16px;color:#943846;background:#fff0f2;border-radius:16px}summary{cursor:pointer;font-size:14px;padding:6px}footer{margin-top:25px}.muted{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:380px){#app{padding-left:14px;padding-right:14px}.three{gap:6px}.example img{height:170px}.score{gap:12px}.score-number{font-size:43px}}