/* Aira Posture V1: user-approved pale mint, blue and warm glass surfaces. */
:root{--muted:#52617a;--mint:#007f78;--shadow:0 8px 28px rgba(35,88,113,.07);color-scheme:light}
html{scrollbar-color:#b7d9d4 #f6faf9;scrollbar-width:thin}
body{background:#fff}
button,input,textarea,select{caret-color:var(--mint)}
a{text-underline-offset:4px}a:hover{text-decoration:underline}button:hover:not(:disabled){filter:brightness(.975)}
input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #157f8f;outline-offset:3px}
#app{padding-top:max(20px,env(safe-area-inset-top));background:radial-gradient(ellipse 350px 450px at 0% 10%,#dcf8f460,transparent 80%),radial-gradient(ellipse 380px 420px at 110% 28%,#e1f0fc65,transparent 85%),radial-gradient(ellipse 350px 500px at 95% 85%,#fff3d740,transparent 80%),#ffffffa3}
#app[data-page=welcome],#app[data-page=guide],#app[data-page=confirm],#app[data-page=report],#app[data-page=analysis],#app[data-page=account],#app[data-page=feedback],#app[data-page=privacy],#app[data-page=about],#app[data-page=version]{padding-bottom:calc(28px + env(safe-area-inset-bottom))}
#app[data-page=guide]{background:radial-gradient(circle at 100% 0%,rgba(168,240,225,.22) 0,rgba(215,249,242,.12) 14%,transparent 32%),#fff}
#app[data-page=guide] .navhead [data-action=help]{width:44px;height:44px;border:0;outline:0;background:none;box-shadow:none;filter:none;appearance:none;-webkit-appearance:none;color:#8b94a3}
#app[data-page=guide] .navhead [data-action=help]::before,#app[data-page=guide] .navhead [data-action=help]::after{display:none;content:none}
#app[data-page=guide] .navhead [data-action=help] svg{box-sizing:content-box;width:12px;height:12px;padding:5px;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(70,88,105,.08);stroke-width:1.5}
.header-spacer{width:44px;flex-shrink:0}.navhead .round{color:var(--ink);flex-shrink:0}.navhead h1{line-height:1.25}
h1,h2,h3{text-wrap:balance}h1{font-size:28px;line-height:1.22}h2{font-size:21px}p{overflow-wrap:anywhere}.glass{border-radius:20px;padding:18px}.glass>p:first-of-type{margin-top:5px}.glass h2{margin-bottom:8px}
.primary{background:radial-gradient(ellipse 24% 125% at 2% -8%,rgb(227 249 241 / 70%),transparent 78%),radial-gradient(ellipse 23% 90% at 100% 2%,rgb(227 249 241 / 64%),transparent 76%),radial-gradient(ellipse 16% 110% at 26% 110%,rgb(255 255 255 / 12%),transparent 80%),linear-gradient(105deg,#0aaf94,#0bbc9f 40%,#0bbc9f);border-radius:22px;color:#fff;box-shadow:inset 0 1px 2px rgb(255 255 255 / 42%),inset 0 -1px 2px rgb(10 175 148 / 12%)}.primary:hover{text-decoration:none;filter:brightness(1.025)}.secondary{color:#344963}.destructive{background:#a6293c}.round{color:var(--ink)}
.brand{font-size:40px;color:#30475d;margin-top:20px}.tagline{font-size:12px;letter-spacing:.12em;margin-top:7px}.features{gap:8px;margin:24px 0}.features span{background:linear-gradient(#ffffffdd,#e6faf7cc);box-shadow:0 5px 13px #2d817013;font-size:11px;border-radius:24px;padding:11px 5px;line-height:1.4}
.welcome-visual{padding:0;overflow:hidden;position:relative;background:linear-gradient(140deg,#fff,#ebf8f6 65%,#fffbef)}
.scan-frame{height:335px;position:relative;margin:12px 20px 0;border-radius:18px;overflow:hidden}.scan-frame img{width:100%;height:100%;object-fit:contain}.scan-line{position:absolute;left:8%;right:8%;top:48%;height:1px;background:#00bba9;box-shadow:0 2px 7px #00bba960;animation:scan 5s ease-in-out 1}
.welcome-caption{padding:0 22px 12px}.welcome-caption h1{font-size:25px;margin:18px 0 10px}.welcome-caption p{font-size:13px;margin-bottom:6px}
.steps{display:flex;align-items:center;justify-content:space-around;gap:4px;padding:17px 10px;margin:20px 0;border-radius:22px}.steps span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px}.steps svg{width:19px;height:19px;color:#008d84}.steps>svg{width:13px}
.example{box-shadow:0 6px 15px #287b7610;border:1px solid #bde9de;border-radius:12px;padding:3px}.example img{height:177px;border-radius:9px;background:#f1f2ee;object-fit:contain}.example span{padding:9px 2px;font-size:12px;line-height:1.35}.example i{top:7px;right:7px;padding:3px}.example i svg{width:17px;height:17px}.bad{border-color:#f2c5cb}.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.bad img{height:111px}.bad span{font-size:11px;min-height:39px;display:flex;align-items:center;justify-content:center;padding:6px 0}.bad i svg{width:14px;height:14px}.bad i{right:5px;top:5px;padding:2px}
.tips{font-size:12px;padding:12px 14px;background:linear-gradient(120deg,#fff6db,#fffbea);margin:10px 0 14px}.resume-link{display:flex;align-items:center;justify-content:center;font-size:13px;margin-top:24px;gap:6px}
#app[data-page=guide] .wrong-examples-title{font-size:20px}
footer{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-top:26px}footer button{font-size:13px;padding:12px 8px;border-radius:18px;white-space:nowrap}footer button svg{width:20px;flex-shrink:0}
.home-photos .example i{display:none}.home-photos .example{border:0;background:transparent;box-shadow:none}.home-photos .example img{height:230px;border-radius:14px}.home-note{padding:14px 4px}.last-check{font-size:11px;letter-spacing:.05em;margin:28px 0 8px}.score-link{color:inherit}.score-link:hover{text-decoration:none}
.score{gap:18px;margin:12px 0;padding:16px 0}.glass.score{padding:20px 18px}.score-ring{width:98px;height:98px;border-radius:50%;background:conic-gradient(#00c5a4 calc(var(--score)*1%),#ddf1eb 0);padding:7px;flex-shrink:0}.score-ring>div{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#fcffff;border-radius:50%}.score-ring b{font-size:40px;line-height:1.05;letter-spacing:-.04em}.score-ring small{font-size:13px;color:var(--muted)}.score-ring.unavailable{background:#dce5e9}.score-copy h2{font-size:21px;color:#00846d;margin:0 0 7px}.score-copy p{font-size:12px;line-height:1.6;margin:0}.unavailable+.score-copy h2{color:#52617a}
.bottom-nav a[aria-current=page]{color:#007e73;background:#e7f8f4}.bottom-nav a{min-width:80px}.bottom-nav a:hover{text-decoration:none}
.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.section-title>span{font-size:11px;color:var(--muted)}.latest-report h3{font-size:16px;margin-bottom:0}.latest-report .primary{margin-bottom:0}
.areas>div{gap:8px;align-items:center;font-size:12px;padding:12px 0}.areas>div>span:nth-child(2){flex:1}.areas>div>span:last-child{white-space:nowrap;color:var(--muted);font-size:11px}.areas small{display:block;margin-top:4px;font-size:10px;color:#85623a}.areas b{font-size:21px}.areas>div:last-child{border-bottom:0}.area-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%}.mint{background:#00a68e;fill:#00a68e}.orange{background:#d76d39;fill:#d76d39}.purple{background:#9b6cce;fill:#9b6cce}.blue{background:#3c97c2;fill:#3c97c2}.body-overview{display:flex;align-items:center;gap:14px}.body-map{width:90px;flex-shrink:0}.body-overview .areas{flex:1;min-width:0}.body-overview .areas>div{flex-wrap:wrap}
.chart-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding-top:10px}.monthly-chart{display:block;min-width:520px;width:100%;height:auto}.monthly-chart text,.radar-chart text{font:11px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;fill:var(--muted);text-anchor:middle}.monthly-chart .chart-year{font-size:9px}.chart-grid{stroke:#dfe9ef;stroke-width:1}.chart-line{stroke:#00aa93;stroke-width:2}.chart-point{fill:#00aa93;stroke:white;stroke-width:2}.chart-point.latest{fill:#fff;stroke:#008578}.chart-value{fill:#162946!important;font-weight:650!important}.chart-legend{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px!important}.dot{width:7px;height:7px;border-radius:50%;background:#00aa93;display:inline-block}.dot.hollow{background:white;border:1.5px solid #008578;margin-left:5px}.chart-note{font-size:11px!important;line-height:1.6!important}.radar-chart{width:100%;max-height:300px;overflow:visible;margin-top:12px}.radar-chart text{font-size:10px}.radar-fill{fill:#18d5a429;stroke:#00aa93;stroke-width:2}
.history-row a{align-items:center;gap:8px;font-size:12px}.history-row b{font-variant-numeric:tabular-nums;margin-left:auto}.history-row small{font-size:10px;color:var(--muted);font-weight:400;margin-left:2px}.history-row svg{width:18px;flex-shrink:0}
.photo-slots{margin:24px 0}.slot{padding:0;min-width:0}.slot>img,.empty-slot{height:205px;width:100%;object-fit:contain;border-radius:12px;background:#f0f5f4}.empty-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#62718c;gap:12px;font-size:12px}.slot .secondary{font-size:12px;min-height:44px;margin:9px 0;padding:10px 3px;border-radius:12px}.retake{background:transparent;border:0;width:100%;min-height:44px;font-size:11px;text-decoration:underline;text-underline-offset:3px}.remove-photo{position:absolute;top:5px;right:5px;border:0;background:#fffc;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:#a6293c}.remove-photo svg{width:17px}
.notice{display:flex;gap:10px;align-items:flex-start;margin:18px 0}.notice>svg{flex-shrink:0;width:20px}.notice h3{margin:0 0 6px;font-size:15px}.notice p{font-size:12px;line-height:1.6}.notice a{font-size:12px;color:#705318}
.report-photo img{height:180px}.report-photo span{padding:8px 2px}.missing-photo{display:grid!important;place-items:center;background:#edf2f3;border-radius:12px;min-height:150px;color:var(--muted);font-size:11px}.report-photo:disabled{opacity:1}
.findings{padding-top:4px;padding-bottom:4px}.findings>h2{margin-top:18px}.finding{padding:14px 0;border-bottom:1px solid #eaf0f2}.finding:last-child{border-bottom:0}.finding-heading{display:flex;gap:8px;align-items:center;margin-bottom:12px}.finding h3{font-size:16px;line-height:1.35;margin:0;flex:1}.finding .explanation{box-shadow:none;background:transparent;width:32px;height:44px;flex-shrink:0}.finding p{font-size:13px;line-height:1.7;margin:8px 0 4px}.finding p strong{display:block;color:#273a57;font-size:12px;margin-bottom:4px}.badge.failed,.badge.unavailable{background:#edf0f4;color:#53627b;white-space:normal;max-width:90px}.badge.normal{background:#e2faf3}.normal-items summary{display:flex;align-items:center;gap:8px;min-height:44px}.normal-items summary svg{color:#009b80;width:20px;flex-shrink:0}.normal-items summary:after{content:'+';margin-left:auto}.normal-items[open] summary:after{content:'−'}.normal-items .finding:last-child{padding-bottom:0}.translation-status{font-size:12px}.normal-items{padding:12px 18px}
.profile{text-align:center;padding-top:24px}.profile .row{justify-content:center;font-size:13px}.menu-list .row{min-height:57px;border-bottom:1px solid #edf0f3;color:var(--ink);font-size:14px}.menu-list .row:last-child{border:0}.menu-list .danger{color:#a6293c}.avatar{width:82px;height:82px;background:linear-gradient(#e4f9f3,#d6efe9);color:#49796f}.center{text-align:center}.empty>svg{width:44px;height:44px;color:#87b3aa}.field{min-height:48px}form label{font-size:13px;color:#30465f}textarea{resize:vertical}form>p{font-size:12px}
dialog{padding:24px 24px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}dialog h2{padding-right:40px;margin-top:16px}.close-sheet{position:absolute;top:16px;right:16px}.photo-dialog{max-height:100dvh;height:100dvh;border-radius:0;display:none}.photo-dialog[open]{display:flex;flex-direction:column}.photo-dialog .preview-image{flex:1;min-height:0;max-height:none;width:100%;object-fit:contain}.preview-controls{display:flex;align-items:center;justify-content:space-between;padding-top:16px}.photo-dialog h2{font-size:20px}.disclaimer{font-size:11px}
.guidance-dialog .close-sheet{top:8px;right:8px;width:44px;height:44px;border:0;background:transparent;box-shadow:none;color:#7f8ca5}
.guidance-dialog .close-sheet svg{width:22px;height:22px;stroke-width:1.5}
@keyframes scan{0%{top:12%;opacity:0}15%{opacity:1}100%{top:82%;opacity:0}}
@media(min-width:600px){#app{box-shadow:0 10px 60px #355e6e0b;min-height:100dvh}}
@media(max-width:380px){h1{font-size:26px}.brand{font-size:37px}.glass{padding:16px}.three{gap:7px}.example img{height:165px}.bad img{height:105px}.bad span{font-size:10px}.score{gap:14px}.score-ring{width:87px;height:87px}.score-ring b{font-size:36px}.score-copy h2{font-size:19px}.body-overview{gap:8px}.body-map{width:75px}.finding h3{font-size:15px}footer{gap:8px}footer button{font-size:12px}.slot>img,.empty-slot{height:180px}}
@media(prefers-reduced-motion:reduce){.scan-line{animation:none;display:none}}
.body-model{position:relative;width:108px;flex-shrink:0}.body-model img{display:block;width:100%;height:245px;object-fit:contain}.body-marker{position:absolute;left:50%;width:14px;height:14px;transform:translate(-50%,-50%);border:3px solid #ffffff;border-radius:50%;box-shadow:0 3px 9px #315a6b25}.areas em{font-size:10px;white-space:normal;font-style:normal;color:#765c39;display:block;max-width:66px;text-align:right}@media(max-width:380px){.body-model{width:90px}.body-model img{height:220px}}
.reference-hero{position:relative;aspect-ratio:740/860;overflow:hidden}.reference-hero img{position:absolute;width:127.1622%;max-width:none;height:auto;left:-13.5135%;top:-47.093%;display:block}.illustration-note{text-align:center;font-size:10px;margin:5px 0;color:#64748b}.welcome-visual{margin-bottom:5px}
.body-model img{height:auto}@media(max-width:380px){.body-model img{height:auto}}
.monthly-chart{min-width:0}.monthly-chart text{font-size:10px}.monthly-chart .chart-value{font-size:11px}
.monthly-chart .chart-month{letter-spacing:.06em}
.lede{font-size:16px;line-height:1.45;color:var(--muted)}
.upload-complete{display:flex;align-items:center;gap:12px;margin:20px 0}.upload-check{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#d9faf2;color:#09aaa0;flex-shrink:0}.upload-check svg{width:27px}.upload-complete b,.upload-complete small{display:block}.upload-complete b{font-size:16px}.upload-complete small{font-size:13px;color:var(--muted);margin-top:4px}.ready-thumbs{display:flex;gap:6px;margin-left:auto}.ready-thumbs img{width:48px;height:64px;object-fit:cover;border-radius:8px}
.locked-preview{margin-top:18px}.locked-preview h2{margin-bottom:3px}.locked-preview p{margin-bottom:14px;color:var(--muted)}.locked-art{position:relative;display:grid;place-items:center;min-height:280px;border-radius:18px;background:linear-gradient(145deg,#edfffc,#e5f5ff);overflow:hidden}.locked-art img{width:56%;opacity:.62;filter:blur(1px)}.lock-mark{display:grid;place-items:center;position:absolute;width:64px;height:64px;border-radius:50%;background:#fffdfdce;box-shadow:0 5px 18px #315a6b20;color:#526879}.lock-mark svg{width:31px}.ready-cta{margin:20px 0}.report-benefits p{line-height:1.9;color:var(--muted)}
dialog:has(.paywall-head){padding:22px 24px calc(20px + env(safe-area-inset-bottom));max-height:94dvh;overflow:auto}.paywall-grabber{width:70px;height:6px;border-radius:99px;background:#b8c6da;margin:0 auto 14px}.paywall-head{text-align:center}.paywall-head h2{font-size:25px;line-height:1.12;margin:8px 10px 10px;letter-spacing:-.025em}.paywall-head p{font-size:15px;line-height:1.45;color:var(--muted);margin:0 auto 18px;max-width:350px}.paywall-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}.paywall-benefits span{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink);line-height:1.15}.paywall-benefits svg{width:31px;height:31px;padding:6px;border-radius:50%;background:#ddfbf6;color:#0ba7a0;flex-shrink:0}.plan-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-option{position:relative;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:148px;padding:16px;border:2px solid #dce7f1;border-radius:18px;background:#fff;color:var(--ink)}.plan-option.selected{border-color:#12c7bf;background:#effffc;box-shadow:0 4px 16px #12c7bf18}.plan-option .radio{width:20px;height:20px;border:3px solid #cbd8e8;border-radius:50%;margin-bottom:12px}.plan-option.selected .radio{border-color:#10c9bf;box-shadow:inset 0 0 0 4px #fff;background:#10c9bf}.plan-option b{font-size:15px}.plan-option strong{font-size:25px;line-height:1.1}.plan-option small{font-size:12px;color:var(--muted)}.plan-option em{position:absolute;right:9px;top:9px;font-size:11px;font-style:normal;background:#baf4e9;color:#057f78;padding:5px 8px;border-radius:99px}.plan-option .saving{margin-top:6px;background:#c9f7ef;color:#078d84;padding:5px 8px;border-radius:99px}.paywall-cta{margin:18px 0 8px}.paywall-renew{text-align:center;color:var(--muted);font-size:12px}.paywall-links{display:flex;justify-content:center;gap:8px;font-size:11px;color:var(--muted)}.paywall-links button{border:0;background:none;padding:0;color:inherit;text-decoration:underline;text-underline-offset:2px}
#feedback input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.feedback-upload{display:flex;align-items:center;gap:14px;margin-top:8px;padding:16px;border:1px dashed #98b9c5;border-radius:16px;background:rgb(255 255 255 / 70%);cursor:pointer}.feedback-upload>svg{color:#12aaa9}.feedback-upload span{display:flex;flex-direction:column}.feedback-upload small{margin-top:4px;color:#667085;line-height:1.4}.feedback-files{display:flex;flex-direction:column;gap:8px;margin:10px 0}.feedback-files>span{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:#edf7ff;font-size:13px;overflow-wrap:anywhere}.feedback-files button{display:grid;place-items:center;margin-left:auto;border:0;background:transparent;color:#667085}.feedback-files button svg{width:18px;height:18px}.remote-content .primary{margin-top:18px}
#feedback>label[for="feedback-category"]{display:block;margin-bottom:12px}
#feedback .feedback-select{position:relative;margin:0 0 16px}
#feedback .feedback-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:14px 18px;border:1px solid #b9ece6;border-radius:16px;background:#fff;color:var(--ink);font-size:16px;font-weight:500;text-align:left;box-shadow:0 2px 8px rgb(35 88 113 / 5%)}
#feedback .feedback-select-trigger:focus-visible{outline:3px solid rgb(25 199 197 / 24%);outline-offset:2px}
.feedback-select-chevron{width:10px;height:10px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) translateY(-3px);transition:transform .18s ease}
.feedback-select[data-open=true] .feedback-select-chevron{transform:rotate(225deg) translate(-2px,-2px)}
.feedback-select-menu{position:absolute;z-index:5;top:calc(100% + 6px);left:0;right:0;display:none;padding:10px;border:1px solid #d8ecee;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgb(35 88 113 / 16%)}
.feedback-select[data-open=true] .feedback-select-menu{display:grid;gap:3px}
.feedback-select-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:11px 14px;border:0;border-radius:11px;background:transparent;color:var(--ink);font-size:16px;text-align:left}
.feedback-select-menu button:hover,.feedback-select-menu button[aria-selected=true]{background:linear-gradient(110deg,#e8f8f5,#f6fbfc);color:#079f96}
.feedback-select-check{font-size:20px;font-weight:700;line-height:1}