*{box-sizing:border-box}header{background-color:var(--background-light);padding:1rem;text-align:center;border-radius:var(--border-radius);box-shadow:var(--box-shadow-card)}main{margin-top:2rem}#app{min-height:100%;display:flex;flex-direction:column;height:auto;overflow-y:auto;overflow-x:hidden}#header{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;justify-content:space-around;.logo{--logo-h: 2.75rem;--logo-max-w: 14rem;border-radius:.5rem}@media(max-width:768px){.logo{--logo-h: 2rem}}[data-logo-kind=raster]>.logo{mix-blend-mode:var(--logo-blend, normal)}.public-home-link{display:inline-flex;justify-self:start;line-height:0;border-radius:.5rem}h1{font-size:1.4rem}}#header .header-actions{display:flex;align-items:center;gap:.5rem;min-width:0}#header .header-actions .lang-switch{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.15rem;flex:0 0 auto;height:2.75rem;min-width:2.75rem;padding:0 .5rem;border-radius:var(--border-radius-small);color:var(--shade800);font-size:.9rem;font-weight:600;letter-spacing:.02em}#header .header-actions .lang-switch:hover{background-color:var(--hover-color);color:var(--shade900)}#header .header-actions .lang-switch:has(select:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}#header .header-actions .lang-switch-chevron svg{width:1rem;height:1rem}#header .header-actions .lang-switch select{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer;font-size:1rem}#header .header-actions .theme-switcher-trigger{flex:0 0 auto;width:2.75rem;height:2.75rem;border-radius:var(--border-radius-small);color:var(--shade800)}#header .header-actions .theme-switcher-trigger:hover,#header .header-actions .theme-switcher-trigger:focus-visible{color:var(--shade900)}#header .header-actions .theme-switcher-trigger svg{width:1.5rem;height:1.5rem}#hero{position:relative;overflow:hidden;border-radius:var(--border-radius);margin-top:1rem;display:flex;align-items:center;justify-content:center;&:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:var(--photo-scrim)}.wrapper_herotext{position:absolute;bottom:0;left:0;z-index:1;width:100%;padding:1rem;color:#fff;h1{margin:0}}&.is-plain{overflow:visible;border-radius:0;&:after{content:none}.wrapper_herotext{position:static;padding:.5rem 0 0;color:var(--shade900)}.wrapper_herotext span{color:var(--shade800)}}}#startScreen{height:100%;display:flex;flex-direction:column;.heroimage{width:100%;height:auto;max-height:50vh;object-fit:cover;border-radius:var(--border-radius)}}#bottomBar{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:400;width:max-content;max-width:calc(100% - 2rem)}@media(max-width:768px){#bottomBar{width:calc(100% - 2rem)}}#startScreen{--pill-scrim-color: var(--background-light)}html:has(#startScreen #bottomBar){scroll-padding-bottom:var(--pill-scrim-height, 7.5rem)}#startScreen.floating-pill-scrim:after{position:fixed}#reportForm{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-card);z-index:800;transform:translate(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;overflow:hidden;&.hidden{transform:translate(100%)}&:not(.hidden){transform:translate(0);animation:slideInModal .3s forwards}.report-form-content{flex-grow:1;overflow-y:auto;padding:1rem 1rem 5rem}}#wrapper_past_reports{display:grid;grid-template-columns:1fr;gap:16px;@media(min-width:768px){grid-template-columns:repeat(2,1fr)}}.report-summary-card{background:var(--shade200);border-radius:var(--border-radius);padding:1rem;margin:0 auto;font-size:.8rem;width:100%;text-align:left;.report-summary-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--shade400);padding-bottom:10px;margin-bottom:10px;.report-id,.report-date{margin:0}.report-date{text-align:right}}.report-summary-body{display:flex;gap:20px;align-items:flex-start;.image-preview{width:6rem;height:6rem;background-color:var(--shade200);display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);overflow:hidden;.preview-image{max-width:100%;height:auto;border-radius:var(--border-radius)}.preview-image[data-lightbox]{cursor:zoom-in}}.report-details{flex:1;display:flex;flex-direction:column;gap:10px;p{color:var(--text-color-dark);margin:0}}}}html:has(#pastReports),body:has(#pastReports){background-color:var(--background-light)}#pastReports .report-summary-card,.start-empty{background-color:var(--background-card)}#pastReports{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem;padding-bottom:8rem}#pastReports:empty{margin-top:0}.past-reports-title{font-size:1rem;font-weight:600;margin:0;color:var(--shade900)}#startScreen .showcase-notice{margin-top:1.5rem}.start-empty{margin-top:2rem;padding:1.5rem;border:1px solid var(--shade400);border-radius:var(--border-radius)}.start-empty-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--shade900)}.start-empty-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.875rem}.start-empty-steps li{display:flex;align-items:flex-start;gap:.75rem;color:var(--shade800);line-height:1.4}.start-empty-steps li>span:last-child{padding-top:calc((2.25rem - 1lh)/2)}.start-empty-icon{display:inline-flex;flex:none;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border-radius:50%;background-color:var(--background-light);color:var(--shade900)}.start-empty-icon svg{width:1.25rem;height:1.25rem}.start-emergency{margin:1.5rem 0 0;font-size:.875rem}.start-emergency a{color:var(--shade800)}.start-emergency+.start-empty,.start-emergency+.start-empty[hidden]+#pastReports{margin-top:1rem}@media(min-width:768px){#startScreen .content-wrapper>*{max-width:45rem;margin-left:auto;margin-right:auto}}@keyframes slideInModal{0%{transform:translate(100%)}to{transform:translate(0)}}.content-wrapper{flex-grow:1;overflow-y:auto;padding:1rem 2rem 5rem;@media(max-width:560px){padding-left:1rem;padding-right:1rem}}@media(max-height:600px){#reportForm{position:fixed}}footer{margin-top:2rem;background:var(--shade200);padding:2rem 2rem 8rem;display:flex;gap:1rem;@media(max-width:768px){flex-direction:column-reverse}}