/* Visual components sourced from the user-approved rendered Lovable reference. Business behavior stays in existing modules. */
:root{--ink:oklch(21.8% 0 0);--paper:oklch(96.7% .01 86);--background:var(--paper);--foreground:var(--ink);--card:oklch(99.5% .002 86);--primary:oklch(56.5% .17 34);--gold:oklch(66% .083 77);--secondary:oklch(93.3% .012 86);--muted-foreground:oklch(52% .013 77);--border:oklch(86.8% .016 86);--hero-muted:oklch(70% .008 86);--hero-border:oklch(40% .018 77);--shadow-dialog:0 24px 90px oklch(21.8% 0 0/.25)}.site-container{width:min(1200px,100% - 96px);margin-inline:auto}.site-header{border-bottom:1px solid var(--border);height:96px}.header-inner{justify-content:space-between;align-items:center;gap:32px;height:100%;display:flex}.brand{flex-shrink:0;align-items:center;gap:13px;display:flex}.brand-seal{background:var(--primary);width:32px;height:37px;color:var(--paper);font-family:var(--font-display);outline:1px solid var(--paper);outline-offset:-4px;border-radius:2px;justify-content:center;align-items:center;font-size:21px;display:flex}.brand-name{font-size:29px;line-height:1.3;font-family:var(--font-display);font-weight:600}.brand-english{color:var(--muted-foreground);font-size:8px;line-height:1.8;display:block}.desktop-nav{align-items:center;gap:28px;height:100%;display:flex}.nav-control{height:100%;padding:0;font-size:13px;position:relative}.nav-control[data-active=true]{color:var(--foreground)}.nav-control[data-active=true]:after{content:"";background:var(--primary);width:18px;height:2px;position:absolute;bottom:21px;left:calc(50% - 9px)}.nav-divider{background:var(--border);width:1px;height:16px;margin-inline:2px}.header-tools{gap:12px;display:flex}.mobile-menu{display:none}.hero{background:var(--ink);height:500px;color:var(--paper);position:relative;overflow:hidden}.hero-image{object-fit:contain;object-position:right center;mix-blend-mode:lighten;width:100%;height:100%;position:absolute;inset:0}.hero-inner{align-items:center;height:100%;display:flex;position:relative}.hero-copy{max-width:600px;padding-bottom:6px}.eyebrow{color:var(--gold);align-items:center;gap:12px;font-size:11px;display:flex}.eyebrow:before{content:"";background:var(--gold);width:24px;height:1px;display:block}.hero h1{margin:24px 0 19px;font-size:44px;font-weight:500;line-height:1.65}.hero-subtitle{color:var(--hero-muted);font-size:13px;line-height:2}.hero-actions{gap:16px;margin-top:32px;display:flex}.hero-actions a{gap:23px;height:42px;padding:0 24px;font-size:12px}.hero-caption{color:var(--hero-muted);align-items:center;gap:15px;font-size:10px;display:flex;position:absolute;bottom:24px;right:0}.hero-caption span{color:var(--gold)}.hero-pages{gap:7px;display:flex;position:absolute;bottom:25px;left:0}.hero-pages i{background:var(--hero-border);width:16px;height:2px}.hero-pages i:first-child{background:var(--gold);width:30px}.catalog-section{padding:64px 0 66px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:29px;display:flex}.section-heading h2{align-items:center;gap:13px;margin:0 0 10px;font-size:27px;display:flex}.section-number{font-family:var(--font-sans);color:var(--gold);border-left:1px solid var(--gold);padding-left:12px;font-size:10px}.section-heading p{color:var(--muted-foreground);margin:0;font-size:12px}.section-link{gap:13px;padding-right:0;font-size:12px}.collectible-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.collectible-card{background:var(--ink);color:var(--paper);border-radius:4px;position:relative;overflow:hidden}.collectible-image{aspect-ratio:1.13;object-fit:cover;width:100%;transition:transform .6s;display:block}.card-image-wrap{overflow:hidden}.collectible-card:hover .collectible-image,.tea-card:hover img{transform:scale(1.035)}.collectible-badge{color:var(--gold);border:1px solid var(--hero-border);background:var(--ink);padding:3px 7px;font-size:9px;position:absolute;top:14px;left:15px}.collectible-info{border-top:1px solid var(--hero-border);padding:17px 20px 20px}.collectible-info h3{margin:0 0 7px;font-size:19px}.collectible-info p{color:var(--hero-muted);margin:0;font-size:10px}.price-row{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.price{color:var(--gold);font-size:20px;font-weight:500;font-family:var(--font-sans)}.price small{margin-right:3px;font-size:12px}.card-arrow{border:1px solid var(--hero-border);color:var(--gold);background:0 0;width:28px;height:28px}.card-arrow:hover{background:var(--hero-border)}.catalog-note{color:var(--muted-foreground);justify-content:center;align-items:center;gap:7px;margin:25px 0 0;font-size:10px;display:flex}.tea-section{border-top:1px solid var(--border);padding-top:53px}.tea-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.tea-card{background:var(--card);border:1px solid var(--border);border-radius:3px;overflow:hidden}.tea-card img{object-fit:cover;object-position:center 58%;width:100%;height:260px;transition:transform .6s;display:block}.tea-info{padding:23px 24px}.tea-category{color:var(--muted-foreground);align-items:center;gap:7px;font-size:10px;display:flex}.tea-category span{background:var(--gold);width:14px;height:1px}.tea-info h3{margin:10px 0 9px;font-size:20px}.tea-info p{color:var(--muted-foreground);margin:0;font-size:11px}.tea-info .price-row{margin-top:22px}.tea-info .price{color:var(--foreground);font-size:21px}.tea-info .card-arrow{border-color:var(--border);color:var(--foreground)}.tea-info .card-arrow:hover{background:var(--secondary)}.brand-values{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);padding:31px 0;display:grid}.brand-value{border-right:1px solid var(--border);justify-content:center;align-items:center;gap:14px;display:flex}.brand-value:last-child{border:0}.brand-value svg{color:var(--gold);stroke-width:1px;width:25px;height:25px}.brand-value h3{margin:0 0 4px;font-size:15px}.brand-value p{color:var(--muted-foreground);margin:0;font-size:10px}.site-footer{background:var(--ink);color:var(--paper);padding:43px 0 22px}.footer-top{justify-content:space-between;align-items:flex-start;padding-bottom:31px;display:flex}.footer-brand .brand-name{font-size:25px}.footer-brand p{color:var(--hero-muted);margin:16px 0 0;font-size:11px}.footer-links{gap:65px;display:flex}.footer-links h3{margin:0 0 13px;font-size:13px}.footer-links a,.footer-links button{color:var(--hero-muted);height:auto;padding:0;font-size:10px;line-height:2.4;display:block}.footer-links button:hover{color:var(--paper)}.footer-bottom{border-top:1px solid var(--hero-border);color:var(--hero-muted);justify-content:space-between;padding-top:19px;font-size:9px;display:flex}.detail-dialog{max-height:90vh;box-shadow:var(--shadow-dialog);border-radius:4px;overflow:auto}.detail-dialog img{object-fit:cover;border-radius:3px;width:100%;height:280px}.detail-dialog h2{font-family:var(--font-display);letter-spacing:0;font-size:25px}.detail-meta{justify-content:space-between;align-items:center;padding-top:8px;display:flex}.search-field{border:1px solid var(--border);background:var(--card);outline-color:var(--gold);border-radius:3px;width:100%;padding:11px 13px;font-size:14px}.search-result{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:13px 0;display:flex}.search-result h3{font-size:16px}.pending-price{font-size:14px!important}.stock-status{margin-top:12px!important;font-size:10px!important}.product-header{border-bottom:1px solid var(--border);padding:25px 0}.product-main{padding-top:26px}.product-breadcrumb{color:var(--muted-foreground);flex-wrap:wrap;gap:10px;margin-bottom:30px;font-size:11px;display:flex}.product-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding-bottom:54px;display:grid}.product-visual{min-width:0;margin:0}.product-visual img{aspect-ratio:1;object-fit:contain;background:var(--ink);border-radius:4px;width:100%;height:auto;display:block}.product-visual-tea img{object-fit:cover;background:var(--card)}.product-visual figcaption{color:var(--muted-foreground);margin-top:12px;font-size:10px}.product-summary{min-width:0;padding-top:18px}.product-summary h1{overflow-wrap:anywhere;margin:22px 0 16px;font-size:32px;line-height:1.6}.product-status{color:var(--muted-foreground);font-size:12px;line-height:2}.product-price{color:var(--gold);padding:25px 0;font-size:24px}.product-keyfacts{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0;padding:18px 0}.product-keyfacts div{justify-content:space-between;gap:20px;font-size:12px;line-height:2.7;display:flex}.product-keyfacts dt{color:var(--muted-foreground)}.product-keyfacts dd{margin:0}.product-caution{color:var(--muted-foreground);align-items:flex-start;gap:8px;margin:20px 0;font-size:11px;line-height:1.8;display:flex}.product-caution svg{color:var(--gold);flex-shrink:0}.product-purchase{width:100%;margin:24px 0 10px}.product-section-nav{border-bottom:1px solid var(--border);gap:28px;padding:12px 0;display:flex}.product-section-nav a{padding-inline:0}.product-detail-section{border-bottom:1px solid var(--border);padding:36px 0;scroll-margin-top:24px}.product-detail-section h2{margin:0 0 24px;font-size:23px}.product-detail-section p{max-width:860px;color:var(--muted-foreground);font-size:13px;line-height:2.3}.product-parameters{grid-template-columns:1fr 1fr;gap:0 42px;margin:0;display:grid}.product-parameters div{border-bottom:1px solid var(--border);grid-template-columns:minmax(110px,40%) 1fr;gap:14px;padding:17px 0;font-size:12px;display:grid}.product-parameters dt{color:var(--muted-foreground)}.product-parameters dd{overflow-wrap:anywhere;margin:0}.related-products{flex-wrap:wrap;gap:14px;display:flex}.related-products a{white-space:normal;height:auto;min-height:40px}.product-footer{background:var(--ink);color:var(--hero-muted);margin-top:32px;padding:30px 0;font-size:12px}.missing-product{padding-top:100px;padding-bottom:100px}.sub-hero{background:var(--ink);color:var(--paper);padding:72px 0 64px}.sub-hero h1{margin:22px 0 16px;font-size:38px;font-weight:500}.sub-hero-lead{color:var(--hero-muted);max-width:560px;margin:0;font-size:13px;line-height:2}.sub-hero-light{background:var(--card);color:var(--foreground);border-bottom:1px solid var(--border)}.sub-hero-light .sub-hero-lead{color:var(--muted-foreground)}.rule-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.rule-card{border:1px solid var(--border);background:var(--card);border-radius:4px;padding:28px 26px}.rule-card svg{color:var(--gold);width:26px;height:26px}.rule-card h3{margin:16px 0 8px;font-size:17px}.rule-card p{color:var(--muted-foreground);margin:0;font-size:11px;line-height:1.9}.launch-list{flex-direction:column;display:flex}.launch-row{border-bottom:1px solid var(--border);grid-template-columns:44px 96px minmax(0,1fr) auto auto;align-items:center;gap:28px;padding:22px 0;display:grid}.launch-index{font-family:var(--font-display);color:var(--gold);font-size:22px}.launch-thumb{border-radius:3px;width:96px;height:96px;display:block}.launch-thumb img{object-fit:cover;width:100%;height:100%;display:block}.launch-info h3{margin:0 0 8px;font-size:20px}.launch-info p{color:var(--muted-foreground);margin:0;font-size:11px}.launch-facts{gap:32px;margin:0;display:flex}.launch-facts div{text-align:right}.launch-facts dt{color:var(--muted-foreground);font-size:10px}.launch-facts dd{margin:4px 0 0;font-size:13px}.launch-action a{gap:14px;height:38px;padding:0 18px;font-size:12px}.empty-state{text-align:center;max-width:520px;margin-inline:auto;padding:64px 0}.empty-state>svg{color:var(--gold);width:34px;height:34px;margin-inline:auto}.empty-state h2{margin:18px 0 12px;font-size:24px}.empty-state p{color:var(--muted-foreground);margin:0;font-size:12px;line-height:2}.empty-actions{justify-content:center;gap:16px;margin-top:28px;display:flex}.empty-actions a{height:40px;padding:0 22px;font-size:12px}.account-profile{border:1px solid var(--border);background:var(--card);border-radius:4px;align-items:center;gap:22px;margin-bottom:28px;padding:30px 32px;display:flex}.account-avatar{border:1px solid var(--gold);width:64px;height:64px;color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.account-avatar svg{width:28px;height:28px}.account-profile h2{margin:0 0 8px;font-size:22px}.account-profile p{color:var(--muted-foreground);margin:0;font-size:11px;line-height:1.9}.account-profile-action{margin-left:auto}.account-profile-action a{gap:14px;height:38px;padding:0 18px;font-size:12px}.account-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.account-card-link{margin-top:14px;padding-left:0}@media (width<=900px){.rule-grid,.account-grid{grid-template-columns:1fr}.account-profile{flex-wrap:wrap}.account-profile-action{margin-left:0}.launch-row{grid-template-columns:32px 72px minmax(0,1fr)}.launch-facts{grid-column:2/-1;justify-content:flex-start}.launch-facts div{text-align:left}.launch-action{grid-column:2/-1;justify-self:start}.launch-thumb{width:72px;height:72px}}@media (width<=700px){.sub-hero{padding:52px 0 46px}.sub-hero h1{font-size:29px}.empty-actions{flex-direction:column;align-items:center}.product-overview{grid-template-columns:1fr;gap:20px;padding-bottom:26px}.product-summary{padding-top:12px}.product-summary h1{font-size:27px}.product-parameters{grid-template-columns:1fr}.product-section-nav{gap:20px}.product-section-nav a{font-size:12px}.product-detail-section{padding:28px 0}}@media (width>=1500px){.hero-image{object-position:center 52%}}@media (width<=1100px){.site-container{width:calc(100% - 64px)}.desktop-nav{gap:19px}.header-inner{gap:20px}.header-tools{gap:4px}.hero h1{font-size:39px}.hero-image{object-position:57% center}}@media (width<=900px){.desktop-nav{gap:14px}.nav-control{font-size:11px}.brand-name{font-size:24px}.header-tools .account-control{display:none}.collectible-grid{gap:16px}.collectible-info{padding:16px 14px}.collectible-info h3{font-size:17px}.tea-card img{height:220px}.tea-info{padding:20px 16px}}@media (width<=700px){.site-container{width:calc(100% - 40px)}.site-header{height:76px}.desktop-nav{display:none}.mobile-menu{display:inline-flex}.header-tools{gap:8px}.hero{height:590px}.hero-image{object-fit:contain;object-position:right center;width:650px;max-width:none;height:330px;top:260px;left:auto;right:-20px}.hero-inner{align-items:flex-start;padding-top:43px}.hero-copy{max-width:100%}.hero h1{margin:18px 0 12px;font-size:31px;line-height:1.65}.hero-subtitle{font-size:11px}.hero-actions{gap:12px;margin-top:23px}.hero-actions a{gap:12px;height:38px;padding:0 16px;font-size:11px}.hero-caption{font-size:8px;bottom:18px}.hero-pages{bottom:20px}.catalog-section{padding:40px 0}.section-heading{gap:8px;margin-bottom:23px}.section-heading h2{gap:9px;font-size:23px}.section-heading p{font-size:10px}.section-link{gap:6px;font-size:10px}.section-number{padding-left:9px;font-size:8px}.collectible-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.collectible-info{padding:14px}.collectible-info h3{font-size:17px}.collectible-info p{font-size:9px}.collectible-badge{font-size:8px;top:10px;left:10px}.price{font-size:18px}.price-row{margin-top:15px}.tea-grid{grid-template-columns:1fr;gap:20px}.tea-card img{height:300px}.tea-info{padding:20px}.brand-values{gap:14px;padding:23px 0}.brand-value{text-align:center;flex-direction:column;gap:8px}.brand-value h3{font-size:13px}.brand-value p{font-size:8px}.brand-value svg{width:22px}.footer-top{flex-direction:column;gap:30px}.footer-links{justify-content:space-between;gap:20px;width:100%}.footer-bottom{flex-direction:column;gap:12px;line-height:1.7}.detail-dialog{width:calc(100% - 32px)}.detail-dialog img{height:240px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}/* Compatibility layer for existing commerce controls; no data or business-state changes. */
:root{--font-display:'Noto Serif SC',serif;--font-sans:'Noto Sans SC',sans-serif;--navy:var(--primary);--line:var(--border);--canvas:var(--paper);color:var(--foreground);background:var(--paper);font-family:var(--font-sans);font-size:16px;line-height:1.5;font-variant-numeric:normal}
body{margin:0;background:var(--paper);color:var(--foreground);border:0;background-image:none}body::before,body::after{display:none}*{box-sizing:border-box}h1,h2,h3{font-family:var(--font-display);letter-spacing:normal;font-weight:500}p{margin:0}a{color:inherit;text-decoration:none}.site-header{display:block;padding:0;background:var(--paper);border-top:0}.site-header .brand{color:var(--foreground);font-weight:400;font-size:16px;letter-spacing:normal}.brand-name{font-weight:600}.site-container{max-width:none}.header-inner{flex-wrap:nowrap}#nav.desktop-nav{margin:0;padding:0;background:transparent;border:0;overflow:visible;align-items:center;height:100%;gap:28px;flex:0 0 auto;display:flex}#nav a.nav-control{padding:0;height:100%;display:flex;align-items:center;color:var(--muted-foreground);font-size:13px;font-weight:500;border:0;letter-spacing:normal;background:transparent;position:relative}#nav a.nav-control.active{color:var(--foreground);background:transparent;border:0}#nav a.nav-control.active::after,#nav a.nav-control:hover::after{content:'';background:var(--primary);width:18px;height:2px;position:absolute;bottom:21px;left:calc(50% - 9px)}.icon-control{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;color:var(--muted-foreground);padding:0;border:0;border-radius:0}.icon-control .ui-icon{width:16px;height:16px}.mobile-menu{display:none}button,.button{background:var(--primary);border:1px solid var(--primary);color:var(--paper);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font:500 14px/20px var(--font-sans);box-shadow:none}button.secondary,.button.secondary{border:1px solid color-mix(in srgb,var(--foreground) 40%,transparent);background:transparent;color:var(--foreground)}button:hover,.button:hover{filter:none}.ui-icon{width:16px;height:16px;vertical-align:middle;flex-shrink:0}.header-tools .icon-control{background:transparent;border:0;color:var(--muted-foreground);padding:0}button:disabled{opacity:.5}input,select,textarea{background:var(--card);border-color:var(--border);font-family:var(--font-sans);color:var(--foreground);border-radius:3px}#app.reference-surface{max-width:none;width:100%;margin:0;padding:0;min-height:55vh}.hero-copy{padding:0;width:auto}.hero-image{display:block!important;padding:0;max-width:none;border-radius:0}.hero-copy h1{color:var(--paper);letter-spacing:normal;font-weight:500}.hero-copy p.eyebrow{color:var(--gold);font-size:11px;line-height:1.5;margin:0}.hero-copy p.hero-subtitle{color:var(--hero-muted);font-size:13px;line-height:2;margin:0}.hero-actions .button.secondary{color:var(--paper);border-color:var(--hero-border)}.collectible-card .price,.tea-card .price{font-family:var(--font-sans);font-weight:500;letter-spacing:normal}.card-arrow{display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:2px}.section-link{display:inline-flex;align-items:center;justify-content:center}.tea-card .tea-info p{min-height:0}.tea-card img{object-fit:contain;background:var(--card)}.brand-values{border-bottom:0;margin-inline:auto}.brand-value h3{font-weight:500}.site-footer{margin:0;border:0;display:block;line-height:1.5}.site-footer .brand{color:var(--paper);font-size:16px;font-weight:400;letter-spacing:normal}.site-footer .brand-english{color:var(--hero-muted)}.footer-brand{padding:0;display:block}.footer-bottom a{display:inline}.launch-row .launch-action{white-space:nowrap;gap:8px;font-size:14px;height:36px;padding:8px 16px}.launch-row .launch-thumb img{border-radius:3px}.launch-row .launch-info h3{line-height:1.5}.rule-card .ui-icon{width:26px;height:26px}.empty-state h2{line-height:1.5}.empty-state>svg{display:block}.panel{background:var(--card);border-color:var(--border);border-radius:4px;margin:20px 0;padding:28px}.panel h2{font-size:23px}.panel p{color:var(--muted-foreground);font-size:13px;line-height:2}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:4px;margin:22px 0}th,td{border-color:var(--border);font-family:var(--font-sans)}.market-account-actions{margin-top:24px}.market-listings{margin-top:40px}.brand-store-list{margin-top:30px}.brand-store-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--border)}.brand-store-entry h3{font-size:20px;margin:0 0 8px}.brand-store-entry p{font-size:12px;color:var(--muted-foreground)}.brand-store-entry>span{font-size:12px;white-space:nowrap}.product-main{max-width:none!important;padding-inline:0}.product-section-nav button{color:var(--muted-foreground);border:0;background:none;padding:8px 0;border-radius:0}.product-overview .product-summary .product-price{font-family:var(--font-sans);font-weight:400}.product-overview .product-summary .product-purchase{min-height:40px;display:flex;width:100%}.product-visual{padding:0;background:none}.product-visual figcaption{background:none}.product-summary p{margin:0}.product-summary .actions{margin:10px 0}.product-caution{margin:20px 0!important}.reference-detail .site-header{height:88px}.reference-detail #nav,.reference-detail .header-tools,.reference-detail .brand-seal,.reference-detail .brand-english{display:none!important}.reference-detail .site-header .brand-name{font-size:28px}.reference-detail .site-header .brand::after{content:'返回商城';font:12px var(--font-sans);color:var(--muted-foreground);position:absolute;right:0}.reference-detail .site-header .header-inner{position:relative}.reference-detail .site-footer .footer-top{display:none}.reference-detail .site-footer{margin-top:32px;padding:30px 0}.reference-detail .site-footer .footer-bottom{border:0;padding:0;font-size:12px}.reference-dialog{background:var(--paper);color:var(--foreground);border:1px solid var(--border);border-radius:4px;padding:24px;width:min(512px,calc(100% - 32px));max-height:85vh;overflow:auto;box-shadow:var(--shadow-dialog)}.reference-dialog::backdrop{background:rgba(0,0,0,.8)}.reference-dialog h2{font:500 24px/1.5 var(--font-display);margin:0 0 12px}.reference-dialog>p{font:13px/1.8 var(--font-sans);color:var(--muted-foreground);margin:0 0 24px}.reference-dialog .dialog-close{position:absolute;right:12px;top:12px;border:0;background:none;color:var(--muted-foreground);padding:3px;width:24px;height:24px}.reference-dialog nav a{display:block;padding:9px 16px;font-size:14px;color:var(--muted-foreground)}.reference-dialog nav .nav-divider{display:none}.reference-search-form{display:flex;gap:8px}.reference-search-form input{margin:0;min-width:0}.reference-dialog .search-result h3{margin:0;font-weight:500;font-size:16px}.reference-dialog .search-result .card-arrow{border:0;color:var(--foreground)}.reference-dialog .search-result{line-height:1.5}.reference-dialog .search-result a{background:none}.reference-dialog[open]{display:block}dialog:not([open]){display:none}#dialog{background:var(--paper);color:var(--foreground);border-radius:4px;box-shadow:var(--shadow-dialog);max-height:85vh;overflow:auto}#dialog::backdrop{background:rgba(0,0,0,.8)}#dialog footer{background:none;padding:0;border:0}#dialog label{font-family:var(--font-sans)}#dialog p{color:var(--muted-foreground)}
.reference-account-hero h2{font:500 38px/1.5 var(--font-display);margin:22px 0 16px}.account.reference-account{max-width:none;width:min(1200px,calc(100% - 96px));padding:64px 0 66px;background:none;border:0;border-radius:0;margin:0 auto}.reference-account>#return-store,.reference-account>h1,.reference-account>#status:empty{display:none}.reference-account>#hint{color:var(--muted-foreground);font-size:13px}.reference-account #form,.reference-account #password-change,.reference-account #recovery-panel{max-width:512px;margin:0 auto;padding:32px;background:var(--card);border:1px solid var(--border);border-radius:4px}.reference-account #auth-modes{max-width:512px;margin:0 auto 20px;display:flex;gap:12px}.reference-account .member-banner{border:1px solid var(--border);background:var(--card);border-radius:4px;padding:30px 32px;margin-bottom:28px;gap:22px}.reference-account .member-avatar{width:64px;height:64px;border:1px solid var(--gold);background:none;color:var(--gold);font:28px var(--font-display)}.reference-account .member-banner h2{font-size:22px;margin:0 0 8px}.reference-account .member-banner p,.reference-account .member-banner span{font-size:11px;line-height:1.9;color:var(--muted-foreground)}.reference-account .member-banner>a{font-size:12px;border:1px solid var(--border);padding:8px 16px;border-radius:3px}.reference-account .member-section,.reference-account .points-guide{background:none;border-color:var(--border)}.reference-account .member-stats a,.reference-account .member-links a{border:1px solid var(--border);border-radius:4px;background:var(--card)}.reference-account .member-heading h2,.reference-account .points-guide h2{font-size:23px}.reference-account .member-links{grid-template-columns:repeat(2,1fr);gap:24px}.reference-account .member-links a{text-align:left;padding:28px}.reference-account .member-links b{color:var(--gold)}.reference-account .account-controls{font-size:12px}.reference-account #status{max-width:512px;margin:12px auto;font-size:13px}.reference-account .muted-note{color:var(--muted-foreground)}
@media(max-width:1100px){#nav.desktop-nav{gap:19px}.header-inner{gap:20px}.header-tools{gap:4px}.hero-copy p.hero-subtitle{font-size:13px}.account.reference-account{width:calc(100% - 64px)}}
@media(max-width:900px){#nav.desktop-nav{gap:14px}#nav a.nav-control{font-size:11px}.header-tools .account-control{display:none}.reference-account .member-banner{flex-wrap:wrap}.reference-account .member-banner>a{margin-left:0}}
@media(max-width:700px){.site-header{height:76px}.header-inner{flex-wrap:nowrap}#nav.desktop-nav{display:none}.header-tools .mobile-menu{display:inline-flex}.header-tools{gap:8px}.hero-copy{padding:0;max-width:100%}.hero-copy p.hero-subtitle{font-size:11px}.hero-copy p.eyebrow{font-size:11px}.hero-image{display:block!important}.hero-copy h1{font-size:31px;line-height:1.65;margin:18px 0 12px}.hero-actions .button{gap:12px;height:38px;padding:0 16px;font-size:11px}.reference-account-hero h2{font-size:29px}.account.reference-account{width:calc(100% - 40px);padding:40px 0}.reference-account .member-stats{grid-template-columns:repeat(2,1fr)}.reference-account .member-links{grid-template-columns:1fr;gap:20px}.reference-account #form,.reference-account #password-change,.reference-account #recovery-panel{padding:22px}.reference-account .member-banner{padding:24px}.brand-store-entry{align-items:flex-start;flex-direction:column}.product-main{padding-top:26px!important}.hero-caption{right:0}.hero-copy h1{letter-spacing:normal}.tea-card img{height:300px}.product-overview{gap:20px}.product-summary h1{font-size:27px}.reference-detail .site-header{height:78px}.reference-detail .site-header .brand-name{font-size:25px}}
.header-tools .icon-control{min-height:0;height:36px;display:inline-flex}.header-tools #open-mobile-nav{display:none}.header-tools #account-link{display:inline-flex}.hero-actions .button{margin-right:0}.brand-english{font-family:var(--font-sans);letter-spacing:normal}.storefront,.storefront-public{font-family:var(--font-sans)}
@media(max-width:900px){.header-tools #account-link{display:none}}@media(max-width:700px){.header-tools #open-mobile-nav{display:inline-flex}}
h1,h2,h3{line-height:1.5}.hero h1{line-height:1.65}.hero-actions .button,.launch-row .launch-action{min-height:0}.reference-dialog .icon-control,.reference-dialog .dialog-close{min-height:0}.hero-actions .button{height:42px}.reference-account>#return-store{display:none}.reference-account>.muted-note{margin-top:24px;font-size:11px}.reference-account>#hint{text-align:center;max-width:512px;margin:0 auto 20px}
@media(max-width:700px){.hero-actions .button{height:38px}}

.reference-account-hero h1{font-size:38px;font-weight:500;line-height:1.5;letter-spacing:3px;margin:22px 0 16px}.reference-account> a:first-child{display:none}@media(max-width:700px){.reference-account-hero h1{font-size:30px}}

#nav a.nav-control,#nav a.nav-control.active,#nav a.nav-control:hover{border:0;background:none;box-shadow:none}#nav a.nav-control::before{display:none}#nav a.nav-control::after{display:none}#nav a.nav-control[data-active=true]::after,#nav a.nav-control:hover::after{display:block;content:"";position:absolute;width:18px;height:2px;bottom:21px;left:50%;transform:translateX(-50%);background:var(--primary)}.reference-account .member-avatar{border-radius:50%}

/* Personal collection: same reference hierarchy for every account state. */
#app[data-view="mine"] .mine-empty{padding:68px 0 64px}#app[data-view="mine"] .mine-empty>svg{width:34px;height:34px}#app[data-view="mine"] .rule-grid{margin-top:0}#app[data-view="mine"] .owned-grid{margin-bottom:64px}.owned-number{margin-top:12px!important;font-family:monospace}.owned-provenance{display:flex;gap:8px;align-items:center;color:var(--gold);font-size:12px;margin-top:18px}.owned-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.owned-actions button{background:none;border:1px solid var(--hero-border);color:var(--paper);font-size:12px;padding:7px 12px;min-height:34px}.owned-actions button:hover{border-color:var(--gold);color:var(--gold)}.mine-records{border-top:1px solid var(--border);margin-top:48px;padding-top:24px}.mine-records summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;font:500 20px/1.6 var(--font-display)}.mine-records summary svg{color:var(--gold)}.mine-management{padding:24px 0 0}.mine-management h2{font-size:23px}.mine-management>p{color:var(--muted-foreground);font-size:13px;line-height:2}.collection-address{overflow-wrap:anywhere}.mine-management .collection-shortcuts{gap:24px;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:20px}.mine-management .collection-shortcuts a{background:none;border:0;padding:0;font-size:13px}.mine-management .collection-shortcuts a:hover{color:var(--primary)}
@media(max-width:700px){#app[data-view="mine"] .mine-empty{padding:32px 0 44px}.owned-grid{grid-template-columns:1fr}.mine-records summary{font-size:18px}.mine-management .collection-shortcuts{gap:16px;flex-wrap:wrap}}
/* The account page follows the reference profile and four-card hierarchy. */
.account-profile{border:1px solid var(--border);background:var(--card);border-radius:4px;align-items:center;gap:22px;margin-bottom:28px;padding:30px 32px;display:flex}.account-avatar{border:1px solid var(--gold);width:64px;height:64px;color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.account-avatar svg{width:28px;height:28px}.account-profile h2{margin:0 0 8px;font-size:22px}.account-profile p{color:var(--muted-foreground);margin:0;font-size:11px;line-height:1.9}.account-profile-action{margin-left:auto;gap:14px;min-height:38px;padding:0 18px;font-size:12px}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.account-card-link{margin-top:14px;padding-left:0;background:none!important;color:var(--muted-foreground);border:0!important;border-radius:0;gap:14px;font-size:12px}.account-card-link svg{width:16px;height:16px}.account-detail-groups{border-top:1px solid var(--border);margin-top:44px}.account-disclosure{border-bottom:1px solid var(--border);padding:24px 0}.account-disclosure>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;font:500 20px/1.6 var(--font-display)}.account-disclosure summary svg{color:var(--gold);width:18px;height:18px}.account-disclosure-body{padding-top:24px}.account-disclosure-body .member-section{padding-top:0}.account-disclosure-body .member-stats{margin-top:20px}.reference-account>#reference-guest-account{margin-bottom:48px}.reference-account #reference-guest-account[hidden]{display:none}.account-card{min-width:0}.account-card p{max-width:100%}.reference-account #hint:not([hidden]){padding-top:24px;border-top:1px solid var(--border)}
@media(max-width:700px){.account-grid{grid-template-columns:1fr}.account-profile{flex-wrap:wrap;padding:24px}.account-profile-action{margin-left:0}.account-disclosure>summary{font-size:18px}.reference-account .account-reference-grid{grid-template-columns:1fr}.account-disclosure-body .share-row{flex-wrap:wrap}.account-disclosure-body .share-row input{width:100%;min-width:0}.account-disclosure-body .share-row button{width:100%}}

/* Small screens retain complete brand and keyboard-accessible header tools. */
@media(max-width:700px){.header-inner{gap:12px;min-width:0}.header-inner .brand{min-width:0;flex:1}.header-tools{flex:none;gap:4px}.brand-seal{flex:none}.brand-name{white-space:nowrap}}
@media(max-width:360px){.header-inner{gap:8px}.header-tools{gap:0}.brand-english{display:none}.brand{gap:8px}.brand-name{font-size:24px}}
.mine-gift-tasks{border:1px solid var(--border);padding:24px;margin-bottom:32px;background:var(--card)}.mine-gift-tasks h2{font-size:23px;margin:0 0 16px}.mine-gift-tasks .actions{flex-wrap:wrap}.order-times{margin:16px 0;overflow-wrap:anywhere}.order-times>div{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid var(--border);padding:10px 0}.order-times dd{margin:0;text-align:right}.order-service-note{line-height:1.9;color:var(--muted-foreground)}
@media(max-width:600px){.order-times>div{display:block}.order-times dd{text-align:left;margin-top:6px}}

@media(max-width:700px){.brand>span:last-child{min-width:0}.brand-english{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-tools .icon-control{flex:none}}
