@import url('/planet/modular-journey-2/material-preview/journey.css');
main{max-width:1120px}header{margin-bottom:36px}h1{font-size:clamp(32px,4vw,48px);line-height:1.35;overflow-wrap:anywhere}h2{font-size:26px;margin:36px 0 14px}h3{font-size:18px;font-weight:500}p{max-width:72ch}label{display:block;margin:14px 0}input,select,textarea{display:block;width:100%;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;min-height:46px;padding:10px 14px;font:inherit;caret-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=checkbox]{display:inline;width:20px;min-height:20px;margin-right:12px;vertical-align:middle}select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.muted,small{color:var(--muted)}.intro{max-width:720px;margin-bottom:30px}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px}#notice{position:sticky;top:8px;z-index:5;background:#142738;color:#e1edf1;padding:12px 16px;border-radius:8px}#notice:empty{display:none}section{scroll-margin-top:50px}#checkout,#benefits,#recover{border-top:1px solid var(--line);padding-top:20px;margin-top:36px}#sphere{height:460px;touch-action:none;position:relative}#sphere canvas{width:100%;height:100%;display:block}.panorama{height:480px;touch-action:none;background:#090f20;border-radius:12px;overflow:hidden}.panorama canvas{display:block;width:100%;height:100%}.jobs{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.jobs button{border-radius:12px;flex:1;min-width:160px;text-align:left}.jobs small{display:block}.chapter{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:14px 0;min-height:48px}details p{white-space:pre-line}#collection-list{display:grid;gap:12px}.star-link{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:center;text-decoration:none}.star{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--land),var(--ocean) 60%,#080d1c);flex-shrink:0}.star-link strong{display:block;color:var(--ink)}#recovery-key{overflow-wrap:anywhere;font-size:13px;line-height:1.8;user-select:all}.admin-orders{display:grid;grid-template-columns:270px minmax(0,1fr);gap:32px}.admin-orders nav button{display:block;width:100%;margin-bottom:8px;text-align:left;border-radius:10px;overflow-wrap:anywhere}.admin-orders nav small{display:block}.order-id{font-size:13px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}form{max-width:680px}#order-list button[aria-current=true]{border-color:var(--accent);background:#19313c}button[aria-pressed=true]{border-color:var(--accent);background:#19313c}.checks{padding:16px 0}footer{margin-top:64px;font-size:13px;color:var(--muted)}@media(max-width:640px){.split,.admin-orders{grid-template-columns:1fr;gap:24px}header{gap:12px;align-items:start}.row{gap:10px}.row button{flex-grow:1}.panorama{height:360px}#sphere{height:390px}.jobs button{min-width:120px}main{padding-inline:20px}.admin-orders nav{display:flex;overflow-x:auto;gap:8px}.admin-orders nav button{flex:0 0 230px}}
/* Accessible navigation and a calm, explicit purchase sequence. */
header{flex-wrap:wrap;gap:8px 20px}header a,.history a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-size:14px;padding:8px 0}
.action-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--line);border-radius:24px;padding:10px 20px;text-decoration:none;color:var(--ink)}.action-link.primary{background:var(--accent);border-color:var(--accent);color:#102229}.action-link:hover{border-color:var(--accent)}
#empty-collection{margin:30px 0 40px}#collection-list h2{font-size:22px}.history{margin-top:28px}#recover-form>button{margin-top:12px}.star-link span:last-child{min-width:0;overflow-wrap:anywhere}

#verification h3{margin-top:16px}#verification{padding:16px 0;border-top:1px solid var(--line);margin:24px 0}.check-label{display:flex;align-items:center;gap:12px;min-height:44px}.check-label input{flex-shrink:0;margin:0}.benefit-summary{font-size:17px;line-height:1.9}#copy-fallback{margin:16px 0}#copy-value{width:100%}
#viewer.is-immersive{position:fixed;inset:0;z-index:100;background:var(--bg);padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:auto}#viewer.is-immersive h3{margin:0 0 8px}#viewer.is-immersive .panorama{flex:1;min-height:160px;height:auto}#viewer.is-immersive .pano-controls{margin-top:12px;flex-shrink:0}#viewer.is-immersive>p{margin-bottom:0;font-size:14px}.panorama:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:640px){header a{font-size:14px}#viewer.is-immersive .pano-controls{gap:6px}#viewer.is-immersive .pano-controls button{font-size:14px;padding:8px 12px}.history .row{align-items:flex-start;flex-direction:column}.benefit-summary{font-size:16px}}

/* Private landscape delivery: retain the entire approved composition. */
.panorama.landscape-view{display:flex;align-items:center;justify-content:center;overflow:auto;touch-action:pan-x pan-y;background:#071018;}
.landscape-view img{display:block;max-width:100%;max-height:100%;object-fit:contain;flex:none;}
.panorama.landscape-detail{display:block;}
.landscape-detail img{max-width:none;max-height:none;height:auto;}
.landscape-view:fullscreen{height:100vh;width:100vw;}
.admin-orders>section{min-width:0;}
.panorama.landscape-view{width:100%;min-width:0;max-width:100%;}

#keepsakes-frame{display:block;width:100%;min-height:420px;border:0;margin-top:24px;background:#080f18;}#keepsakes-frame[hidden]{display:none;}

/* One private code for redemption and recovery. */
.redeem-form{margin:28px 0;padding:8px 0 24px;border-bottom:1px solid var(--line)}
.redeem-form h3{font-size:21px;line-height:1.5;margin:12px 0}#redeem-input,#recover-input,#issued-code{font-size:16px;overflow-wrap:anywhere}#issued-code{min-height:100px;resize:vertical}#code-output{margin:24px 0;padding:20px 0;border-block:1px solid var(--line)}button:disabled{cursor:not-allowed;opacity:.55}#recover-input:focus-visible,#redeem-input:focus-visible,#issued-code:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

#code-list{display:grid;gap:8px;margin:16px 0}.voucher-row{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border-radius:10px;width:100%}.voucher-row strong{font-weight:500;flex-shrink:0}.voucher-row span{color:var(--muted);font-size:14px;overflow-wrap:anywhere}#code-manage{margin:28px 0;padding-top:16px;border-top:1px solid var(--line)}#code-owner,#manage-note,#recovered{overflow-wrap:anywhere}#pool-counts{font-variant-numeric:tabular-nums}#take-code{margin:24px 0}#inventory{margin:24px 0 40px}@media(max-width:640px){.voucher-row{display:block}.voucher-row span{display:block;margin-top:6px}#inventory .row>label{width:100%}}

img.star{width:120px;height:90px;border-radius:8px;object-fit:contain;background:#060d16;flex-shrink:0}.order-id{overflow-wrap:anywhere}

/* Match the creation flow, keep recovery and entitlement controls readable. */
body{font-size:1rem}.galaxy-background canvas{opacity:.4}
#planet>h1{text-align:center;margin-bottom:8px}
.planet-identity{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 12px}
.planet-identity .order-id{font-size:.875rem;line-height:1.8;color:#c6d8df;user-select:all;margin:0;overflow-wrap:anywhere}
.planet-identity button{font-size:.875rem;min-height:44px;padding:8px;border:0;border-radius:0;background:transparent;text-decoration:underline;text-underline-offset:4px}
.identity-status{font-size:.875rem;line-height:1.7;color:#c6d8df;text-align:center}.identity-status:empty{display:none}
.star-link{gap:20px;padding:24px 0;min-width:0}.star-link .star{width:88px;height:88px;object-fit:contain;background-color:#07131c;border-radius:10px}
.star-link strong{font:400 1.375rem/1.5 'Songti SC',serif;margin-bottom:6px}.star-link small{display:block;font-size:.875rem;line-height:1.8;color:#bfd2dc}
.chapter{font-size:1rem;line-height:1.9}.muted,footer,#render-status{font-size:.875rem;color:#bfd2dc;line-height:1.8}
button,.action-link{min-height:44px;font-size:1rem}#checkout,#benefits{max-width:780px;margin-inline:auto}
@media(max-width:640px){main{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(32px,env(safe-area-inset-bottom))}.star-link .star{width:72px;height:72px}.star-link{gap:16px}.star-link strong{font-size:1.25rem}}
@media(prefers-contrast:more){body{--muted:#e1edf1;--line:#87a1af}.galaxy-background canvas{opacity:.15}}

/* One artwork list. Status belongs to the work, not to a distant section. */
#collection{max-width:900px;margin-inline:auto}#collection>h1{margin-bottom:12px}#galaxy-count{margin:24px 0;color:#c6d8df}
#collection-list{gap:0}.galaxy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px 0;border-top:1px solid #30414d}
.galaxy-row .star-link{border:0;padding:0;gap:24px;min-height:124px}.star-art{position:relative;display:flex;align-items:center;justify-content:center;width:160px;aspect-ratio:4/3;flex-shrink:0;background:transparent;overflow:visible;border-radius:0}
.star-photo{display:block;width:100%;height:100%;object-fit:contain}.star-placeholder{color:#bdd0da;font-size:13px;text-align:center;padding:12px;line-height:1.6;background:transparent}
.star-copy{min-width:0;display:block}.star-copy strong{font-family:IPBrand,'Songti SC',serif;overflow-wrap:anywhere;font-size:24px;margin-bottom:6px}.star-copy small{font-size:12px;color:#bcced6;line-height:1.8;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.star-next{display:block;color:#afe2d5;font-size:14px;margin-top:12px}.star-link:hover .star-next{text-decoration:underline;text-underline-offset:5px}.star-side{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.star-status{font-size:12px;border:1px solid #516671;border-radius:20px;padding:3px 11px;color:#c6d8df;white-space:nowrap}.star-status[data-tone=collected]{border-color:#638d82;color:#b5e5d7}.star-status[data-tone=pending]{border-color:#857756;color:#e5d5ae}
.star-rename{font-size:13px;padding:8px 0;min-height:44px;border:0;border-radius:0;color:#bdcfd7;background:transparent}.star-rename:hover{background:none;color:#e4edf1;text-decoration:underline;text-underline-offset:5px}
.star-name-form{grid-column:1/-1;display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;width:100%;padding-top:12px}.star-name-form label{flex:1;min-width:180px;margin:0}.star-name-form input{margin-top:8px}.star-name-form p{flex-basis:100%;margin:0;color:#e5d5ae;font-size:14px}
#collection-note{font-size:13px;margin:22px 0}.history{margin-top:24px}#create-another{margin:20px 0}.thumbnail-render-stage{position:fixed;left:0;bottom:0;width:480px;height:360px;opacity:0;pointer-events:none;z-index:-1}
@media(max-width:600px){.galaxy-row{gap:8px;padding:20px 0;grid-template-columns:minmax(0,1fr) auto}.galaxy-row .star-link{gap:12px;min-height:108px}.star-art{width:104px}.star-copy strong{font-size:20px}.star-copy small{font-size:11px}.star-next{font-size:13px;margin-top:8px}.star-side{gap:10px}.star-status{font-size:11px;padding:3px 8px}.star-rename{font-size:12px}.star-name-form button{flex:1}.star-name-form label{flex-basis:100%}}
@media(max-width:370px){.star-art{width:78px}.star-copy strong{font-size:18px}.galaxy-row{column-gap:6px}}

#keepsakes-frame.keepsake-theater-host{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;margin:0!important;border:0!important;z-index:2147483000;background:#030912}

#buy[hidden]{display:none}#buy[aria-disabled=true]{opacity:.55;cursor:not-allowed}#buy:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#purchase-help{max-width:60ch}