@font-face{font-family:system-ui;src:local('Microsoft JhengHei')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#faf9f4;color:#284b4b;font-family:'Microsoft JhengHei','PingFang TC',system-ui,sans-serif;font-size:14px;line-height:1.7}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dd9b48;outline-offset:4px}button{color:inherit}button,a{touch-action:manipulation}.preview-banner{background:#e9eee2;text-align:center;color:#647561;font-size:11px;letter-spacing:1px;padding:5px 12px}.dot,.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#72977a;margin-right:5px}.banner-sep{margin:0 8px}header{max-width:1240px;padding:25px 32px;margin:auto;display:flex;align-items:center;gap:38px;border-bottom:1px solid #e8e8dd}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.bear{font-size:28px;color:#4d8476;letter-spacing:-2px}.brand b{font-size:16px;display:block}.brand b span{margin-left:5px;font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#80908a}.brand span{line-height:1.6}header nav{display:flex;gap:27px;margin-left:auto;font-size:13px;align-items:center}header nav .active{color:#367f71;font-weight:bold}.text-button{border:0;background:none;padding:0;color:#6d8178}.text-button:hover{color:#285d54}.outline{border:1px solid #c5d4c7;border-radius:7px;background:transparent;padding:9px 17px;white-space:nowrap;font-size:13px}.outline:hover:not(:disabled){background:#edf1e8}.outline:disabled{opacity:.45}.outline.small{padding:7px 13px;font-size:12px}.primary{border:0;background:#34786c;color:#fffdf3;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:12px 26px;box-shadow:0 4px 12px #39736412}.primary:hover:not(:disabled){background:#286356}.primary:disabled{background:#8ca69a}.hero{max-width:1120px;margin:0 auto;padding:64px 0 50px;display:grid;grid-template-columns:1fr 340px;align-items:center;gap:70px}.eyebrow{font-size:11px;letter-spacing:2px;color:#81967e;margin:0 0 18px}.eyebrow span{color:#cba050;margin-right:7px}.hero h1{font-size:46px;line-height:1.38;font-weight:650;letter-spacing:2px;margin:0 0 22px}.hero h1 span{color:#ca8c45}.intro{color:#78867c;line-height:1.9;margin-bottom:27px}.explore{font-size:13px}.hero-rule{font-size:11px;color:#89917e;margin:17px 0 0}.hero-rule span{font-size:17px;color:#ba8d62;margin-right:4px}.wish-card{position:relative;padding:26px 28px 30px;background:#f2eedf;border:1px solid #e7e0ca;border-radius:14px;transform:rotate(3deg);box-shadow:8px 13px 0 #ececde66;overflow:hidden}.ticket-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:3px;color:#9e9b7b}.ticket-top>span:last-child{font-size:28px;color:#a9b39a}.wish-card>p{font-size:14px;letter-spacing:2px;color:#6c7c65;margin:24px 0 10px}.ticket-count{display:flex;align-items:baseline;gap:12px}.ticket-count strong{font-family:Georgia,serif;font-size:55px;font-weight:400;color:#4f7964}.ticket-count span{font-size:11px;color:#89917c}.ticket-divider{height:1px;border-top:1px dashed #d1d2bc;margin:24px -28px}.ticket-bottom{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#74816d}.ticket-bottom b{letter-spacing:1px;font-weight:500}.wish-card>small{font-size:9px;display:block;margin-top:9px;color:#989d83}.ticket-heart{position:absolute;right:20px;top:95px;font-size:100px;line-height:1;color:#d9b7792e;transform:rotate(-15deg);pointer-events:none}main{padding:0 32px}.community-strip{max-width:1120px;margin:0 auto 45px;padding:17px 22px;border:1px solid #dce4d6;background:#f0f4e9;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:12px}.community-strip strong{font-weight:500;margin-right:14px}.community-strip #status-description{color:#899283;font-size:11px}.community-strip .text-button{font-size:11px;white-space:nowrap}.community-strip b{font-weight:600;padding-left:7px;color:#477664}.gallery{max-width:1120px;margin:0 auto}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 26px}.section-head .eyebrow{font-size:9px;letter-spacing:2px;margin:0 0 7px}.section-head h2{font-size:23px;font-weight:500;letter-spacing:1px;margin:0}.toolbar{display:flex;align-items:center;gap:20px;margin:0 0 20px}.search{display:flex;align-items:center;gap:12px;border:1px solid #dedfd1;border-radius:7px;flex:1;padding:8px 15px;background:#fffdf8}.search span{font-size:23px;color:#93a08e;line-height:1}.search input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:12px;color:#3c6257;height:29px}.search input::placeholder{color:#a2a898}.search kbd{font-size:11px;border:1px solid #e7e7da;padding:0 6px;border-radius:3px;color:#aab19f}.select-wrap{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:11px;color:#8b9485}.select-wrap select{border:1px solid #dedfd1;border-radius:7px;background:#fffdf8;color:#557264;padding:11px 30px 11px 14px;font-size:12px}.categories{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid #e3e7dc}.category{border:1px solid transparent;border-radius:6px;padding:7px 14px;background:transparent;color:#818b7b;font-size:12px}.category span{font-size:9px;opacity:.8;margin-left:7px}.category.active{background:#37786b;color:#fffdf4}.category:hover:not(.active){background:#eef0e5}.result-line{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:15px 0}.result-line p{margin:0;font-size:11px;color:#939a89}.ready-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#7b8875}.ready-label input{accent-color:#34786c}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}.look-card{border:1px solid #e1e5d8;background:#fffdf8;border-radius:10px;overflow:hidden;transition:border-color .15s,transform .15s}.look-card:hover{border-color:#b4c7af;transform:translateY(-2px)}.stage{position:relative;display:block;aspect-ratio:400/340;background:#f4f4ed;width:100%;border:0;padding:0;overflow:hidden}.stage>img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.stage>img:not([src]){visibility:hidden}.stage-label{position:absolute;top:11px;left:11px;background:#ffffffa1;color:#8c9783;font-size:9px;letter-spacing:1px;padding:3px 8px;border-radius:4px;pointer-events:none}.zoom{position:absolute;bottom:11px;right:12px;background:#ffffffa1;color:#7b8f79;width:23px;height:23px;line-height:23px;font-size:16px;border-radius:4px;opacity:0}.look-card:hover .zoom{opacity:1}.pending-stage{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#929c86;font-size:11px}.pending-stage img{width:75px;height:75px;object-fit:contain;image-rendering:pixelated}.card-body{padding:16px 15px 14px}.card-category{font-size:9px;letter-spacing:1px;color:#a1a18b;margin:0 0 5px}.card-body h3{margin:0;font-size:13px;color:#4c6959;line-height:1.6;font-weight:600;min-height:42px;overflow-wrap:anywhere}.card-meta{font-size:9px;color:#a3aa98;margin:5px 0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.like{border:1px solid #dce5d5;border-radius:6px;width:100%;background:#f5f7ef;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;color:#638067}.like .heart{font-size:17px;line-height:1;vertical-align:-1px;margin-right:5px}.like .count{font-size:11px;font-weight:600}.like:hover:not(:disabled){background:#eaf0e3}.like.liked{background:#f9eee6;border-color:#efd7c8;color:#bf835d}.like:disabled:not(.liked){opacity:.55}.pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin:38px 0 60px}.pagination span{font-size:11px;color:#8a9580}.empty{text-align:center;padding:60px;color:#87957f}.empty>span{font-size:40px}.empty h3{font-size:17px}.empty p{font-size:12px}.rules{max-width:1120px;margin:0 auto 60px;padding:30px;border-top:1px solid #e1e5d8;display:flex;gap:25px;align-items:flex-start}.rules-heart{font-size:36px;line-height:1.3;color:#a9b49d}.rules h2{font-size:17px;font-weight:500;margin:0 0 12px}.rules p{font-size:12px;color:#89917d;line-height:1.9;margin:8px 0}.muted{color:#a1a58f!important;font-size:11px!important}.rules details{font-size:11px;color:#8b9580;margin-top:20px}.rules summary{cursor:pointer}footer{border-top:1px solid #e5e8dd;text-align:center;padding:30px;font-size:12px;color:#84957c}footer p{font-size:11px;margin:8px}footer small{font-size:9px;color:#adb29c}dialog{border:1px solid #dae1ce;border-radius:15px;padding:32px;max-width:480px;width:calc(100% - 32px);color:#406450;background:#fffdf7;box-shadow:0 20px 80px #253f3a24;max-height:calc(100dvh - 32px);overflow-y:auto}dialog::backdrop{background:#253e3666;backdrop-filter:blur(3px)}dialog h2{font-size:22px;font-weight:500;line-height:1.5;margin:12px 0}dialog p{font-size:12px;color:#8a9380}.close{position:absolute;right:14px;top:10px;z-index:2;border:0;background:#fafbf2cc;width:30px;height:30px;border-radius:50%;font-size:24px;color:#829079}.preview-accounts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.preview-accounts button{border:1px solid #d9e2cf;border-radius:9px;background:#f3f6eb;text-align:left;padding:18px;color:#4c755b}.preview-accounts button:hover{background:#e9f0df}.preview-accounts button>span{display:flex;width:35px;height:35px;border-radius:50%;background:#dce6ce;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:20px;margin-bottom:15px}.preview-accounts b{font-size:12px;display:block;font-weight:500}.preview-accounts small{display:block;margin-top:6px;font-size:9px;color:#96a389}.detail-stage{margin:-32px -32px 20px;background:#f4f4ed;height:300px}.detail-stage img{height:100%;width:100%;object-fit:contain;image-rendering:pixelated}#detail-like{width:100%;margin-top:15px}#detail-meta{overflow-wrap:anywhere}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);background:#335f52;color:#fffdf4;border-radius:8px;padding:11px 20px;font-size:12px;max-width:calc(100% - 32px);width:max-content;z-index:10;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(min-width:1500px){.hero{padding-top:75px;padding-bottom:60px}}@media(max-width:1100px){.hero{gap:35px;grid-template-columns:1fr 300px}.hero h1{font-size:39px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}header nav{gap:18px}header{gap:20px}.brand b{font-size:14px}.community-strip #status-description{display:none}}@media(max-width:780px){header{padding:18px 22px;flex-wrap:wrap;gap:15px}header nav{order:3;width:100%;justify-content:center;border-top:1px solid #e8ebdf;padding-top:14px;margin-top:2px}#account-button{margin-left:auto}.hero{padding-top:36px;grid-template-columns:1fr;gap:26px}.hero h1{font-size:37px}.wish-card{display:none}main{padding:0 22px}.community-strip{margin-bottom:32px;padding:13px 15px}.section-head h2{font-size:19px}.section-head .eyebrow{font-size:8px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.card-body{padding:12px}.card-body h3{font-size:12px;min-height:39px}.category{padding:6px 10px}.categories{gap:4px}.category span{font-size:8px;margin-left:4px}.toolbar{gap:10px}.select-wrap>span{display:none}.select-wrap select{padding:10px 22px 10px 9px;font-size:11px}.search{padding:6px 10px}.search kbd{display:none}.search input{font-size:11px}.rules{padding:24px 0;gap:15px;margin-bottom:30px}.pagination{gap:18px;margin:30px 0 40px}.hero-rule{font-size:10px}.like{padding:8px;font-size:10px}.like .heart{font-size:15px}.card-meta{font-size:8px}.zoom{display:none}.stage-label{font-size:8px;padding:2px 6px;top:7px;left:7px}.ready-label{font-size:10px}.result-line p{font-size:10px}.intro{font-size:13px}.preview-banner{font-size:9px;letter-spacing:.5px}#motion-button{font-size:10px;padding:6px 9px}.community-strip strong{font-size:11px;margin-right:0}.community-strip .text-button{font-size:10px}.section-head{gap:8px}.outline{font-size:11px;padding:8px 12px}}@media(max-width:370px){main{padding:0 14px}header{padding:16px 14px}.brand b{font-size:12px}.bear{font-size:24px}.brand{gap:8px}.hero h1{font-size:32px}.section-head h2{font-size:17px}.category{font-size:11px}.rules-heart{display:none}.like{padding:7px 5px;font-size:9px}.card-body{padding:10px 8px}.search input{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.wish-card{transform:none}.look-card:hover{transform:none}}
@media(max-width:780px){.toolbar{flex-wrap:wrap;gap:9px}.search{flex-basis:100%}.select-wrap{flex:1}.select-wrap select{width:100%}.select-wrap>span{display:block}.result-line{align-items:flex-start}.result-line p{max-width:65%}}
.hero-looks{display:flex;margin:5px -18px -12px;gap:0;position:relative;z-index:1}.hero-look{width:33.333%;padding:0;border:0;background:transparent;border-radius:8px;overflow:hidden}.hero-look img{width:100%;height:auto;display:block;image-rendering:pixelated;mix-blend-mode:multiply}.hero-look:hover{background:#e9e9d7}.wish-card>p{margin:14px 0 2px}.ticket-count strong{font-size:42px}.ticket-divider{margin-top:18px;margin-bottom:18px}.hero{padding-top:42px;padding-bottom:35px}.community-strip{margin-bottom:32px}.hero h1{font-size:42px}@media(max-width:780px){.hero h1{font-size:37px}.hero{padding-top:34px}}@media(max-width:370px){.hero h1{font-size:32px}}

/* Page selection follows the current filtered result set. */
.pagination{flex-wrap:wrap;gap:14px 22px}.page-jump-top{display:flex;justify-content:flex-end;margin:0 0 18px}.page-jump{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#7b8875;margin:0}.page-jump select{font:inherit;color:#557264;border:1px solid #dedfd1;border-radius:6px;background:#fffdf8;padding:7px 24px 7px 10px;min-width:66px}.page-jump select:focus-visible{outline:2px solid #76a28d;outline-offset:3px}.page-jump button{padding:7px 13px}.page-jump select:disabled{opacity:.6}.page-jump-top[hidden]{display:none!important}#gallery-title:focus{outline:none}@media(max-width:780px){.pagination{gap:12px}.pagination .page-jump{flex-basis:100%;margin-top:4px}.page-jump-top{margin-bottom:14px}.page-jump{font-size:11px}}

/* Same-series colour choices preserve each original vote identity. */
.colour-picker{display:flex;align-items:center;gap:10px;margin:10px 0 14px;color:#506361;font-size:13px}.colour-picker>span{flex:none}.colour-picker select{min-width:0;width:100%;max-width:100%;padding:9px 30px 9px 10px;border:1px solid #cfdcd4;border-radius:9px;background:#fff;color:#244540;font:inherit}.colour-picker select:focus-visible{outline:2px solid #2f716b;outline-offset:2px}.look-card .card-body{min-width:0}.look-card h3{overflow-wrap:anywhere}#detail-dialog .colour-picker{max-width:360px;margin:12px auto}.card-meta{overflow-wrap:anywhere}
