.commerce-shell{background:radial-gradient(ellipse at 90% 0%,#5b192d 0,transparent 48%),var(--night,#170f23);min-height:100dvh;color:var(--paper,#fff6e9);padding:0 clamp(20px,5vw,80px);position:relative;overflow:hidden}.commerce-shell:before{content:"✦";color:#f5ca7906;pointer-events:none;font-size:420px;position:absolute;top:130px;right:-70px}.commerce-nav,.commerce-footer{border-bottom:1px solid #f5ca7929;justify-content:space-between;align-items:center;gap:24px;max-width:1120px;margin:auto;padding:28px 0;display:flex}.commerce-nav .brand{text-decoration:none}.commerce-nav nav{gap:clamp(14px,3vw,30px);font-size:14px;display:flex}.commerce-shell a{color:inherit}.commerce-nav nav a{opacity:.8;text-decoration:none}.commerce-nav nav a:hover{opacity:1;color:var(--brass,#f5ca79)}.commerce-main{z-index:1;max-width:1120px;margin:auto;padding:70px 0 90px;position:relative}.commerce-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--brass,#f5ca79);font-size:12px;font-weight:800}.commerce-title{font-family:var(--serif,Georgia,serif);letter-spacing:-.04em;max-width:800px;margin:18px 0 25px;font-size:clamp(42px,6vw,76px);font-weight:500;line-height:1.04}.commerce-lede{color:#eee0d4;max-width:680px;font-size:clamp(17px,2vw,21px);line-height:1.7}.commerce-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:30px;margin-top:38px;display:grid}.commerce-card{background:linear-gradient(140deg,#ffffff0d,#ffffff02);border:1px solid #f5ca7938;border-radius:20px;padding:clamp(24px,4vw,42px);box-shadow:0 20px 60px #0002}.commerce-card-light{background:var(--paper,#fff6e9);color:var(--ink,#210e22);border-color:#0000}.commerce-card h2,.commerce-section-title{font:500 32px/1.2 var(--serif,Georgia,serif);letter-spacing:-.02em;margin:0 0 20px}.commerce-card h3{font-family:var(--serif,Georgia,serif);margin:0 0 12px;font-size:24px}.commerce-card p{line-height:1.65}.commerce-form{gap:20px;display:grid}.commerce-form label{gap:8px;font-size:14px;font-weight:700;display:grid}.commerce-form input,.commerce-form select,.commerce-form textarea{box-sizing:border-box;color:#210e22;outline-offset:4px;background:#fffaf6;border:1px solid #d8c7bb;border-radius:10px;width:100%;padding:14px;font:400 16px/1.4 system-ui,sans-serif}.commerce-form textarea{resize:vertical;min-height:150px}:is(.commerce-form input:focus-visible,.commerce-form textarea:focus-visible,.commerce-form select:focus-visible){outline:3px solid var(--cranberry,#a62439)}.commerce-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.commerce-shell .button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 22px;font:700 15px/1.2 system-ui,sans-serif;text-decoration:none;display:inline-flex}.commerce-shell .button-primary{color:#fffaf0;background:linear-gradient(#bd3549,#941b32);border-color:#d47f76;box-shadow:inset 0 1px #ffffff27,0 5px #5b1428,0 8px 22px #6b152522}.commerce-shell .button-outline{color:inherit;background:0 0;border:1px solid}.commerce-shell .button-quiet{color:inherit;text-underline-offset:4px;background:0 0;border:0;min-height:40px;padding:5px;text-decoration:underline}.commerce-shell button:disabled{cursor:wait;opacity:.5}.commerce-form .button-primary{width:100%}.commerce-tabs{background:#e8dbd0;border-radius:10px;gap:6px;margin-bottom:24px;padding:5px;display:flex}.commerce-tabs button{cursor:pointer;color:#5f4b55;background:0 0;border:0;border-radius:7px;flex:1;padding:12px;font-weight:700}.commerce-tabs button[aria-selected=true]{color:#8b2035;background:#fffaf6;box-shadow:0 2px 6px #210e2210}.commerce-message{background:#f5ca790d;border:1px solid #f5ca7955;border-radius:12px;margin:20px 0;padding:16px 20px;line-height:1.6}.commerce-card-light .commerce-message{background:#eadbcf70;border-color:#d4baa1}.commerce-message-error{color:#ffd1d1;border-color:#ee9b9b}.commerce-card-light .commerce-message-error{color:#9a2037;background:#fff0ef;border-color:#c98989}.commerce-meta{color:var(--brass,#f5ca79);flex-wrap:wrap;gap:10px 20px;margin:24px 0;font-size:14px;display:flex}.commerce-card-light .commerce-meta{color:#8e283b}.commerce-stamp{letter-spacing:.08em;text-transform:uppercase;color:var(--brass,#f5ca79);border:1px solid #f5ca7955;border-radius:20px;padding:5px 10px;font-size:11px;display:inline-block}.commerce-card-light .commerce-stamp{color:#8e283b;border-color:#8e283b40}.commerce-small{opacity:.75;font-size:13px;line-height:1.6}.commerce-list{gap:16px;margin:20px 0 0;padding:0;list-style:none;display:grid}.commerce-list li{border-bottom:1px solid #f5ca7929;padding:18px 0;line-height:1.6}.commerce-card-light .commerce-list li{border-color:#d9c9bd}.commerce-order{justify-content:space-between;align-items:start;gap:20px;display:flex}.commerce-order code{overflow-wrap:anywhere;opacity:.7;margin-top:5px;font-size:11px;display:block}.commerce-order strong{display:block}.commerce-loading{border:1px solid #f5ca7930;border-radius:16px;padding:32px}.commerce-footer{opacity:.65;border-top:1px solid #f5ca7929;border-bottom:0;padding:28px 0 40px;font-size:13px}.commerce-footer a{text-decoration:none}.commerce-details{border-top:1px solid #f5ca7929;margin-top:30px;padding-top:24px}.commerce-details summary{cursor:pointer;min-height:44px;font-weight:700}.commerce-check{grid-template-columns:32px 1fr;gap:12px;margin:24px 0;line-height:1.6;display:grid}.commerce-check>span{color:var(--brass,#f5ca79);font-size:25px}.commerce-ticket{white-space:pre-wrap;overflow-wrap:anywhere}.commerce-admin-list{gap:20px;margin:24px 0;display:grid}.commerce-admin-list article{border:1px solid #f5ca7930;border-radius:12px;padding:20px}.commerce-admin-list code{overflow-wrap:anywhere;font-size:12px}.commerce-shell :focus-visible{outline:3px solid var(--brass,#f5ca79);outline-offset:4px}.commerce-card-light :focus-visible{outline-color:var(--cranberry,#a62439)}@media (max-width:740px){.commerce-grid{grid-template-columns:1fr}.commerce-nav{align-items:start}.commerce-nav nav{flex-wrap:wrap;justify-content:flex-end}.commerce-nav .brand{white-space:nowrap;font-size:22px}.commerce-main{padding:42px 0 60px}.commerce-footer{flex-direction:column;align-items:start}.commerce-order{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:no-preference){.commerce-card{animation:.55s ease-out both commerce-reveal}.commerce-grid>.commerce-card:nth-child(2){animation-delay:.1s}.commerce-shell .button{transition:transform .2s,box-shadow .2s}.commerce-shell .button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 28px #0003}@keyframes commerce-reveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}}.commerce-story-scene{aspect-ratio:21/7;background:#201128;border:1px solid #f5ca7940;border-radius:20px;margin:32px 0;position:relative;overflow:hidden}.commerce-story-scene img{object-fit:cover;object-position:center 57%;width:100%;height:100%;display:block}.commerce-story-scene:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 60px #170f2344}@media (max-width:580px){.commerce-nav{flex-wrap:wrap;gap:20px}.commerce-nav nav{justify-content:flex-start;gap:30px;width:100%}.commerce-story-scene{aspect-ratio:4/3}.commerce-nav .brand{font-size:1.55rem}}.commerce-footer nav{flex-wrap:wrap;gap:18px;display:flex}.commerce-footer a{align-items:center;min-height:44px;display:inline-flex}.badge-slot{align-items:center;min-height:28px;display:flex}.story-card h2{margin-top:22px}.story-card .commerce-actions{align-items:center}.story-card .commerce-actions .commerce-small{opacity:.9;flex:200px;margin:0}.commerce-shell .story-card .button{flex:none}.commerce-shell a.button-primary{color:#fffaf0}.commerce-stamp.is-live{background:var(--brass);color:#532437;border-color:#ffdfa7}.commerce-stamp.is-ended{color:#cdbcc4;border-color:#cdbcc455}.commerce-card-light .commerce-stamp.is-ended{color:#5f4b55;border-color:#5f4b5555}.commerce-card-light .commerce-stamp.is-live{color:#fff6e9;background:#8e283b;border-color:#8e283b}.commerce-banner{border:1px solid #f5ca7966;border-left:5px solid var(--brass);background:#f5ca7914;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 36px;padding:18px 22px;font-size:18px;line-height:1.6;display:flex}.commerce-banner strong{font-family:var(--serif);font-size:1.15em;font-weight:500}.commerce-banner p{margin:0}.banner-close{width:44px;height:44px;color:var(--paper);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;margin:-10px -12px -10px 0;display:grid}.banner-close:hover{background:#f5ca7926}.shelf-list{margin-top:8px}.shelf-item .commerce-order{flex-wrap:wrap;align-items:center}.shelf-item .commerce-order>div:first-child{flex:200px;min-width:0}.shelf-item h3{margin:0 0 10px}.shelf-item.is-ended h3,.shelf-item.is-ended .shelf-meta{color:var(--muted-pine)}.shelf-actions{text-align:right;flex:none;justify-items:end;gap:8px;display:grid}.shelf-actions .commerce-small{white-space:nowrap;margin:0}.shelf-actions .button{white-space:nowrap}@media (max-width:740px){.shelf-actions{text-align:left;justify-items:stretch;width:100%}.shelf-actions .button{width:100%}.shelf-item .commerce-order{flex-wrap:nowrap;align-items:stretch}.shelf-item .commerce-order>div:first-child{flex:none}}.shelf-empty{margin:0;font-size:17px;line-height:1.6}.shelf-empty a{color:#8e283b;text-underline-offset:5px;padding:10px 0;font-weight:700;text-decoration:underline;display:inline-block}.nw{white-space:nowrap}.commerce-small a{text-underline-offset:3px;text-decoration:underline}.commerce-shell .button[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.modal-layer{z-index:50;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-scrim{background:#170f23cc;position:absolute;inset:0}.modal{background:var(--paper);width:min(100%,480px);max-height:100%;color:var(--ink);border:1px solid var(--brass);border-radius:20px;padding:34px;position:relative;overflow:auto;box-shadow:0 24px 70px #08030f80}.modal h2{font:500 30px/1.15 var(--serif);letter-spacing:-.02em;margin:0 0 14px}.modal p{margin:0 0 14px;line-height:1.65}.modal .commerce-message{background:#eadbcf70;border-color:#d4baa1;margin:18px 0 0}.modal .commerce-message-error{color:#9a2037;background:#fff0ef;border-color:#c98989}.modal .commerce-actions{margin-top:26px}.modal .button-primary{flex:auto}.modal :focus-visible{outline:3px solid var(--cranberry,#a62439);outline-offset:4px}@media (max-width:480px){.modal{padding:26px 22px}.modal .commerce-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){.commerce-shell *,.commerce-shell :before{transition:none!important;animation:none!important}}.stories-guide{margin-top:48px}.stories-guide p,.stories-guide li{max-width:68ch}.stories-guide h2{margin-top:36px}.stories-guide h2:first-of-type{margin-top:8px}.stories-guide a{color:var(--brass,#f5ca79);text-underline-offset:3px;text-decoration:underline}.stories-glance{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:8px 0;padding:0;list-style:none;display:grid}.stories-glance li{background:#ffffff10;border:1px solid #f5ca7944;border-radius:12px;max-width:none;padding:14px 16px}.stories-glance strong{letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;display:block}
