/* Taste-Skill deal: steel-orange / Onest / triptych / liquid-type.
   The white-link-blue candidate was skipped because the supplied pudding artwork
   and LUCKYFU logo use warm cream, cherry and caramel tones. */
@font-face{font-family:Onest;src:url('/public/assets/fonts/onest-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Onest;src:url('/public/assets/fonts/onest-500.woff2') format('woff2');font-style:normal;font-weight:500 600;font-display:swap}
@font-face{font-family:Onest;src:url('/public/assets/fonts/onest-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root {
  --p-bg: #eeeeeb; --p-surface: #e1e1dd; --p-ink: #1c1d1f; --p-muted: #5c5e62;
  --p-accent: #c2501b; --p-accent-ink: #ffffff; --p-action: #c2501b; --p-action-ink: #ffffff;
  --p-inv-bg: #1c1d1f; --p-inv-surface: #28292b; --p-inv-ink: #eeeeeb; --p-inv-muted: #969796;
  --p-inv-accent: #c2501b; --p-inv-accent-ink: #ffffff; --p-inv-action: #c2501b; --p-inv-action-ink: #ffffff;
  --font-display: "Onest", system-ui, sans-serif;
  --font-text: "Onest", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --display-weight: 400;
  --display-tracking: -0.035em;
  --display-tracking-xl: -0.04em;
}
:root{--ink:var(--p-ink);--muted:var(--p-muted);--action:var(--p-action);--action-dark:#963b13;--bg:var(--p-bg);--surface:#fafaf7;--line:#d7d7d1;--soft:#e5e5df;--green:#456346;--orange:#96501e;--r-sm:6px;--r-md:12px;--r-lg:16px;--r-btn:6px;font-family:Onest,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg)}
body{background:var(--bg)}:focus-visible{outline-color:var(--action)}
.header{background:var(--bg);border-color:var(--line)}
.brand{gap:10px;letter-spacing:-1px}.brand-mark{color:var(--action);background:none;border-radius:0;width:36px;height:40px;font-size:38px;font-weight:400}.brand-word{font-family:Onest,sans-serif;font-size:23px;letter-spacing:-1px;font-weight:700}.brand-en{font-family:"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:3px;font-size:9px;font-weight:400;color:var(--muted)}
.header nav a{font-size:13px;font-weight:500}.header nav a[aria-current]{color:var(--ink)}.header nav a[aria-current]:after{background:var(--action);height:2px}.header nav .icon{width:17px;height:17px}.avatar{background:#e5d8cc;color:#714026}.account .btn{background:var(--ink);border-color:var(--ink)}
.btn{font-weight:500;border-radius:6px;font-size:14px}.btn--secondary{background:transparent;border-color:#c9c9c1}.btn--primary{background:var(--action);border-color:var(--action)}.icon-button{background:#e9e9e2}.text-button{font-weight:400}.skip-link{background:var(--bg)}
.hero.hero-triptych{background:var(--p-inv-bg);color:var(--p-inv-ink);border-radius:12px;min-height:calc(100svh - var(--nav) - 33px);padding:56px 40px 90px;grid-template-columns:.95fr 1.4fr .7fr;gap:20px;align-items:center;isolation:isolate;overflow:hidden}
.hero-triptych .hero-copy{align-self:center}.hero-triptych .eyebrow{font-size:10px;font-weight:400;letter-spacing:1.8px;color:#c4c4b9;white-space:nowrap}.hero-triptych .live-dot{background:#d4aa70}.hero-triptych h1{font-size:clamp(38px,3.7vw,54px);line-height:1.25;letter-spacing:-2px;font-weight:500;margin:32px 0 24px;white-space:nowrap}.hero-triptych .hero-copy p{font-size:13px;color:#b7b7ad;line-height:2}.hero-edition{display:block;margin-top:64px;font-size:10px;color:#aaa99e;letter-spacing:.7px}.hero-triptych .hero-visual{height:540px;min-height:0;transform:none;position:relative;display:flex;align-items:center;justify-content:center;margin:0;container-type:inline-size}
.display-ring{position:absolute;width:110%;aspect-ratio:1;border:1px solid #4b4a40;border-radius:50%}.display-orb{position:absolute;width:95%;aspect-ratio:1;border-radius:50%;background:#d9bc83;box-shadow:inset 0 0 0 20px #d9bc83,inset 0 0 0 21px #ac966f;z-index:0}.display-word{position:absolute;font-size:clamp(70px,7vw,118px);font-weight:500;color:#77725f;letter-spacing:-7px;top:12px;line-height:1;z-index:0;opacity:.4}.display-mascot{width:105%;max-width:none;height:auto;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 24px 20px #0b0b0a38);animation:mascot-arrive 1.1s var(--ease) both}.collection-tag{position:absolute;z-index:2;bottom:12px;left:10%;right:10%;padding:12px 14px;background:#1c1d1f;border-radius:6px;border:1px solid #5e5c52;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#c9c6b8;letter-spacing:1px}.collection-tag>span:first-child{color:#e4d9bd;letter-spacing:3px;font-weight:600}.display-spark{position:absolute;right:-10px;top:70px;font-size:55px;color:#c2501b;line-height:1;z-index:3;animation:spark-arrive .8s .25s var(--ease) both}
.hero-aside{align-self:center;z-index:2;padding-left:20px}.availability-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#bdbdb2}.availability-label i{width:5px;height:5px;background:#cbd39b;border-radius:50%}.hero-availability>strong{display:block;font-size:52px;line-height:1.1;font-weight:400;letter-spacing:-3px;color:#eeeadd;margin:18px 0 22px;font-variant-numeric:tabular-nums}.hero-availability small{font-family:inherit;font-size:11px;font-weight:400;letter-spacing:1px;margin-left:10px;color:#bdbdb2}.hero-availability>span:last-child{font-size:12px;line-height:1.9;color:#bdbdb2}.hero-cta{width:100%;margin-top:32px;min-height:56px;padding:14px 16px;font-size:13px;justify-content:space-between;background:var(--action);border-color:var(--action);color:white}.hero-cta .icon{width:18px;height:18px}.hero-rules{color:#bdbdb2;font-size:11px;margin-top:10px;width:100%;justify-content:space-between}.hero-rules:hover{color:white}.hero-baseline{position:absolute;bottom:26px;left:40px;right:40px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#b3b0a3;border-top:1px solid #414139;padding-top:20px}
.projects-section{padding-top:64px}.section-heading{margin-bottom:32px}.section-heading .eyebrow{color:#6a6961;font-size:10px;letter-spacing:1.8px;font-weight:400}.section-heading h2{font-size:36px;letter-spacing:-1.2px;font-weight:500;margin-top:12px;max-width:none}.count-chip{background:#deded5;color:#53544a;border-radius:4px;font-size:12px;letter-spacing:0}.live-status{color:#616257;font-size:12px}.live-status i{background:#71805a}.toolbar{margin-bottom:28px}.tabs{padding:0;gap:24px;background:none;border-radius:0}.tab{padding:12px 0;border-radius:0;color:#67685f;min-height:46px;font-size:13px;position:relative}.tab.active{background:none;box-shadow:none;color:var(--ink);font-weight:600}.tab.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--action)}.search-box{background:#f8f8f3;border-color:#d2d3ca;border-radius:6px;color:#686a60;height:44px}.search-box kbd{border-color:#d7d7cd}.search-box input::placeholder{color:#73746b}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.project-card{border-color:#d4d4ca;border-radius:10px;background:#f8f8f3;box-shadow:none}.project-cover{height:250px;background:#e3ddcd;border-bottom:1px solid #d8d8ce}.project-cover img{object-position:center 33%;opacity:1}.mascot-cover{background:#e9dfc7;display:grid;place-items:center}.mascot-cover img{width:85%;height:90%;object-fit:contain;mix-blend-mode:normal}.card-content{padding:22px}.card-meta{color:#65665e;font-size:11px}.badge{border-radius:4px;background:#e5e5dd;color:#5b5e52}.badge.open{background:#e3eadc;color:#425b39}.badge.full{background:#eee2c9;color:#85571c}.badge.scheduled{background:#e8e1d4;color:#795539}.project-card h3{font-size:18px;font-weight:500;margin-top:18px}.card-description{color:#65665e;font-size:13px}.quota-line{color:#65665e;margin-top:28px}.quota-line strong{font-family:Onest;font-weight:500;color:var(--ink);font-size:24px}.quota-track{background:#e2e2d8;height:3px}.quota-track span{background:#af5d32}.card-bottom{border-color:#ddddd3;color:#65665e}.card-action{color:#9b431b;font-weight:500}.bottom-note{color:#66675d;margin-top:12px;padding:28px 0 0}.footer{border-color:#cecec3;color:#66675d;font-size:12px}.footer .text-button{color:#66675d}
.page-heading h1{font-weight:500;font-size:36px}.page-heading .eyebrow{color:#75746a}.page-heading p{color:#66675d}.empty{background:#f7f7f2;border-color:#cccfc3;border-radius:12px}.empty>.icon{color:#a89b7d}.empty h2{font-weight:500}.back-link{color:#68685f}.detail-cover{border-radius:12px;background:#e9dfc7}.detail-cover img{width:100%;max-height:650px}.detail-copy h1{font-size:38px;font-weight:500}.detail-quota{border-color:#d5d5ca;background:#f8f8f3;border-radius:10px}.detail-quota>strong{font-weight:400}.detail-description{color:#54564c}.detail-action .fine{color:#686a60}.success-inline{background:#e2eadc;color:#3d5b35}.orders-list{gap:20px}.order-card{border-color:#d4d4c8;background:#f8f8f3;border-radius:12px;padding:24px}.order-card>img{border-radius:8px}.order-info h2{font-weight:500}.order-info p{color:#66685e}.order-side .btn{border-color:#c6c8bb}.order-number{color:#66685e}
.auth-layout{max-width:1060px;gap:0;padding:56px 0;align-items:stretch}.auth-story{background:#1c1d1f;color:#eeeeeb;border-radius:16px 0 0 16px;padding:40px}.auth-story h1{font-weight:500;font-size:38px;margin:32px 0 24px}.auth-story .eyebrow,.auth-story p,.auth-foot{color:#b7b7aa}.auth-story p{font-size:14px}.auth-illustration{width:260px;height:260px;max-width:100%;background:#d9bc83;margin-top:36px}.auth-illustration img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}.auth-foot{font-size:12px}.auth-panel{background:#f8f8f3;border-color:#d3d3c8;border-radius:0 16px 16px 0;padding:40px}.auth-panel h2{font-weight:500}.auth-tabs{border-color:#d5d5cb}.auth-tabs a.active{color:var(--action);border-color:var(--action)}.field{font-weight:400}.field input,.field textarea,.field select,.admin-filters input,.admin-filters select{background:#fffffa;border-color:#cecec3;border-radius:6px;color:var(--ink)}.field input:focus,.field textarea:focus,.field select:focus,.admin-filters input:focus,.admin-filters select:focus{border-color:var(--action);box-shadow:0 0 0 3px #c2501b12}.field input::placeholder,.field textarea::placeholder{color:#77796f}.demo-notice{background:#eaeae0;border-radius:6px;color:#616359}.demo-notice .icon{color:#825d3f}.demo-entry .btn{border-color:#c8cabe}
.admin-nav{border-color:#cccec1}.admin-nav a.active{color:var(--action);border-color:var(--action)}.stat{background:#f8f8f3;border-color:#d3d4c8;border-radius:10px}.stat>span{color:#62665b}.stat strong{font-weight:400}.stat small{color:#696c61}.stat.attention{background:#e5d6bc;border-color:#d5c4a7}.stat.attention strong{color:#824820}.admin-project{background:#f8f8f3;border-color:#d3d4c8;border-radius:10px}.admin-project-info h3{font-weight:500}.admin-project-info p,.admin-quota small,.admin-quota>span{color:#696c61}.admin-quota strong{font-weight:400}.notice-panel{background:#e7dfcf;border-color:#d8cbb6;border-radius:10px}.notice-panel>.icon{color:#89522c}.notice-panel p{color:#626257}.table-wrap{background:#f8f8f3;border-color:#d3d4c8;border-radius:10px}th{background:#e1e3d8;color:#51564a}td{border-color:#d9dbce}td small{color:#686b60}.panel{background:#f8f8f3;border-color:#d3d4c8;border-radius:12px}.editor-cover>img{background:#e9dfc7;border-radius:8px}.upload-label{border-color:#bca98c;color:#965022;border-radius:6px}.cover-option{border-color:#cccbbb;background:#f5f4ec}.cover-option img{border-radius:4px}
dialog{background:#f8f8f3;border-color:#d6d5c9;border-radius:16px;box-shadow:0 30px 100px #171a1738}dialog::backdrop{background:#15181588;backdrop-filter:blur(8px)}.dialog-head h2{font-weight:500}.dialog-content p{color:#5c6054}.success-symbol{background:#e0ebd7;color:#47683d}.receipt{background:#e7e8dd;border-radius:6px}.receipt span{color:#626758}.celebration i{background:var(--action)}.celebration i:nth-child(even){background:#bdab6e}#toast{background:#292d25;box-shadow:0 10px 30px #1a201d30;border-radius:8px}.form-error{color:#a73127}.danger-text{color:#a13c2d}
@keyframes mascot-arrive{from{opacity:0;transform:translateY(36px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spark-arrive{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
.mascot-cover{display:block}.mascot-cover img{width:100%;height:100%;padding:20px;object-fit:contain;max-height:100%}
@media(min-width:1600px){.hero.hero-triptych{min-height:760px}}
@media(max-width:1100px){.hero.hero-triptych{padding:40px 28px 72px;grid-template-columns:.95fr 1.1fr .75fr;gap:12px;min-height:600px}.hero-triptych h1{font-size:39px}.hero-triptych .hero-visual{height:440px}.display-mascot{width:112%}.display-word{font-size:82px;top:55px}.display-spark{right:-10px;top:75px;font-size:42px}.hero-aside{padding-left:8px}.hero-availability>strong{font-size:39px}.hero-availability small{display:block;font-size:11px;margin:8px 0 0;letter-spacing:1px}.hero-edition{font-size:9px;margin-top:48px}.hero-cta{font-size:12px;padding:12px}.hero-baseline{left:28px;right:28px}.project-grid{gap:20px}.project-cover{height:220px}.card-content{padding:18px}.brand-word{font-size:21px}.auth-layout{padding:40px 0}.auth-story,.auth-panel{padding:30px}}
@media(max-width:820px){.hero.hero-triptych{grid-template-columns:1fr 1fr;min-height:630px;padding:44px 32px 84px;column-gap:16px;row-gap:12px}.hero-triptych .hero-copy{grid-column:1;grid-row:1}.hero-triptych .hero-visual{grid-column:2;grid-row:1/3;height:440px}.hero-triptych h1{font-size:42px}.hero-triptych .hero-aside{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;padding:0;align-self:start}.hero-availability{display:none}.hero-cta{margin-top:4px;width:auto;min-width:200px;min-height:50px}.hero-rules{width:auto;min-width:200px}.hero-edition{margin-top:28px}.display-word{font-size:76px;top:65px}.display-mascot{width:110%}.display-spark{right:-4px;top:60px}.hero-baseline{left:32px;right:32px}.collection-tag{left:0;right:0;bottom:14px;font-size:9px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading h2{font-size:32px}.project-cover{height:240px}.card-description{font-size:12px}.auth-story h1{font-size:30px}.auth-story,.auth-panel{padding:26px}.auth-illustration{width:210px;height:210px}.stats{gap:12px}.stat{padding:20px}.page-heading h1{font-size:31px}}
@media(max-width:640px){.brand{gap:6px}.brand-word{font-size:21px}.brand-mark{font-size:32px;width:30px;height:34px}.brand-en{font-size:8px;letter-spacing:2px}.header nav{gap:26px}.header nav a{font-size:12px}.hero.hero-triptych{display:flex;flex-direction:column;align-items:stretch;padding:30px 24px 72px;gap:0;border-radius:10px;min-height:calc(100svh - 135px)}.hero-triptych .hero-copy{align-self:stretch;z-index:2}.hero-triptych .eyebrow{font-size:9px;letter-spacing:1.4px}.hero-triptych h1{font-size:43px;line-height:1.2;margin:22px 0 16px;letter-spacing:-2px}.hero-triptych .hero-copy p{font-size:12px;line-height:1.8}.hero-edition{display:none}.hero-triptych .hero-visual{height:275px;min-height:275px;width:100%;margin:6px 0 0;align-self:center}.display-ring{width:95%;max-width:260px}.display-orb{width:85%;max-width:230px;box-shadow:inset 0 0 0 12px #d9bc83,inset 0 0 0 13px #ac966f}.display-mascot{width:260px;max-width:100%;height:260px;object-fit:contain}.display-word{top:0;font-size:64px;letter-spacing:-4px}.display-spark{top:26px;right:7px;font-size:38px}.collection-tag{display:none}.hero-triptych .hero-aside{display:block;padding:0;align-self:stretch;margin-top:8px}.hero-cta{width:100%;margin-top:0;min-height:50px;justify-content:space-between;font-size:13px;padding:12px 18px}.hero-rules{display:none}.hero-baseline{left:24px;right:24px;bottom:20px;padding-top:16px;font-size:9px;letter-spacing:.3px}.projects-section{padding-top:38px}.section-heading{margin-bottom:24px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.2px}.section-heading h2{font-size:30px;margin-top:10px;font-weight:500}.tabs{gap:20px;justify-content:flex-start;border-bottom:1px solid #d2d4c7}.tab{flex:0;padding:10px 0;font-size:12px;min-height:44px}.toolbar{gap:18px;margin-bottom:24px}.search-box{height:46px;background:#f9f9f2}.project-grid{grid-template-columns:1fr;gap:24px}.project-card{border-radius:9px}.project-cover{height:250px}.card-content{padding:22px}.project-card h3{font-size:19px}.card-description{font-size:13px}.card-meta{font-size:12px}.card-bottom{font-size:11px}.quota-line{font-size:12px}.quota-line strong{font-size:25px}.bottom-note{padding-top:24px;margin-top:4px;font-size:11px}.footer{font-size:11px}.page-heading h1{font-size:28px}.page-heading .eyebrow{font-size:10px}.page-heading>.btn{border-radius:6px}.order-card{padding:18px}.order-side{border-color:#d7d9ca}.order-info h2{font-size:16px}.order-info p{font-size:11px}.auth-layout{padding:24px 0}.auth-panel{border-radius:12px;padding:26px}.auth-story{display:none}.auth-panel h2{font-size:25px}.demo-entry .btn{font-size:12px}.stats{gap:12px}.stat{padding:18px}.stat strong{font-size:32px}.admin-project{padding:16px}.admin-actions{border-color:#d7d9ca}.table-wrap{background:none;border:0}tr{background:#f8f8f3;border-color:#d3d4c8;border-radius:10px}td:last-child{border-color:#d3d4c8}.notice-panel{padding:16px}.editor-cover>img{height:180px}.panel{padding:20px}.detail-copy h1{font-size:30px}.detail-cover{max-height:420px}.detail-quota{border-radius:8px}.detail-description{font-size:14px}.detail-quota>strong{font-size:46px}dialog{border-radius:12px}}
@media(max-width:360px){.hero.hero-triptych{padding-left:20px;padding-right:20px}.hero-triptych h1{font-size:39px}.hero-triptych .hero-visual{height:245px;min-height:245px}.display-mascot{height:235px;width:235px}.display-word{font-size:57px}.display-spark{right:0}.hero-baseline{left:20px;right:20px;font-size:8px}.tabs{gap:18px}.tab{font-size:11px}.card-content{padding:18px}.brand-word{font-size:19px}.brand-en{font-size:7px}.header nav{gap:20px}.header nav a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.display-mascot,.display-spark{animation:none;transform:none}.hero-copy>*{animation:none}}

/* Comfortable touch targets without changing the visual rhythm of the lists. */
.project-card h3 a,.order-info h2 a{display:flex;align-items:center;min-height:44px}
.project-card h3{margin-top:10px}
.card-action,.back-link,.text-button,.auth-tabs a{min-height:44px;min-width:44px;display:inline-flex;align-items:center}
.cover-option{min-height:64px;min-width:64px}
.detail-cover img{height:auto;object-fit:contain}
.editor-cover>img{object-fit:contain}
.collection-heading{display:flex;align-items:center;gap:14px;margin-top:12px}
.collection-heading h2{margin:0}
.collection-heading .count-chip{flex-shrink:0;white-space:nowrap}
.projects-section{padding-bottom:24px}
@media(min-width:641px) and (max-width:1100px){.hero.hero-triptych{min-height:calc(100svh - var(--nav) - 33px)}}
@media(max-width:640px){input,textarea,select,.field input,.field textarea,.field select,.search-box input,.admin-filters input,.admin-filters select{font-size:16px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:640px){.account{height:44px}.account .btn,.account .text-button{min-height:44px}}