:root{--background:#f6f2e8;--surface:#fffdf8;--surface-elevated:#f0e9db;--border:#e3d7bf;--text:#2d2a26;--text-muted:#7e7769;--primary:#f3c22a;--primary-pressed:#dead17;--success:#89b48f;--warning:#e0ae4c;--danger:#cd6f63;--dark:#3d3a35;--shadow-card:0 12px 30px rgba(45,42,38,0.08);--shadow-button:0 10px 24px rgba(45,42,38,0.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit}textarea{resize:vertical}.page{min-height:100vh;padding:24px 16px 40px;background:radial-gradient(circle at top center,rgba(243,194,42,.1),transparent 30%),linear-gradient(180deg,rgba(255,253,248,.4),transparent 28%),var(--background)}.page--with-nav{padding-bottom:132px}.page__inner{margin:0 auto;width:100%;display:flex;flex-direction:column;gap:24px}.page__inner--default{max-width:1080px}.page__inner--wide{max-width:1200px}.page__inner--narrow{max-width:720px}.page__header{display:flex;align-items:center;justify-content:space-between;min-height:40px}.page__content,.page__footer,.page__hero{display:flex;flex-direction:column;gap:16px}.page__hero{gap:18px}.eyebrow{color:var(--text-muted);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-title{font-size:clamp(2.4rem,5vw,4rem);line-height:1.02}.hero-title,.section-title{margin:0;color:var(--dark);font-weight:800}.section-title{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.1}.body,.body-lg,.body-sm{margin:0;color:var(--text-muted)}.body-lg{font-size:1.0625rem;line-height:1.6}.body{font-size:1rem;line-height:1.55}.body-sm{font-size:.875rem;line-height:1.5}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-gap:24px;gap:24px}.hero-panel{background:var(--surface)}.hero-card,.hero-panel{border:1px solid var(--border);border-radius:28px;padding:24px;box-shadow:var(--shadow-card)}.hero-card{background:linear-gradient(180deg,var(--surface) 0,var(--surface-elevated) 100%);min-height:360px;position:relative;overflow:hidden}.hero-card__room{position:absolute;inset:24px;border-radius:24px;background:var(--background)}.hero-card__scan{position:absolute;top:56px;right:56px;width:180px;height:220px;border-radius:32px;border:3px solid var(--dark);background:var(--surface-elevated)}.hero-card__scan:before{content:"";position:absolute;inset:36px 28px auto;height:112px;border:3px solid var(--primary);border-radius:24px}.hero-card__scan:after{content:"";position:absolute;bottom:24px;left:50%;width:28px;height:28px;margin-left:-14px;border-radius:12px;border:2px solid var(--text-muted);background:var(--surface)}.hero-card__pipe,.hero-card__pipe--right{position:absolute;top:112px;left:88px;width:72px;height:120px;border-top:5px solid var(--text-muted);border-left:5px solid var(--text-muted);border-radius:22px 0 0 0}.hero-card__pipe--right{left:auto;right:232px}.hero-card__sink{position:absolute;top:60px;left:50%;width:180px;height:28px;margin-left:-150px;border-radius:12px;border:2px solid var(--text-muted);background:var(--surface-elevated)}.hero-card__crack,.hero-card__crack--alt{position:absolute;top:74px;left:54px;width:64px;height:2px;background:var(--text-muted);transform:rotate(-28deg)}.hero-card__crack--alt{top:136px;left:auto;right:88px;transform:rotate(35deg)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 20px;border-radius:18px;border:1px solid transparent;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease,opacity .12s ease;box-shadow:var(--shadow-button);text-decoration:none}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.58;cursor:not-allowed}.button--full{width:100%}.button--compact{min-height:46px;padding:0 16px;font-size:.95rem}.button--primary{background:var(--primary);border-color:var(--primary);color:var(--dark)}.button--primary:hover:not(:disabled){background:var(--primary-pressed)}.button--secondary{background:var(--surface);border-color:var(--border);color:var(--dark)}.button--ghost{background:transparent;border-color:var(--border);color:var(--text);box-shadow:none}.button--danger{background:var(--danger);border-color:var(--danger);color:var(--surface)}.button__spinner{width:16px;height:16px;border:2px solid;border-right:2px solid transparent;border-radius:999px;animation:spin 1s linear infinite}.card{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:24px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card)}.card--soft{background:linear-gradient(180deg,rgba(255,253,248,.98),rgba(240,233,219,.92))}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-size:.875rem;font-weight:600;color:var(--text)}.field__shell{display:flex;align-items:center;min-height:56px;border:1px solid var(--border);border-radius:18px;background:var(--surface);overflow:hidden;padding-right:14px}.field__shell--multiline{align-items:flex-start;min-height:148px}.field__control{flex:1 1;width:100%;min-height:54px;border:0;outline:0;background:transparent;color:var(--text);padding:14px 16px}.field__control::placeholder{color:var(--text-muted)}.field__control--multiline{min-height:148px}.field__trailing{color:var(--text-muted);font-size:.8125rem;font-weight:600}.notice{display:flex;flex-direction:column;gap:6px;border-radius:18px;border:1px solid var(--border);padding:16px}.notice--info{background:var(--surface)}.notice--success{background:#eef6ef;border-color:var(--success)}.notice--warning{background:#faf1d9;border-color:var(--warning)}.notice__title{color:var(--text);font-size:.9375rem}.notice__body{margin:0;line-height:1.45}.chip,.notice__body{color:var(--text-muted);font-size:.875rem}.chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border);background:var(--surface);padding:8px 12px;font-weight:600}.chip--selected{background:#f8e39a;border-color:var(--primary);color:var(--dark)}.wordmark{gap:8px}.wordmark,.wordmark__badge{display:inline-flex;align-items:center}.wordmark__badge{justify-content:center;padding:6px 10px;border-radius:999px;background:var(--surface-elevated);color:var(--dark);font-size:.75rem;font-weight:700}.grid{display:grid;grid-gap:16px;gap:16px}.grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-sm{gap:8px}.stack-md,.stack-sm{display:flex;flex-direction:column}.stack-md{gap:12px}.stack-lg{gap:16px}.stack-lg,.stack-xl{display:flex;flex-direction:column}.stack-xl{gap:24px}.row{display:flex;align-items:center;gap:12px}.row--between{justify-content:space-between}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--surface-elevated);color:var(--dark);padding:8px 12px;font-size:.75rem;font-weight:700}.report-grid,.stats-grid,.step-grid{display:grid;grid-gap:14px;gap:14px}.report-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats-grid,.step-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.report-card{display:flex;flex-direction:column;gap:14px;padding:14px}.report-preview{width:100%;height:180px;object-fit:cover;border-radius:18px;background:var(--surface-elevated)}.report-preview--fallback{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-weight:700}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-size:.75rem;font-weight:700}.status-badge--complete{background:#eef6ef;color:#416247}.status-badge--review{background:#faf1d9;color:#7e5a11}.status-badge--draft{background:var(--surface-elevated);color:var(--dark)}.app-nav{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:1fr auto 1fr;grid-gap:10px;gap:10px;justify-content:stretch;width:min(calc(100vw - 24px),360px);margin:0;padding:8px;border:1px solid var(--border);background:rgba(255,253,248,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-card);z-index:40}.app-nav,.app-nav__item{align-items:center;border-radius:999px}.app-nav__item{display:inline-flex;justify-content:center;min-height:54px;padding:10px 14px;color:var(--text-muted);font-size:.875rem;font-weight:700}.app-nav__item--active,.app-nav__scan{background:var(--primary);color:var(--dark)}.app-nav__scan{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:74px;min-height:62px;padding:8px 12px;border:0;border-radius:999px;box-shadow:var(--shadow-button);cursor:pointer;transition:transform .12s ease,background .12s ease,opacity .12s ease}.app-nav__scan:hover{transform:translateY(-1px);background:var(--primary-pressed)}.app-nav__scan--loading{opacity:.72}.app-nav__scan-plus{font-size:1.5rem;font-weight:800;line-height:1}.app-nav__scan-label{font-size:.75rem;font-weight:800;letter-spacing:.02em}.auth-shell{display:grid;grid-gap:18px;gap:18px}.auth-brand{display:flex;justify-content:center}.auth-card{border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,rgba(255,253,248,.98),rgba(240,233,219,.9));box-shadow:var(--shadow-card);padding:22px;gap:18px}.auth-card,.auth-options{display:flex;flex-direction:column}.auth-options{gap:12px}.auth-footer{display:flex;flex-direction:column;gap:10px}.dashboard-hero__badge{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.75rem}.dashboard-hero__badge,.link-inline{color:var(--dark);font-weight:700}.legal-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px}.upload-card{border:1px solid var(--border);border-radius:18px;background:var(--background);overflow:hidden}.upload-card img,.upload-card video{display:block;width:100%;height:140px;object-fit:cover}.upload-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}.empty-state{border:1px dashed var(--border);border-radius:20px;padding:20px;text-align:center;color:var(--text-muted);background:rgba(255,253,248,.7)}.report-detail-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.75fr);grid-gap:16px;gap:16px}.action-list,.cause-list,.history-list{display:flex;flex-direction:column;gap:12px}.list-row{display:flex;gap:12px;align-items:flex-start}.list-dot{width:12px;height:12px;margin-top:7px;border-radius:999px;background:var(--primary);flex-shrink:0}.account-avatar{width:88px;height:88px;border-radius:999px;background:var(--surface-elevated)}.membership-box{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:18px;background:var(--background);padding:14px}.membership-badge{width:32px;height:32px;border-radius:16px;flex-shrink:0}.membership-badge--active{background:var(--success)}.membership-badge--inactive{background:var(--primary)}.membership-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.membership-actions{display:flex;flex-direction:column;gap:12px}.paywall-banner{background:var(--dark);border-radius:22px;padding:20px;min-height:94px}.paywall-banner__title{margin:0;color:var(--surface);font-size:1.25rem;font-weight:800;line-height:1.35;max-width:280px}.paywall-banner__body{margin:0;color:var(--surface);font-size:.9375rem;line-height:1.5;opacity:.84}.muted-separator{width:100%;height:1px;background:var(--border)}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:900px){.hero-grid,.report-detail-grid{grid-template-columns:1fr}}@media (max-width:640px){.page{padding:16px 12px 28px}.page--with-nav{padding-bottom:124px}.grid--two{grid-template-columns:1fr}.hero-card{min-height:300px}.hero-card__scan{right:28px;top:56px;width:150px;height:190px}.hero-card__pipe--right{right:190px}.app-nav{width:min(calc(100vw - 20px),360px)}.auth-card{padding:18px}}