.brand-mark{width:44px;height:44px}.brand{letter-spacing:-1px}.brand small{letter-spacing:2px}footer nav{display:flex;gap:20px}footer a{color:#637b58;text-decoration:none;letter-spacing:0}button,.button,input,select{min-height:44px}button,.button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}.card{box-shadow:0 5px 22px #183e3904}#photo-stage{background:radial-gradient(ellipse at 50% 25%,#f0f3e7,#e4e9db)}.intro-note{border-radius:0 14px 14px 0;background:#eff1e7}#toast{line-height:1.5}.check-label{min-height:44px}.photo-slot{position:relative}.photo-slot label{font-size:11px;line-height:1.6}.photo-slot input[type=file]{max-width:100%;min-height:32px}.share-notice{border-left:3px solid #91a970}.account-link{font-size:12px;color:#25453c;text-decoration:none;white-space:nowrap}.intro{animation:appear .4s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:800px){header{gap:10px;padding:15px 18px;align-items:center;position:relative}.brand-mark{width:34px;height:34px}.brand{font-size:24px}.brand small{font-size:7px}.brand{flex:1}header #share{margin:0;font-size:11px;order:3;flex:1}header #add{order:4;flex:1;min-height:44px}header .account-link{margin-left:auto}.workspace{gap:18px}.intro{padding:30px 2px 20px}h1{font-size:46px}.intro p:not(.eyebrow){font-size:14px;max-width:320px}.stats{border-radius:12px}.stat strong{font-size:25px}.stat small{font-size:11px}.section-head h2{font-size:19px}#photo-stage{height:clamp(320px,57vh,500px)}.playback button{min-height:44px;padding:10px 13px}.speed-label{margin-left:0;width:100%;justify-content:flex-end;font-size:12px}.speed-label input{width:80px!important}input,select,textarea{font-size:16px!important}.timeline-label{font-size:11px}.hint{font-size:12px}.entries{max-height:370px}.day{min-height:76px}.day b{font-size:14px}.day small{font-size:12px}.backup{display:flex;flex-wrap:wrap;gap:8px}.backup p{width:100%;font-size:12px}.backup button,.backup .button{font-size:12px;margin:0}.share-row{flex-wrap:wrap;gap:8px}.share-row span{width:100%;overflow-wrap:anywhere}.share-row button{font-size:12px}dialog{width:calc(100vw - 20px);padding:22px 17px;border-radius:18px;max-height:94dvh}.photo-slot{padding:8px 5px}.photo-slot img{height:90px}.photo-slot button{font-size:11px;min-height:36px}.form-actions{flex-wrap:wrap}.form-actions .primary{flex:1}.form-grid{gap:0 12px}.share-notice{font-size:13px}.share-result .form-actions>*{flex:1}footer{flex-direction:column;gap:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media(min-width:1100px){#photo-stage{height:480px}.intro{padding-top:58px}h1{font-size:60px}}@media(max-width:360px){h1{font-size:39px}.photo-inputs{grid-template-columns:1fr}.photo-slot img{height:140px}.playback{gap:5px}.playback button{padding:9px 10px}}
@media(max-width:800px){header #share,header #add{flex:1 0 calc(50% - 5px)}header .brand{order:1}header .account-link{order:2}header #share{order:3}header #add{order:4}}

.camera-stage{position:relative;background:#eaece3;border-radius:12px;overflow:hidden}.camera-stage video{display:block;width:100%;max-height:55vh}.camera-stage svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:6 5;filter:drop-shadow(0 1px 2px #183e39)}.camera-stage svg[hidden]{display:none}