:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#19251f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#19251f;--muted:#65736c;--paper:#f4f1e8;--surface:#fffdf7;--surface-soft:#ece9df;--forest:#17352a;--forest-deep:#10271f;--coral:#cf533a;--coral-dark:#a83e2b;--coral-soft:#f8ded6;--gold:#e8ad39;--gold-soft:#f7edca;--green-soft:#dcebdc;--line:#d8d5cb;--control:#89968f;--shadow:0 22px 60px #17352a1f;background:#f4f1e8;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 12% -15%, #e8ad391c, transparent 27rem), var(--paper);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #21766a}img{max-width:100%;display:block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f1e8e0;border-bottom:1px solid #17352a1c;grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;padding:14px clamp(20px,4vw,64px);display:grid;position:relative}.site-header>:last-child{justify-self:end}.brand{width:max-content;color:var(--forest);align-items:center;gap:11px;font-family:DM Serif Display,Georgia,serif;font-size:29px;line-height:1;display:inline-flex}.brand-mark{border:2px solid;border-radius:50%;width:31px;height:31px;position:relative}.brand-mark:before,.brand-mark i,.brand-mark b{content:"";border-radius:50%;position:absolute}.brand-mark:before{border:1.5px solid;inset:5px}.brand-mark i{background:var(--coral);inset:11px}.brand-mark b{background:var(--gold);border:2px solid var(--paper);width:8px;height:8px;top:1px;right:-4px}.header-promise{color:var(--muted);letter-spacing:.03em;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.primary-button,.secondary-button,.save-button,.danger-button{border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 19px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button,.save-button{border:1px solid var(--coral);color:#fff;background:var(--coral-dark);box-shadow:0 9px 22px #a83e2b33}.primary-button:hover:not(:disabled),.save-button:hover:not(:disabled){background:#943522;transform:translateY(-1px);box-shadow:0 12px 28px #a83e2b42}.secondary-button{border:1px solid var(--control);color:var(--forest);background:var(--surface)}.secondary-button:hover:not(:disabled),.secondary-button.is-active{border-color:var(--forest);background:#fff;transform:translateY(-1px)}.eyebrow{color:var(--coral-dark);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:800;line-height:1.3;display:inline-flex}h1,h2,p{margin-top:0}h1,h2{color:var(--forest);font-family:DM Serif Display,Georgia,serif;font-weight:400}.empty-library{grid-template-columns:minmax(360px,.95fr) minmax(350px,.8fr);align-items:center;gap:clamp(48px,8vw,120px);max-width:1220px;min-height:calc(100vh - 78px);margin:0 auto;padding:60px clamp(24px,5vw,72px) 84px;display:grid}.empty-visual{aspect-ratio:1/.86;background:linear-gradient(145deg, #ffffff0f, transparent 42%), var(--forest);width:100%;box-shadow:var(--shadow);isolation:isolate;border-radius:34px;position:relative;overflow:hidden}.empty-visual:before{content:"";opacity:.22;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.target-rings,.target-rings i{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.target-rings{aspect-ratio:1;background:#f7f2df;width:min(70%,390px);box-shadow:0 20px 50px #05160f59}.target-rings:before,.target-rings:after{content:"";z-index:8;background:#17352a33;position:absolute}.target-rings:before{width:1px;top:0;bottom:0;left:50%}.target-rings:after{height:1px;top:50%;left:0;right:0}.target-rings i:first-child{aspect-ratio:1;background:#1d2830;width:80%}.target-rings i:nth-child(2){aspect-ratio:1;background:#327aa0;width:61%}.target-rings i:nth-child(3){aspect-ratio:1;background:#d75b45;width:41%}.target-rings i:nth-child(4){aspect-ratio:1;background:#f2c547;border:2px solid #17352a47;width:21%}.scan-line{z-index:9;filter:drop-shadow(0 0 8px #f0bd52);background:linear-gradient(90deg,#0000,#f0bd52 20%,#fff2c5 50%,#f0bd52 80%,#0000);height:2px;animation:3.4s ease-in-out infinite scan;position:absolute;top:17%;left:7%;right:7%}.sample-score{z-index:10;color:#fff;background:var(--coral-dark);border:3px solid #fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:14px;font-weight:800;display:grid;position:absolute;box-shadow:0 8px 22px #00000047}.sample-score:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(19px,-18px)}.score-a{top:37%;left:46%}.score-b{top:50%;left:58%}.score-c{top:55%;left:38%}@keyframes scan{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(255px)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.empty-copy{max-width:500px}.empty-copy h1,.library-hero h1{letter-spacing:-.035em;margin:14px 0 19px;font-size:clamp(46px,5.6vw,74px);line-height:.98}.empty-copy p,.library-hero p{max-width:570px;color:var(--muted);margin-bottom:28px;font-size:17px;line-height:1.7}.empty-copy small{color:var(--muted);align-items:center;gap:7px;margin-top:19px;font-size:12px;font-weight:600;display:flex}.library-loading{min-height:calc(100vh - 78px);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.library-view{max-width:1260px;margin:0 auto;padding:68px clamp(24px,5vw,64px) 90px}.library-hero{justify-content:space-between;align-items:end;gap:36px;display:flex}.library-hero h1{max-width:760px;margin-bottom:14px;font-size:clamp(43px,5vw,66px)}.library-hero p{margin-bottom:0}.library-summary{border:1px solid var(--line);color:var(--muted);background:#fffdf794;border-radius:15px;gap:0;margin:44px 0 24px;padding:15px 18px;font-size:13px;display:flex}.library-summary span{border-right:1px solid var(--line);padding:0 21px}.library-summary span:first-child{padding-left:0}.library-summary span:last-child{border:0}.library-summary strong{color:var(--forest);margin-right:3px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.photo-card{border:1px solid var(--line);text-align:left;background:var(--surface);border-radius:19px;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden;box-shadow:0 4px 12px #17352a0a}.photo-card:hover{border-color:#a8afa8;transform:translateY(-3px);box-shadow:0 16px 32px #17352a1a}.photo-card-image{aspect-ratio:4/3;background:var(--forest);display:block;position:relative;overflow:hidden}.photo-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.photo-card:hover .photo-card-image img{transform:scale(1.025)}.photo-card-scan{background:#ffe9a3;height:2px;animation:2.2s ease-in-out infinite card-scan;position:absolute;left:0;right:0;box-shadow:0 0 12px #efb642}@keyframes card-scan{0%,to{top:8%}50%{top:91%}}.status-pill{color:var(--forest);background:#fffdf7ed;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:13px;left:13px;box-shadow:0 5px 16px #00000029}.status-pill.is-saved{background:#dcebdcf2}.status-pill.is-error{color:#8c2e20;background:#f8ded6f5}.photo-card-body{justify-content:space-between;align-items:center;padding:17px 17px 18px;display:flex}.photo-card-body>span{gap:5px;display:grid}.photo-card-body strong{color:var(--forest);font-size:17px}.photo-card-body small{color:var(--muted);font-size:12px}.review-view{max-width:1480px;margin:0 auto;padding:22px clamp(20px,3.5vw,52px) 64px}.review-topbar{grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;display:grid}.review-topbar>:last-child{justify-self:end}.back-button,.icon-button,.delete-photo,.delete-marker,.analysis-error button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:700;display:inline-flex}.back-button:hover,.icon-button:hover{color:var(--forest);background:#17352a12}.review-title{text-align:center}.review-title h1{margin:2px 0 0;font-size:28px}.review-title .eyebrow{color:var(--muted);font-size:10px}.analysis-error{color:#812c20;background:var(--coral-soft);border:1px solid #df927f;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;max-width:1080px;margin:0 auto 18px;padding:14px 16px;display:grid}.analysis-error div{gap:3px;font-size:13px;display:grid}.analysis-error button{color:#812c20;background:#ffffff7a;min-width:max-content}.review-layout{border:1px solid var(--line);background:var(--surface);min-height:650px;box-shadow:var(--shadow);border-radius:22px;grid-template-columns:minmax(0,1fr) 340px;display:grid;overflow:hidden}.photo-workspace{background:linear-gradient(#ffffff06, #fff0), var(--forest-deep);min-width:0;padding:clamp(18px,2.5vw,36px)}.photo-stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#09140f;border-radius:14px;width:100%;max-height:72vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000047}.photo-stage>img{object-fit:contain;pointer-events:none;width:100%;height:100%}.photo-stage.is-adding{cursor:crosshair;outline:2px solid var(--gold);outline-offset:3px}.detection-marker{z-index:4;color:#fff;background:var(--coral-dark);touch-action:none;border:3px solid #fff;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 18px #0000005c}.detection-marker:after{content:"";z-index:-1;opacity:0;border:1px solid #ffffffa8;border-radius:50%;width:70px;height:70px;transition:opacity .16s,transform .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.75)}.detection-marker:hover:after,.detection-marker.is-selected:after{opacity:1;transform:translate(-50%,-50%)scale(1)}.detection-marker.is-selected{background:var(--forest);box-shadow:0 0 0 3px var(--gold), 0 8px 22px #0000006b}.detection-marker.is-manual{border-style:dashed}.detection-marker span{font-size:15px;font-weight:800;line-height:1}.detection-marker small{opacity:.82;font-size:8px;font-weight:700;line-height:1}.add-cursor-hint{z-index:3;color:var(--forest);background:var(--gold-soft);pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:800;display:flex;position:absolute;top:17px;left:50%;transform:translate(-50%);box-shadow:0 7px 18px #0003}.analyzing-banner{color:#ffffffc7;background:#ffffff12;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:11px;margin-bottom:15px;padding:12px 14px;font-size:12px;display:flex}.analyzing-banner strong{color:#fff;margin-right:5px}.analyzing-banner .spin{margin-left:auto}.photo-actions{color:#ffffffab;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;font-size:12px;display:flex}.photo-actions .secondary-button{color:#fff;background:#ffffff14;border-color:#ffffff73;min-width:max-content}.photo-actions .secondary-button:hover,.photo-actions .secondary-button.is-active{background:#ffffff24;border-color:#fff}.score-panel{border-left:1px solid var(--line);flex-direction:column;min-height:100%;display:flex}.score-panel-head{border-bottom:1px solid var(--line);padding:29px 27px 23px}.score-total{align-items:baseline;gap:9px;margin:9px 0 7px;display:flex}.score-total strong{color:var(--forest);font-family:DM Serif Display,Georgia,serif;font-size:64px;font-weight:400;line-height:1}.score-total span{color:var(--muted);font-size:14px;font-weight:700}.score-panel-head p{color:var(--muted);margin-bottom:0;font-size:13px;font-weight:600;line-height:1.5}.arrow-list{flex:1;align-content:start;max-height:460px;padding:11px;display:grid;overflow-y:auto}.arrow-list>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:61px;padding:8px 9px;display:grid}.arrow-list>button:hover,.arrow-list>button.is-selected{background:var(--surface-soft)}.arrow-number{width:31px;height:31px;color:var(--forest);background:var(--gold-soft);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.arrow-list button>span:nth-child(2){grid-template-columns:auto 1fr;align-items:baseline;gap:8px;display:grid}.arrow-list button strong{color:var(--forest);font-size:20px}.arrow-list button small{color:var(--muted);font-size:11px}.no-arrows{min-height:210px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex}.no-arrows strong{color:var(--forest);margin-top:11px}.no-arrows span{max-width:210px;margin-top:5px;font-size:12px;line-height:1.5}.score-panel-actions{border-top:1px solid var(--line);gap:7px;padding:17px 20px 18px;display:grid}.save-button{min-height:50px}.delete-photo{color:#8b372a;min-height:37px;font-size:12px}.delete-photo:hover,.delete-marker:hover{color:#7c291d;background:var(--coral-soft)}.marker-editor{z-index:30;border:1px solid var(--line);background:var(--surface);border-radius:19px;width:min(390px,100vw - 36px);padding:22px;animation:.18s ease-out editor-in;position:fixed;bottom:25px;right:clamp(18px,3vw,46px);box-shadow:0 24px 70px #0a1d1545}@keyframes editor-in{0%{opacity:0;transform:translateY(12px)}}.marker-editor-head{justify-content:space-between;align-items:start;display:flex}.marker-editor-head h2{margin:3px 0 17px;font-size:25px}.icon-button{width:40px;padding:0}.confidence-row{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:6px;font-size:12px;display:grid}.confidence-row strong{color:var(--forest)}.confidence-row i{background:var(--surface-soft);border-radius:999px;grid-column:1/-1;height:5px;overflow:hidden}.confidence-row b{border-radius:inherit;background:var(--gold);height:100%;display:block}.score-picker{grid-template-columns:repeat(6,1fr);gap:7px;margin-top:19px;display:grid}.score-picker button{aspect-ratio:1;border:1px solid var(--control);min-width:0;color:var(--forest);background:#fff;border-radius:10px;padding:0;font-weight:800}.score-picker button:hover,.score-picker button.is-active{color:#fff;border-color:var(--forest);background:var(--forest)}.drag-help{color:var(--muted);align-items:center;gap:7px;margin:17px 0 9px;font-size:12px;display:flex}.delete-marker{color:#8b372a;min-height:38px;padding:0 8px;font-size:12px}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#081711a1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.delete-dialog{text-align:center;background:var(--surface);border-radius:20px;width:min(430px,100%);padding:30px;box-shadow:0 28px 80px #0000004d}.dialog-icon{color:#8b372a;background:var(--coral-soft);border-radius:50%;place-items:center;width:50px;height:50px;margin:0 auto 15px;display:grid}.delete-dialog h2{margin-bottom:8px;font-size:29px}.delete-dialog p{color:var(--muted);line-height:1.55}.delete-dialog>div{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.danger-button{color:#fff;background:#913426;border:1px solid #913426}.toast{z-index:100;bottom:max(24px, env(safe-area-inset-bottom));color:#fff;background:var(--forest);border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 30px);padding:12px 17px;font-size:13px;font-weight:700;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #17352a47}@media (width<=1040px){.empty-library{gap:48px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-layout{grid-template-columns:minmax(0,1fr) 300px}}@media (width<=820px){.site-header{grid-template-columns:1fr auto}.header-promise{display:none}.empty-library{grid-template-columns:1fr;min-height:auto;padding-top:42px}.empty-visual{max-width:580px;margin:0 auto}.empty-copy{text-align:center;max-width:620px;margin:0 auto}.empty-copy .eyebrow,.empty-copy small{justify-content:center}.library-hero{flex-direction:column;align-items:start}.review-layout{display:block}.score-panel{border-top:1px solid var(--line);border-left:0}.arrow-list{max-height:none}.review-topbar{grid-template-columns:1fr auto}.review-title{display:none}}@media (width<=600px){.site-header{min-height:68px;padding:11px 17px}.site-header .secondary-button{min-height:42px;padding:0 13px}.brand{font-size:26px}.brand-mark{width:28px;height:28px}.empty-library{gap:35px;padding:25px 17px 60px}.empty-visual{border-radius:23px}.sample-score{border-width:2px;width:39px;height:39px;font-size:12px}.empty-copy h1,.library-hero h1{font-size:42px}.empty-copy p,.library-hero p{font-size:15px}.library-view{padding:42px 17px 70px}.library-hero .primary-button{width:100%}.library-summary{white-space:nowrap;margin-top:30px;overflow-x:auto}.photo-grid{grid-template-columns:1fr}.review-view{padding:10px 0 45px}.review-topbar{padding:0 12px}.review-topbar .secondary-button{min-height:40px;padding:0 12px}.review-layout{border-left:0;border-right:0;border-radius:0;min-height:0}.photo-workspace{padding:14px 10px 17px}.photo-stage{border-radius:9px}.detection-marker{width:44px;height:44px}.photo-actions{flex-direction:column;align-items:stretch;gap:10px}.photo-actions .secondary-button{width:100%}.photo-actions>span{text-align:center}.score-panel-head{padding:25px 20px 19px}.score-total strong{font-size:56px}.analysis-error{grid-template-columns:auto 1fr;margin:0 12px 13px}.analysis-error button{grid-column:1/-1}.marker-editor{width:100%;padding:20px 18px max(20px, env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:21px 21px 0 0;bottom:0;left:0;right:0}.score-picker{grid-template-columns:repeat(6,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}