:root{color-scheme:dark;--paper:#080b09;--ink:#e8e9dd;--muted:#8d9b84;--line:#283027;--accent:#b8cba1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px "PingFang SC","Microsoft YaHei",sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.5;cursor:wait}a{color:inherit}[hidden]{display:none!important}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#99a58e}
header{margin:0 4.5%;display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--line);padding:17px 0 12px;min-width:0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:19px;letter-spacing:3px;flex:0 0 180px}.mark{font-size:41px;font-weight:300;color:var(--accent)}.brand small{display:block;font-size:8px;letter-spacing:2.5px;margin-top:6px}.flower-picker{flex:1;min-width:0}.picker-caption{display:flex;justify-content:space-between;align-items:center;margin:0 32px 9px;font-size:9px;letter-spacing:.6px;color:var(--muted)}.picker-track{display:flex;align-items:center;gap:7px;min-width:0}.strip-arrow{flex:0 0 25px;height:58px;background:transparent;border:1px solid var(--line);font:26px Georgia,serif;color:var(--accent)}.strip-arrow:hover{background:#1a2315}.flowers{position:relative;display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;flex:1;min-width:0;scrollbar-width:thin;scrollbar-color:#596c48 #131a10;overscroll-behavior-x:contain;padding:3px 3px 9px;scroll-snap-type:x proximity;touch-action:pan-x pan-y}.flowers::-webkit-scrollbar{height:4px}.flowers::-webkit-scrollbar-thumb{background:#596c48;border-radius:3px}.flowers::-webkit-scrollbar-track{background:#131a10}.flower-card{position:relative;flex:0 0 108px;min-width:0;scroll-snap-align:start;text-align:left;background:#0b1009;border:1px solid transparent;padding:4px;transition:border-color .2s,background .2s}.flower-card:hover{border-color:#536545;background:#121a0e}.flower-card.active{border-color:#a2b58c;background:#172110}.flower-card img{width:100%;height:53px;object-fit:contain;background:#000;display:block;pointer-events:none}.card-info{display:flex;align-items:center;gap:5px;padding:7px 1px 3px;min-width:0}.card-info>span:last-child{min-width:0}.ordinal{font:italic 11px Georgia,serif;color:#849875;flex-shrink:0}.card-info .name{font-size:9px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:76px}.card-info .type{display:none}.playing-mark{position:absolute;top:7px;left:7px;background:#bccca5;color:#15200e;padding:3px 5px;font-size:6px;letter-spacing:.3px}.flowers.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.flowers.dragging *{cursor:grabbing}
main{margin:0 4.5%}.experience{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(0,2fr) 100px;gap:25px;min-height:440px;align-items:center;padding:40px 0 32px}#camera-panel{min-width:0;align-self:center;border:1px solid var(--line);padding:17px;background:#0b1009}.camera-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.camera-heading .eyebrow{font-size:8px;letter-spacing:1.3px}#camera-state{display:flex;align-items:center;gap:5px;font-size:8px;color:#a3b394;white-space:nowrap}#camera-state i{width:4px;height:4px;background:#718166;border-radius:50%}#camera-panel[data-active=true] #camera-state i{background:#bfd99f;box-shadow:0 0 7px #bfd99f55}.camera-preview{position:relative;width:100%;aspect-ratio:4/3;background:#050805;overflow:hidden}.camera-preview video,.camera-preview canvas{position:absolute;width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.camera-preview canvas{pointer-events:none}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #34402d;background:radial-gradient(ellipse at center,#1a251440,transparent 75%);text-align:center}.camera-placeholder svg{width:43px;fill:none;stroke:#8da579;stroke-width:1.3}.camera-placeholder p{font-family:"Songti SC",serif;font-size:16px;letter-spacing:1px;color:#bcc9b0;margin:16px 0 10px}.camera-placeholder span{font-size:10px;line-height:1.9;color:#7f9074}#camera-panel[data-active=true] .camera-placeholder{display:none}.camera-copy h2{font:20px/1.6 "Songti SC",serif;margin:17px 0 9px}.camera-copy>p{font-size:11px;line-height:1.9;color:#c4cfb9;margin:0}.camera-copy .privacy{font-size:9px;color:#85977a;margin-top:13px;line-height:1.8}
.art{min-width:0;align-self:center}.film{position:relative;background:#000;aspect-ratio:16/9;overflow:hidden;box-shadow:0 0 65px #0005}.film video{display:block;width:100%;height:100%;object-fit:contain;background:#000}#loading{position:absolute;bottom:15px;left:16px;font-size:10px;letter-spacing:1px;color:#c6d2b9;background:#10180fde;padding:8px 12px}#retry{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#24351d;border:1px solid #7a916a;padding:12px 20px;white-space:nowrap}.flower-details{padding:18px 0 0}.flower-title{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.flower-title h1{font:23px/1.5 "Songti SC",serif;margin:0;letter-spacing:1px}.flower-title .eyebrow{font-size:8px;letter-spacing:1.5px}.specimen-tag{font-size:8px;border:1px solid #34402e;padding:3px 8px;color:#b4c3a6}.flower-details>p{font-size:10px;color:#8d9d80;line-height:1.9;margin:8px 0 4px}#clip-kind{font-size:8px;color:#798d6a;letter-spacing:1px}.note{min-width:0;padding-left:5px}.note>.eyebrow{font-size:8px;letter-spacing:1px}.percent{display:block;margin:20px 0 8px}.percent b{font:italic 56px Georgia,serif}.percent small{font-size:10px;color:var(--muted);margin-left:4px}#stage{font:13px "Songti SC",serif;white-space:nowrap;letter-spacing:1px}.line{display:block;width:24px;height:1px;background:#697d57;margin:23px 0}.note p{font:10px/2.2 "Songti SC",serif;color:#8c9c7f;letter-spacing:1.5px}.flower-nav{display:flex;gap:12px;margin-top:25px}.flower-nav button{background:none;border:0;font-size:21px;color:#b8c7aa;padding:5px}.controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:29% 42% 29%;align-items:center}.control-label p{font:14px "Songti SC",serif;margin:12px 0 0;color:#b7c3a9;letter-spacing:1px}.slider-label{display:flex;justify-content:space-between;font-size:9px;color:#9aa88d;margin-bottom:14px}.slider-hint{font-size:9px;letter-spacing:.5px;color:#8d9a82;margin-top:12px}input[type=range]{width:100%;height:3px;display:block;appearance:none;background:#333d2c;cursor:pointer;margin:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:#b8cba1;border:3px solid #080b09;width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px #a2b58a}input[type=range]::-moz-range-thumb{background:#b8cba1;border:3px solid #080b09;width:10px;height:10px;border-radius:50%}.actions{display:flex;justify-content:flex-end;align-items:center;gap:18px}.text-button,.icon-button{background:none;border:0;font-size:11px;white-space:nowrap}.icon-button{font-size:23px}.camera-button{background:#bccca5;border:1px solid #bccca5;color:#17200f;padding:13px 18px;letter-spacing:1px;white-space:nowrap}.camera-button.on{background:transparent;color:#bccca5}.bottom{display:flex;justify-content:space-between;padding:18px 0;font-size:9px;color:#93a185;letter-spacing:1px}.bottom>span:first-child{display:flex;align-items:center;gap:7px}.bottom i{width:5px;height:5px;background:#b4c99a;border-radius:50%}.bottom button{background:none;border:0;font-size:10px;color:#c3d1b5}#message{font-size:11px;color:#d8be93;margin:0;line-height:1.9}#message:not(:empty){padding:12px 0}footer{margin:28px 4.5% 22px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#91a081;letter-spacing:1px}footer p{font-size:9px;line-height:2;text-align:center;margin:0}footer a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1600px){header,main,footer{max-width:1500px;margin-left:auto;margin-right:auto}}@media(max-width:1100px){header{gap:20px}.brand{flex-basis:160px;font-size:17px}.experience{grid-template-columns:minmax(220px,.9fr) minmax(0,1.6fr);gap:23px}.note{grid-column:2;display:flex;align-items:center;gap:14px;margin-top:-8px}.note .line,.note p{display:none}.percent{margin:0}.percent b{font-size:33px}.flower-nav{margin:0 0 0 auto}.note>.eyebrow{margin-right:auto}.controls{grid-template-columns:27% 73%;gap:22px 0}.actions{grid-column:1/-1}.camera-copy h2{font-size:18px}.camera-heading{flex-wrap:wrap;gap:7px}.flower-title h1{font-size:21px}}
@media(max-width:720px){header{flex-wrap:wrap;gap:16px;padding-top:18px;padding-bottom:10px}.brand{flex:1 0 100%;font-size:16px;gap:9px}.mark{font-size:30px}.brand small{font-size:6px;letter-spacing:2px}.flower-picker{flex-basis:100%}.picker-caption{margin:0 27px 7px;font-size:8px}.picker-caption .eyebrow{font-size:7px;letter-spacing:1.2px}.picker-track{gap:4px}.strip-arrow{flex-basis:22px;height:50px;font-size:23px}.flower-card{flex-basis:94px}.flower-card img{height:46px}.card-info .name{font-size:8px;max-width:66px}.card-info{gap:4px}.ordinal{font-size:9px}.flowers{gap:5px}.experience{grid-template-columns:1fr;gap:23px;padding:24px 0}.art{grid-row:1}.flower-details{padding-top:15px}.flower-title{gap:10px}.flower-title h1{font-size:23px}.note{grid-column:1;grid-row:2;margin:0;padding:0}.note>.eyebrow{font-size:8px}.percent b{font-size:34px}.flower-nav button{font-size:20px}#camera-panel{grid-row:3;padding:15px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 15px}.camera-heading{grid-column:1/-1;flex-wrap:nowrap;margin:0}.camera-preview{grid-column:1;grid-row:2;align-self:center}.camera-copy{grid-column:2;grid-row:2;align-self:center}.camera-copy h2{font-size:17px;margin:0 0 9px}.camera-copy>p{font-size:10px;line-height:1.9}.camera-copy .privacy{font-size:8px;margin-top:10px}.camera-placeholder svg{width:28px}.camera-placeholder p{font-size:12px;margin:10px 0 6px}.camera-placeholder span{font-size:8px;line-height:1.8}.controls{display:flex;flex-wrap:wrap;gap:24px;padding:23px 0}.control-label{width:100%}.control-label p{display:none}.control-label>.eyebrow{font-size:8px}.slider-wrap{width:100%}.actions{width:100%;justify-content:space-between}.camera-button{padding:12px 18px}.bottom>span:nth-child(2){display:none}.bottom{font-size:8px;line-height:1.8}.bottom button{font-size:9px}footer{flex-direction:column;gap:15px;margin-top:20px;text-align:center}footer p{font-size:8px}footer>span:last-child{display:none}}@media(max-width:400px){#camera-panel{grid-template-columns:1fr}.camera-preview{grid-column:1;grid-row:2}.camera-copy{grid-column:1;grid-row:3}.camera-copy h2{font-size:18px}.camera-placeholder p{font-size:16px}.camera-placeholder span{font-size:10px}.camera-placeholder svg{width:38px}.picker-caption>span:last-child{font-size:7px}.note{gap:8px}.note>.eyebrow{font-size:7px;letter-spacing:.5px}.flower-nav{gap:8px}#stage{font-size:11px}.percent b{font-size:31px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.strip-arrow:disabled{opacity:.3;cursor:default}