:root{--forest:#2f5233;--forest-dark:#16210f;--green:#4c7a3d;--mint:#1b2416;--gold:#e0a855;--gold-soft:#3a2f16;--danger-soft:#3a211b;--cream:#10150c;--ink:#ece7d6;--muted:#b9c2a9;--faint:#8b9880;--line:#2c3524;--white:#1a2316;--danger:#f0a58c;--warn:#f0cf8a;--text-gold:#f0cf8a;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.5);--app-scale:1;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body,"Work Sans",ui-sans-serif,sans-serif);background:var(--cream);font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9d782f;outline-offset:4px}input,textarea,select{border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);padding:14px 15px;width:100%;min-height:58px}input[type=checkbox]{min-height:0;width:24px;height:24px;accent-color:var(--forest);flex-shrink:0}input[type=range]{padding:0;accent-color:var(--forest)}textarea{resize:vertical;min-height:94px}label{font-weight:650;font-size:13px;display:block}label>span{display:block;margin-bottom:7px}small{font-size:12px}strong{font-weight:720}.icon{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;top:-200px;background:var(--white);padding:16px;z-index:100}.skip-link:focus{top:10px;left:10px}.container{max-width:1256px;padding:0 40px;margin:auto}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.muted{color:var(--muted)}.tiny{font-size:11px;line-height:1.45}.soft-text{font-size:13px;color:var(--muted)}.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400}.btn{min-height:52px;padding:14px 22px;border:1px solid transparent;border-radius:9px;display:inline-flex;gap:10px;align-items:center;justify-content:center;font-weight:650;line-height:1.25;transition:background .16s,transform .16s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--forest);color:#fff}.btn.primary:hover{background:#24583f}.btn.gold{background:var(--gold);color:var(--forest-dark)}.btn.ghost{border-color:var(--line);background:transparent}.btn.white{background:var(--white);color:var(--ink);border-color:var(--line)}.btn.text{padding-inline:10px;background:transparent}.btn.small{min-height:44px;padding:9px 13px;font-size:12px}.btn.full{width:100%}.btn .icon{width:20px;height:20px}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;font-size:10px;line-height:1.4;font-weight:750;background:var(--mint);color:var(--muted)}.pill .icon{width:13px;height:13px}.pill.gold{background:var(--gold-soft);color:var(--warn)}.pill.neutral{background:var(--mint);color:var(--muted)}.pill.error{background:var(--danger-soft);color:var(--danger)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:15px}.hr{height:1px;background:var(--line);margin:8px 0}.spacer{flex:1}.text-link{border:0;background:none;padding:6px 0;font-size:12px;font-weight:750;display:inline-flex;gap:6px;align-items:center}.text-link .icon{width:16px;height:16px}.badge-icon{width:42px;height:42px;background:var(--mint);border-radius:13px;display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}.badge-icon.gold{background:var(--gold-soft);color:var(--warn)}
/* Cowboy demo chrome: scoped class names (app-*) so this never collides
   with the main site's .site-nav/.site-footer rules on the same page. */
#siteHeader{position:relative;z-index:20;background:var(--forest-dark);color:#fff;border-bottom:1px solid #ffffff20}
.app-topnav{max-width:1336px;margin:auto;padding:0 24px;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.app-brand{display:flex;align-items:center;gap:10px;min-height:48px;text-decoration:none;color:inherit;padding-block:10px}
.app-brand .brand-mark{color:var(--gold);width:38px;height:38px;flex-shrink:0}
.app-brand-name{font-family:var(--font-display,inherit);font-size:20px;font-weight:700;letter-spacing:.08em;line-height:1.15}
.app-brand-sub{font-size:9px;letter-spacing:.18em;color:var(--muted);margin-top:4px}
.app-nav-links{display:flex;align-items:center;gap:18px;font-size:13px;color:#d3ded2;flex-wrap:wrap}
.app-nav-links a{color:inherit;text-decoration:none;min-height:44px;display:flex;align-items:center}
.app-nav-links a:hover{color:var(--gold)}
.app-lang-switch{display:flex;align-items:center;border:1px solid #ffffff33;border-radius:8px;padding:3px;gap:2px}
.app-lang-switch button{min-height:34px;min-width:36px;justify-content:center;font-size:11px;border-radius:5px;border:0;background:transparent;color:inherit;font-weight:700;cursor:pointer}
.app-lang-switch button.active{background:var(--gold);color:var(--forest-dark)}
.app-footer{border-top:1px solid var(--line);padding-block:28px;background:var(--mint)}
.app-footer .container{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;max-width:1120px;margin:auto;padding-inline:24px}
.app-footer-mark{font-family:var(--font-display,inherit);font-weight:700;letter-spacing:.06em;margin-bottom:6px}
.app-footer p{max-width:60ch;font-size:13px;color:var(--muted)}
@media(max-width:700px){.app-topnav{min-height:auto;padding-block:14px}.app-nav-links{gap:12px;font-size:12px}}
.demo-top{max-width:1376px;margin:auto;padding:23px 40px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-top h1{font-size:25px;font-weight:550;letter-spacing:-.035em}.demo-top p{font-size:12px;color:var(--muted);margin-top:4px}.demo-tools{display:flex;align-items:center;gap:8px}.workspace{display:grid;grid-template-columns:236px minmax(390px,1fr) 292px;gap:30px;max-width:1376px;margin:auto;padding:0 40px 44px;align-items:start}.screen-sidebar{padding:19px 0;background:var(--white);border:1px solid var(--line);border-radius:15px;max-height:776px;overflow:auto;scrollbar-width:thin}.sidebar-head{padding:0 17px 15px;border-bottom:1px solid var(--mint);margin-bottom:7px}.sidebar-head strong{font-size:13px}.sidebar-head p{font-size:10px;color:var(--muted);margin-top:3px}.sidebar-group{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);padding:16px 18px 7px;font-weight:750}.screen-link{width:100%;min-height:44px;border:0;background:none;display:flex;gap:9px;align-items:center;text-align:left;padding:9px 14px;color:var(--muted);font-size:12px}.screen-link.active{background:var(--mint);color:var(--gold);font-weight:750;border-right:3px solid #507347}.screen-link .num{font-size:10px;color:var(--muted);min-width:22px;font-variant-numeric:tabular-nums}.screen-link .visited{margin-left:auto;width:5px;height:5px;background:var(--green);border-radius:50%}.device-stage{display:flex;flex-direction:column;align-items:center;gap:13px;min-width:0}.device-caption{font-size:10px;color:var(--muted);display:flex;gap:9px;align-items:center}.device-caption .icon{width:13px;height:13px}.phone{width:390px;height:778px;background:var(--mint);border:7px solid #243e31;border-radius:38px;padding:0;box-shadow:0 22px 40px #153f331f;overflow:hidden;display:flex;flex-direction:column;color:var(--ink);text-align:left;font-size:calc(14px * var(--app-scale))}.phone-status{height:27px;padding:7px 19px 0;font-size:9px;display:flex;align-items:center;justify-content:space-between;background:var(--white);flex-shrink:0;font-weight:750;color:var(--muted)}.phone-status .status-icons{display:flex;gap:5px;align-items:center}.phone-status .icon{width:12px;height:12px}.app-header{height:65px;background:var(--white);display:flex;align-items:center;padding:0 16px;gap:10px;flex-shrink:0}.app-header h2{font-size:18px;letter-spacing:-.02em;line-height:1.2}.app-header .sub{font-size:10px;color:var(--muted);margin-top:4px}.app-header .mini-logo{width:31px;height:31px;color:var(--gold)}.app-icon-btn{border:0;min-width:64px;height:64px;padding:8px;background:transparent;display:flex;align-items:center;justify-content:center;border-radius:10px;position:relative;cursor:pointer;transition:background .15s ease,color .15s ease}.app-icon-btn:hover{background:var(--mint);color:var(--gold)}.app-icon-btn:active{background:var(--line)}.app-icon-btn .dot{position:absolute;width:6px;height:6px;background:var(--gold);border:1px solid white;border-radius:50%;top:15px;right:17px}.app-icon-btn.back{min-width:40px;width:40px;margin-left:-10px}.app-subbar{min-height:26px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:5px 16px;background:var(--mint);font-size:9px;color:var(--muted);flex-shrink:0;font-weight:650}.app-subbar.offline{background:var(--gold-soft);color:var(--text-gold)}.app-subbar.error{background:var(--danger-soft);color:var(--danger)}.app-subbar .icon{width:12px;height:12px}.app-subbar .row{gap:5px}.app-subbar button{background:none;border:0;padding:0;font-size:9px;font-weight:750;color:inherit;min-height:18px}.app-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:18px 17px 24px;min-height:0;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;overscroll-behavior:contain}.app-body h3{font-size:calc(20px * var(--app-scale));line-height:1.25;letter-spacing:-.03em;font-weight:650}.app-body h4{font-size:calc(14px * var(--app-scale));font-weight:750}.app-body .intro{margin-bottom:18px}.app-body .intro p{font-size:12px;color:var(--muted);margin-top:6px}.app-body .btn{min-height:64px;font-size:13px;border-radius:12px}.app-body input,.app-body select{min-height:64px}.app-body .text-link{min-height:44px}.app-body .btn.small{min-height:48px;font-size:11px}.app-body .eyebrow{font-size:9px;letter-spacing:.1em;color:var(--muted)}.bottom-nav{height:72px;display:grid;grid-template-columns:repeat(5,1fr);background:var(--white);border-top:1px solid var(--line);flex-shrink:0;padding:0 3px}.bottom-nav button{border:0;background:transparent;min-height:64px;min-width:64px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:var(--muted);font-size:9px;padding:5px 0 7px;font-weight:650;position:relative}.bottom-nav button.active{color:var(--gold)}.bottom-nav button.active::before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;background:var(--forest);border-radius:0 0 3px 3px}.bottom-nav .icon{width:21px;height:21px}.bottom-nav .record-tab .icon{padding:5px;background:var(--forest);color:white;border-radius:50%;width:31px;height:31px;margin-top:-8px}.home-indicator{height:10px;background:var(--muted);display:flex;justify-content:center;align-items:center;flex-shrink:0}.home-indicator::after{content:"";width:105px;height:3px;border-radius:3px;background:var(--line)}.guide{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:24px;display:flex;flex-direction:column;gap:20px;min-width:0}.guide-count{font-size:11px;color:var(--muted);font-weight:650;letter-spacing:.08em}.guide h2{font-size:27px;line-height:1.16;letter-spacing:-.04em;font-weight:550;margin-top:9px}.guide p{font-size:13px;line-height:1.8;color:var(--muted)}.guide h3{font-size:11px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px}.try-box{background:var(--mint);border-radius:11px;padding:16px}.try-box .icon{width:18px;height:18px;color:var(--muted)}.guide .integration{font-size:11px;color:var(--muted);padding:14px;background:var(--gold-soft);border-radius:10px;line-height:1.7}.guide-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guide-controls .btn{padding:11px;font-size:12px;min-height:48px}.guide progress{width:100%;height:5px;appearance:none;border:0}.guide progress::-webkit-progress-bar{background:var(--mint);border-radius:3px}.guide progress::-webkit-progress-value{background:var(--green);border-radius:3px}.guide progress::-moz-progress-bar{background:var(--green)}.mobile-screen-selector{display:none}.global-note{font-size:10px;color:var(--muted);line-height:1.7;text-align:center}.guide-footer{font-size:10px;color:var(--muted)}
.card{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:16px;min-width:0}.card.flat{border:0}.card.soft{background:var(--mint)}.card.dark{background:var(--forest);color:white;border:0}.card.dark .muted,.card.dark .soft-text{color:var(--muted)}.card.gold{background:var(--gold-soft);border-color:var(--gold-soft)}.card h4{margin-bottom:5px}.card-action{cursor:pointer;border:1px solid var(--line);text-align:left;display:block;width:100%;background:var(--white);color:inherit}.card-action:hover{border-color:var(--muted)}.stats-two{display:grid;grid-template-columns:1fr 1fr;gap:11px}.metric{position:relative}.metric .value{font-size:30px;line-height:1.1;letter-spacing:-.055em;display:block;margin:12px 0 4px;font-weight:650}.metric .label{font-size:11px;color:var(--muted)}.metric .corner{position:absolute;right:13px;top:15px;width:15px;height:15px;color:var(--muted)}.metric .icon{width:23px;height:23px}.section-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:19px 0 10px}.section-label h4{font-size:12px}.section-label .text-link{min-height:0;font-size:10px}.notice-list{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--white)}.notice-row{display:flex;width:100%;gap:11px;align-items:center;border:0;text-align:left;background:transparent;min-height:70px;padding:12px;color:inherit}.notice-row+.notice-row{border-top:1px solid var(--mint)}.notice-row strong{font-size:12px;display:block}.notice-row p{font-size:10px;color:var(--muted);margin-top:4px}.notice-row>.icon{margin-left:auto;width:16px;height:16px;color:var(--muted)}.notice-row .badge-icon{width:33px;height:33px;border-radius:10px}.notice-row .badge-icon .icon{width:18px;height:18px}.progress-track{height:7px;background:var(--mint);border-radius:8px;overflow:hidden;margin:11px 0 8px}.progress-fill{height:100%;background:var(--green);border-radius:8px}.card.dark .progress-track{background:#ffffff22}.card.dark .progress-fill{background:var(--gold)}.progress-ring{width:128px;height:128px;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--p)*1%),#3c604b 0);display:flex;align-items:center;justify-content:center;margin:6px auto 18px;position:relative}.progress-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--forest)}.progress-ring>div{position:relative;text-align:center}.progress-ring strong{display:block;font-size:32px;letter-spacing:-.045em;line-height:1.1}.progress-ring span{font-size:9px;color:var(--muted)}.progress-ring.light{background:conic-gradient(#5d8650 calc(var(--p)*1%),#e2e9d9 0)}.progress-ring.light::before{background:white}.progress-ring.light span{color:var(--muted)}.note{padding:11px 13px;background:var(--mint);border-radius:10px;display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.65;color:var(--muted)}.note .icon{width:17px;height:17px;margin-top:2px}.note.warn{background:var(--gold-soft);color:var(--text-gold)}.note.error{background:var(--danger-soft);color:var(--danger)}.note strong{display:block}.animal-row{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:1px solid var(--line);background:var(--white);text-align:left;border-radius:14px;min-height:96px;margin-bottom:9px}.animal-thumb{width:69px;height:75px;object-fit:cover;object-position:50% 65%;border-radius:10px;background:var(--mint);flex-shrink:0}.animal-thumb.placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted)}.animal-thumb.placeholder .icon{width:32px;height:32px}.animal-meta{min-width:0;flex:1}.animal-meta strong{font-size:13px;display:block;overflow-wrap:anywhere}.animal-meta .measurement{font-size:11px;color:var(--muted);margin-top:3px}.animal-meta .pill{margin-top:5px;font-size:9px}.animal-row>.icon{width:16px;height:16px;color:var(--muted)}.photo-feature{position:relative;margin:-18px -17px 18px;height:194px;overflow:hidden;background:var(--mint)}.photo-feature img{width:100%;height:100%;object-fit:cover;object-position:50% 67%}.photo-feature::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#09281be0)}.photo-feature .over{position:absolute;bottom:17px;left:18px;right:18px;z-index:1;color:white;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.photo-feature h3{font-size:27px}.photo-feature .over p{font-size:11px;color:var(--mint);margin-top:5px}.photo-feature .pill{background:var(--gold-soft);color:var(--muted)}.profile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-metrics .card{padding:14px}.profile-metrics strong{font-size:25px;font-weight:650;letter-spacing:-.04em;display:block}.profile-metrics small{font-size:10px;color:var(--muted)}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.profile-actions .btn{padding:12px;font-size:12px}.timeline-item{position:relative;display:flex;gap:12px;padding:0 0 17px}.timeline-item:not(:last-child)::before{content:"";position:absolute;left:14px;top:27px;bottom:0;width:1px;background:var(--line)}.timeline-item .badge-icon{width:29px;height:29px;border-radius:50%;position:relative}.timeline-item .icon{width:15px;height:15px}.timeline-item strong{font-size:11px;display:block}.timeline-item p{font-size:10px;color:var(--muted);margin-top:3px}.form-stack{display:grid;gap:16px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-help{display:block;color:var(--muted);font-weight:400;font-size:10px;margin-top:6px}.selector-bar{display:flex;gap:7px;margin:12px 0 14px}.selector-bar button{flex:1;border:1px solid var(--line);padding:10px 8px;min-height:45px;border-radius:9px;background:var(--white);font-size:11px;font-weight:650}.selector-bar button.active{background:var(--forest);border-color:var(--forest);color:white}.search-box{position:relative}.search-box input{padding-left:42px;font-size:13px}.search-box .icon{position:absolute;left:13px;top:19px;width:20px;height:20px;color:var(--muted)}.big-weight{background:var(--mint);border-radius:18px;text-align:center;padding:23px 22px}.big-weight input{font-size:44px!important;text-align:center;letter-spacing:-.05em;font-weight:600;max-width:220px;border:0;background:transparent;padding:4px;line-height:1.1;min-height:80px}.big-weight .unit{font-size:13px;color:var(--muted)}.big-weight .before{font-size:11px;color:var(--muted);margin-top:12px}.photo-preview{height:230px;border-radius:16px;overflow:hidden;position:relative;border:1px solid var(--line);background:var(--mint);display:flex;align-items:center;justify-content:center}.photo-preview img{width:100%;height:100%;object-fit:cover;object-position:50% 65%}.photo-preview .frame-corners{position:absolute;inset:19px;border:1px dashed #ffffffc0;border-radius:12px;pointer-events:none}.photo-preview .photo-tag{position:absolute;bottom:12px;left:12px;right:12px;font-size:10px;background:#133b2de8;color:white;padding:8px 10px;border-radius:8px}.photo-preview>.icon{width:58px;height:58px;color:var(--muted)}.sample-label{position:absolute;top:12px;left:12px;background:var(--gold-soft);padding:5px 8px;border-radius:6px;font-size:9px;color:var(--text-gold);font-weight:750}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo-grid .mini-photo{height:125px;border-radius:10px;overflow:hidden;position:relative;background:var(--mint)}.mini-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 65%}.mini-photo span{position:absolute;bottom:0;left:0;right:0;background:#173c2de6;color:white;padding:7px;font-size:9px}.map-sketch{position:relative;background:var(--mint);border-radius:14px;overflow:hidden;height:185px;border:1px solid #c9d7bd}.map-sketch .road{position:absolute;left:-10%;top:45%;height:16px;background:var(--gold-soft);width:120%;transform:rotate(-28deg);border:1px solid #c6c5a3}.map-sketch .river{position:absolute;left:50%;top:-30%;height:160%;width:29px;background:#b2d0c6;transform:rotate(30deg);border-radius:50%}.map-sketch .plot{position:absolute;border:2px dashed #83a467;background:#c7ddb377;border-radius:30px}.map-sketch .plot.one{left:22px;top:19px;width:150px;height:116px;transform:rotate(14deg)}.map-sketch .plot.two{right:17px;bottom:18px;width:110px;height:85px}.map-sketch .map-pin{position:absolute;left:41%;top:38%;background:var(--forest);color:var(--gold);padding:9px;border-radius:50%;box-shadow:0 2px 10px #233e3840}.map-sketch .map-caption{position:absolute;bottom:8px;left:10px;font-size:9px;background:#ffffffda;padding:3px 7px;border-radius:4px}.check-row{display:flex;align-items:center;gap:11px;min-height:64px;padding:9px 0;font-size:12px}.check-row strong{font-size:12px}.check-row .help{font-size:10px;color:var(--muted);margin-top:3px;font-weight:400}.check-row .tick{width:23px;height:23px;border-radius:50%;background:var(--mint);display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}.check-row .tick.pending{background:var(--gold-soft);color:var(--text-gold)}.check-row .tick .icon{width:14px;height:14px}.check-row>.icon{margin-left:auto;width:16px;height:16px;color:var(--muted)}.check-list>.check-row+.check-row{border-top:1px solid var(--line)}.callout-number{font-size:40px;line-height:1;letter-spacing:-.06em;font-weight:550}.welcome-photo{height:200px;margin:-18px -17px 23px;position:relative;overflow:hidden}.welcome-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 59%}.welcome-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#103d25aa)}.welcome-photo .welcome-title{position:absolute;bottom:20px;left:20px;z-index:1;color:white;font-size:28px;font-weight:600;letter-spacing:.03em}.welcome-photo .welcome-title small{font-size:9px;display:block;letter-spacing:.19em;font-weight:400;margin-top:3px}.welcome-summary{display:flex;gap:15px;justify-content:space-around;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:19px 0}.welcome-summary strong{display:block;font-size:23px;letter-spacing:-.04em}.welcome-summary span{font-size:10px;color:var(--muted)}.paper-source{background:var(--white);border:1px solid #dddbc7;border-radius:11px;padding:22px 15px;box-shadow:0 5px 12px #454b2420;font-size:12px;color:var(--muted);transform:rotate(-2deg);margin:4px 8px 12px}.paper-source h4{font-family:Georgia,serif;font-size:18px;text-align:center;color:var(--muted);margin:0 0 14px}.paper-table{display:grid;grid-template-columns:1fr 1.2fr 1fr;font-family:Georgia,serif;line-height:2.2}.paper-table>*{border-bottom:1px solid #d6e0cc;padding:3px 4px;font-size:11px}.paper-table .paper-head{font-family:system-ui,sans-serif;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.import-step{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:10px;color:var(--muted)}.import-step i{width:19px;height:19px;border-radius:50%;background:var(--mint);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:9px}.import-step i.active{background:var(--forest);color:white}.review-row{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--white);margin-bottom:10px}.review-row.uncertain{border-color:#dfc383;background:var(--gold-soft)}.review-row input:not([type=checkbox]),.review-row select{min-height:48px;font-size:12px;padding:10px}.review-row .row{margin-bottom:10px}.review-row .row strong{font-size:12px}.review-row .field-row{gap:10px}.review-row label{font-size:10px}.review-row .pill{font-size:9px}.group-option{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:9px;background:var(--white);min-height:72px}.group-option .animal-thumb{width:40px;height:46px;border-radius:8px}.group-option strong{font-size:12px}.group-option p{font-size:10px;color:var(--muted);font-weight:400}.group-option input{margin-left:auto}.bulk-weight{display:flex;gap:12px;align-items:center;padding:8px 0}.bulk-weight strong{font-size:12px;min-width:100px}.bulk-weight input{min-height:52px!important;max-width:140px}.bulk-weight span{font-size:11px;color:var(--muted)}.sync-hero{text-align:center;padding:23px;background:var(--mint);border-radius:17px}.sync-hero>.icon{width:47px;height:47px;color:var(--muted);margin:auto auto 12px}.sync-hero h3{font-size:21px}.sync-hero p{font-size:11px;color:var(--muted);margin-top:7px}.sync-row{display:flex;gap:10px;padding:12px 0;align-items:center;border-bottom:1px solid var(--line)}.sync-row>.icon{width:20px;height:20px;color:var(--muted)}.sync-row strong{display:block;font-size:11px}.sync-row p{font-size:9px;color:var(--muted);margin-top:3px}.sync-row .pill{margin-left:auto;font-size:8px}.storage-meter{height:9px;background:var(--mint);border-radius:5px;overflow:hidden;margin:10px 0}.storage-meter>span{display:block;height:100%;background:var(--green)}.storage-meter.warn>span{background:var(--gold)}.settings-detail{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:0 14px;margin-bottom:11px}.settings-detail summary{min-height:64px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:12px;font-weight:700;list-style:none}.settings-detail summary::after{content:"+";margin-left:auto;font-size:20px;color:var(--muted)}.settings-detail[open] summary::after{content:"−"}.settings-detail summary::-webkit-details-marker{display:none}.settings-detail>.inside{padding:0 0 16px}.settings-detail label{font-size:11px}.settings-detail .field-row{margin-top:11px}.reader-entry{border-top:1px solid var(--line);padding:13px 0}.reader-entry:first-child{border-top:0;padding-top:0}.reader-entry .field-row input{min-height:52px;font-size:11px}.help-card{display:flex;gap:11px;align-items:center;min-height:80px;padding:14px;background:var(--white);border:1px solid var(--line);border-radius:13px;width:100%;text-align:left}.help-card strong{font-size:12px;display:block}.help-card p{font-size:10px;color:var(--muted);margin-top:3px}.help-card>.icon{margin-left:auto;width:16px;height:16px;color:var(--muted)}.empty{padding:28px 15px;text-align:center;background:var(--mint);border:1px dashed #b9caaa;border-radius:15px}.empty>.icon{margin:0 auto 13px;width:37px;height:37px;color:var(--muted)}.empty h4{margin-bottom:7px}.empty p{font-size:11px;color:var(--muted)}
.gallery-head{padding:48px 0 35px}.gallery-head h1{font-size:45px;letter-spacing:-.045em;font-weight:500;margin:12px 0}.gallery-head p{max-width:640px;color:var(--muted);font-size:14px;line-height:1.8}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21px;padding-bottom:65px}.frame-card{padding:16px;background:var(--mint);border:1px solid #d8e0d2;border-radius:14px;overflow:hidden}.frame-card:hover{border-color:var(--muted)}.frame-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.frame-title span{font-size:10px;color:var(--muted);font-weight:750}.frame-title strong{font-size:12px;font-weight:650}.frame-preview-wrap{height:425px;overflow:hidden;position:relative;border-radius:19px;background:var(--mint)}.frame-preview-wrap .phone{transform:scale(.544);transform-origin:top left;box-shadow:0 9px 18px #1d3d2715;pointer-events:none}.frame-preview-wrap .phone *{pointer-events:none}.frame-card p{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0;min-height:52px}.frame-card>.btn{min-height:44px;font-size:11px;border-radius:9px;width:100%}.gallery-phone .app-body{scrollbar-width:none}.gallery-phone .app-icon-btn{pointer-events:none}
#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#183f32;color:white;padding:14px 21px;border:1px solid #719367;border-radius:12px;box-shadow:0 8px 35px #071d1a33;font-size:13px;line-height:1.5;max-width:min(500px,90vw);z-index:100;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#783f2e;border-color:#c78663}dialog{width:min(520px,calc(100vw - 32px));border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 40px 90px #0b2a2230;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#08291d99;backdrop-filter:blur(3px)}dialog h2{font-size:25px;letter-spacing:-.035em;margin-bottom:12px}dialog p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:18px}dialog .row.actions{justify-content:flex-end;margin-top:23px}dialog .form-stack{margin-top:20px}.loading-spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.embed #siteHeader,.embed .demo-top,.embed .screen-sidebar,.embed .site-footer{display:none}.embed .workspace{grid-template-columns:1fr 280px;max-width:950px;padding:20px;gap:25px}.embed .hero{padding-top:40px}.embed .mobile-screen-selector{display:block;margin-bottom:16px}.embed .phone{height:754px}.capture #siteHeader,.capture .demo-top,.capture .screen-sidebar,.capture .guide,.capture .mobile-screen-selector,.capture .device-caption{display:none}.capture .workspace{display:block;padding:0;margin:0;width:390px;max-width:none}.capture .device-stage{display:block}.capture .phone{box-shadow:none}.capture{background:transparent}
@media(min-width:1450px){.gallery-grid{gap:28px}.frame-preview-wrap .phone{transform:scale(.55)}}
@media(max-width:1190px){.workspace{grid-template-columns:200px minmax(390px,1fr);gap:24px;padding:0 28px 40px}.guide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:22px}.guide>.guide-footer,.guide>progress{display:none}.guide-controls{align-self:end}.screen-sidebar{max-height:778px}.demo-top{padding-inline:28px}.gallery-grid{grid-template-columns:repeat(3,1fr)}.frame-preview-wrap .phone{transform:scale(.62)}.frame-preview-wrap{height:483px}.hero-visual{height:555px}.hero-phone-wrap{left:-8px}.hero-photo{right:-20px}.floating-note{right:-18px}.nav-links{gap:18px}.story{gap:40px}.hero h1{font-size:64px}.hero-copy{max-width:390px}}
@media(max-width:900px){.site-nav{padding:0 24px;height:73px}.nav-links>a:not(.nav-cta){display:none}.nav-links{gap:14px}.hero{padding-top:45px}.container{padding:0 25px}.hero-grid{grid-template-columns:1fr 1fr;gap:14px}.hero h1{font-size:52px}.hero-copy{font-size:15px}.hero-visual{height:470px}.hero-phone-wrap{transform:rotate(-4deg) scale(.84);transform-origin:top left;top:25px;left:0}.hero-photo{width:67%;height:413px;top:8px}.floating-note{top:330px;font-size:10px;right:-12px;padding:10px 12px;max-width:190px}.floating-note strong{font-size:11px}.hero-actions .btn{font-size:12px;padding:13px 16px}.hero-meta{gap:11px;font-size:10px}.feature-card{padding:20px}.feature-card h3{font-size:18px}.feature-card p{font-size:12px}.section{padding:60px 0}.section-head h2,.section-title{font-size:34px}.story{gap:25px}.story-body h2{font-size:35px}.launch-panel{padding:32px}.launch-panel h2{font-size:29px}.workspace{grid-template-columns:1fr;padding:0 22px 35px;gap:20px}.screen-sidebar{display:none}.guide{grid-template-columns:1fr 1fr;max-width:730px;justify-self:center;width:100%}.device-stage{align-items:center}.mobile-screen-selector{display:block;max-width:390px;width:100%;margin:0 auto 15px}.mobile-screen-selector select{font-size:12px;min-height:46px;background:var(--white)}.demo-top{padding-inline:22px}.demo-top h1{font-size:22px}.demo-tools .btn{font-size:11px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.frame-preview-wrap .phone{transform:scale(.72)}.frame-preview-wrap{height:561px}.frame-card{padding:18px}.embed .workspace{grid-template-columns:1fr}.embed .guide{display:none}.embed .phone{height:760px}.hero-bottom{align-items:flex-start;font-size:10px}.hero-bottom>span{max-width:240px}}
@media(max-width:650px){.brand-name{font-size:18px}.brand-sub{font-size:8px}.brand-mark{width:33px;height:33px}.site-nav{padding:0 17px;height:68px;gap:12px}.nav-links{gap:9px}.nav-cta{display:none!important}.lang-switch{padding:2px}.lang-switch button{min-width:30px;min-height:31px;font-size:10px}.hero{padding:34px 0 26px}.hero-grid{display:flex;flex-direction:column;gap:26px;align-items:stretch}.hero h1{font-size:57px;max-width:430px}.hero .eyebrow{margin-bottom:20px;font-size:9px}.hero-copy{max-width:430px;margin:22px 0;font-size:15px}.hero-actions .btn{min-height:53px;font-size:12px;flex:1}.hero-meta{margin-top:21px;gap:12px;font-size:9px}.hero-visual{height:445px;max-width:410px;width:100%;margin:auto}.hero-phone-wrap{left:9px;transform:rotate(-4deg) scale(.79);top:5px}.hero-photo{right:2px;height:394px;top:0;width:62%}.floating-note{top:320px;right:0}.hero-bottom{margin-top:8px;padding-top:17px;display:block}.hero-bottom .eyebrow{font-size:8px;margin-bottom:6px}.section-head{display:block;margin-bottom:24px}.section-head p{margin-top:17px;font-size:13px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature-card{padding:22px}.feature-card h3{font-size:21px;margin:13px 0 8px}.feature-card p{font-size:13px}.story{grid-template-columns:1fr;gap:28px}.story-photo{height:290px;margin:0}.story-body h2{font-size:37px}.story-body p{font-size:13px}.section{padding:48px 0}.launch-panel{display:block;padding:27px}.launch-panel h2{font-size:32px}.launch-panel p{font-size:13px}.launch-panel .btn{margin-top:22px;width:100%}.scope-grid{grid-template-columns:1fr;gap:12px}.scope-box{padding:20px}.site-footer .row{display:block}.site-footer p{margin:12px 0}.container{padding:0 20px}.demo-top{display:block;padding:21px 17px 15px}.demo-top h1{font-size:22px}.demo-tools{margin-top:14px}.demo-tools .btn{min-height:42px;font-size:11px;flex:1}.workspace{padding:0 10px 28px;gap:20px}.phone{width:min(390px,calc(100vw - 20px));border-width:4px;border-radius:27px;height:770px}.app-body{padding:17px 16px 22px}.app-header{padding:0 14px}.guide{display:block;padding:20px;max-width:390px}.guide>*+*{margin-top:17px}.guide h2{font-size:23px}.guide .integration{font-size:11px}.guide .try-box p{font-size:12px}.guide .guide-footer{display:none}.guide-controls{margin-top:18px}.mobile-screen-selector{padding:0 4px}.gallery-head{padding-top:32px}.gallery-head h1{font-size:35px}.gallery-head p{font-size:13px}.gallery-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));}.frame-card{padding:10px}.frame-preview-wrap{height:296px;border-radius:13px}.frame-preview-wrap .phone{width:390px;border-width:7px;border-radius:38px;transform:scale(.38)}.frame-title{gap:4px;margin-bottom:10px}.frame-title strong{font-size:10px;line-height:1.3}.frame-title span{font-size:9px}.frame-card p{font-size:10px;min-height:65px;line-height:1.65;margin:9px 0}.frame-card>.btn{font-size:10px;min-height:43px;padding:8px}.gallery-toolbar{display:block}.gallery-toolbar .btn{margin-top:10px;font-size:12px}.gallery .container{padding:0 14px}.embed .workspace{padding:0 6px}.embed .phone{height:740px}.embed .mobile-screen-selector{padding-top:10px}.app-body .field-row{gap:10px}.hero-phone-wrap .phone{width:390px;border-width:7px;border-radius:38px}}
@media(max-width:370px){.hero h1{font-size:49px}.hero-visual{height:411px}.hero-phone-wrap{transform:rotate(-4deg) scale(.72)}.hero-photo{height:365px}.floating-note{top:294px}.frame-preview-wrap .phone{transform:scale(.335)}.frame-preview-wrap{height:261px}.phone{width:calc(100vw - 12px)}.workspace{padding-inline:6px}.bottom-nav button{min-width:58px}.phone .app-body{padding-inline:12px}.hero-phone-wrap .phone{width:390px}.gallery .container{padding:0 10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{#siteHeader,.gallery-toolbar,.frame-card>.btn,.site-footer{display:none}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:12px}.frame-card{break-inside:avoid}.frame-preview-wrap .phone{transform:scale(.5)}.frame-preview-wrap{height:390px}.gallery-head{padding:20px 0}.gallery-head h1{font-size:30px}}

.mini-logo .brand-mark{width:31px;height:31px}.selector-bar button{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-height:64px}.selector-bar button span{font-size:10px}.app-icon-btn.back{flex-shrink:0}