:root{color:var(--text,#1f271f);background:var(--page-background,#fbf6ec);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Source Han Sans SC,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--page-background);color:var(--text)}.solo-shell{background:var(--page-background);place-items:center;min-height:100vh;padding:28px;display:grid}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:var(--page-background);min-height:100vh;padding:32px 24px 56px;position:relative;overflow:hidden}.ambient{filter:blur(14px);opacity:.56;pointer-events:none;border-radius:999px;width:420px;height:420px;position:absolute}.ambient-left{background:radial-gradient(circle, var(--glow), transparent 66%);top:-120px;left:-80px}.ambient-right{background:radial-gradient(circle, var(--ornament), transparent 68%);bottom:60px;right:-90px}.hero,.workspace{z-index:1;max-width:1360px;margin:0 auto;position:relative}.hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:stretch;gap:24px;margin-bottom:24px;display:grid}.hero-copy,.creator-card,.panel-shell,.feedback-bar{border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 80px #10131c1a}.hero-copy,.panel-shell{border-radius:30px;padding:24px}.hero-copy,.creator-card,.preview-shell{color:var(--text)}.product-badge,.section-kicker,.panel-label,.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:.76rem;display:inline-flex}.product-badge:before,.section-kicker:before,.panel-label:before,.eyebrow:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 20px var(--glow);border-radius:999px}.hero-copy h1,.creator-card h2,.preview-toolbar h3,.card-hero h2{color:var(--text);letter-spacing:-.04em;font-family:SF Pro Display,PingFang SC,Helvetica Neue,Arial,sans-serif;font-weight:700}.signature-line{color:var(--text);font-family:STZhongsong,Songti SC,Iowan Old Style,Palatino Linotype,serif}.hero-copy h1{letter-spacing:-.05em;text-shadow:0 0 22px color-mix(in srgb, var(--accent) 12%, transparent);margin:16px 0 12px;font-size:clamp(2.2rem,3.5vw,3.8rem);line-height:1.06}.hero-lead{max-width:34ch;color:var(--muted);margin:0;font-size:1.08rem}.hero-tags,.creator-tags,.detail-tags{flex-wrap:wrap;gap:10px;display:flex}.hero-tags{margin-top:18px}.hero-tags span,.creator-tags span,.detail-tags span{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--text);border-radius:999px;align-items:center;padding:7px 12px;font-size:.83rem;display:inline-flex}.creator-card{gap:16px;display:grid}.creator-top{align-items:center;gap:16px;display:flex}.creator-avatar{object-fit:cover;border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);width:88px;height:88px;box-shadow:0 12px 30px var(--glow);border-radius:24px}.creator-copy h2{margin:4px 0 0;font-size:1.58rem;line-height:1.08}.creator-handle,.form-note,.feedback-bar,.overall-sub{color:var(--muted)}.creator-handle{letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}.creator-channel-grid,.creator-links,.hero-matrix{display:grid}.creator-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creator-qr-card{background:color-mix(in srgb, var(--surface-strong) 74%, transparent);border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);border-radius:20px;gap:10px;padding:12px;display:grid}.creator-qr-image{aspect-ratio:1;object-fit:cover;background:#ffffffb8;border-radius:16px;width:100%}.creator-qr-copy{gap:4px;display:grid}.creator-qr-copy a{color:var(--accent);font-size:.84rem;font-weight:700;text-decoration:none}.creator-links{gap:10px}.creator-link-card{background:color-mix(in srgb, var(--surface-strong) 76%, transparent);border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text);border-radius:18px;gap:4px;padding:12px 14px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.creator-link-card:hover{border-color:color-mix(in srgb, var(--accent) 36%, transparent);box-shadow:0 12px 28px color-mix(in srgb, var(--glow) 55%, transparent);transform:translateY(-1px)}.creator-link-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.creator-link-card strong,.creator-tags span{font-size:.8rem}.creator-link-card strong{line-height:1.3}.hero-matrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.hero-note-card{background:color-mix(in srgb, var(--surface-strong) 68%, transparent);border:1px solid color-mix(in srgb, var(--accent) 14%, transparent);border-radius:20px;gap:6px;padding:14px;display:grid}.hero-note-card strong{color:var(--text);font-family:Songti SC,STSong,Noto Serif CJK SC,Source Han Serif SC,serif;font-size:1.02rem}.hero-note-card p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.52}.workspace{grid-template-columns:minmax(330px,380px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.control-panel{gap:22px;display:grid}.theme-picker,.fortune-form{gap:16px;display:grid}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.theme-chip{border:1px solid var(--chip-border,#ffffff29);background:var(--chip-bg,#ffffff1a);color:var(--chip-text,var(--text));text-align:left;border-radius:22px;align-content:space-between;gap:12px;min-height:118px;padding:14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.theme-chip.is-active,.theme-chip:hover{border-color:color-mix(in srgb, var(--chip-accent) 60%, transparent);box-shadow:0 14px 30px var(--chip-glow);transform:translateY(-2px)}.theme-chip-top{align-items:center;gap:10px;display:flex}.theme-chip .theme-dot{background:var(--chip-accent);width:14px;height:14px;box-shadow:0 0 18px var(--chip-glow);border-radius:999px}.theme-chip-label{font-weight:700}.theme-chip p{opacity:.96;margin:0;font-size:.84rem}.field{gap:10px;display:grid}.field span{font-size:.94rem;font-weight:700}.field input,.field select,.time-picker select,.location-picker select{border:1px solid color-mix(in srgb, var(--accent) 18%, #ffffff29);background:color-mix(in srgb, var(--surface-strong) 92%, transparent);width:100%;color:var(--text);border-radius:16px;outline:none;padding:14px 16px;transition:border-color .18s,box-shadow .18s,transform .18s}.field input:focus,.field select:focus,.time-picker select:focus,.location-picker select:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);transform:translateY(-1px)}.time-picker,.location-picker{gap:12px;display:grid}.time-picker{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.time-divider{color:var(--muted);font-weight:700}.form-note{font-size:.9rem}.form-actions,.toolbar-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button{border:0;border-radius:999px;padding:13px 20px;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s}.primary-button{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 45%, white));color:var(--button-text,#0d111a);box-shadow:0 18px 32px var(--glow)}.secondary-button{background:color-mix(in srgb, var(--surface-strong) 90%, transparent);color:var(--text);border:1px solid color-mix(in srgb, var(--accent) 26%, transparent)}.primary-button:disabled,.secondary-button:disabled{opacity:.48;cursor:not-allowed}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.preview-panel,.preview-shell{gap:18px;display:grid}.preview-toolbar{justify-content:space-between;align-items:start;gap:18px;display:flex}.preview-toolbar h3{text-shadow:0 0 18px color-mix(in srgb, var(--accent) 10%, transparent);margin:8px 0 0;font-size:1.34rem;line-height:1.18}.card-stage{justify-content:center;display:flex}.fortune-card{border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);isolation:isolate;width:min(100%,486px);color:var(--text);border-radius:34px;align-content:start;gap:10px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 100px #080a1242}.card-noise,.card-orbit{pointer-events:none;position:absolute;inset:0}.card-noise{opacity:.22;background-image:linear-gradient(#0000 96%,#ffffff0d 100%),linear-gradient(90deg,#0000 96%,#ffffff0d 100%);background-size:18px 18px;-webkit-mask-image:linear-gradient(#000c,#0000 96%);mask-image:linear-gradient(#000c,#0000 96%)}.card-orbit{border:1px solid var(--ornament);border-radius:999px}.card-orbit-left{width:200px;height:200px;top:-84px;left:-76px}.card-orbit-right{width:240px;height:240px;bottom:-120px;right:-132px}.card-header,.title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-header,.card-hero,.card-body,.card-footer,.card-panel{z-index:1;position:relative}.card-header{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--text) 68%, var(--surface-strong));font-size:.78rem}.card-brand{color:var(--text);font-weight:700}.card-hero h2{margin:8px 0 10px;font-size:clamp(1.72rem,3.1vw,2.2rem);line-height:1.08}.hero-copy h1,.creator-card h2,.preview-toolbar h3,.card-hero h2,.signature-line{text-shadow:0 1px 0 color-mix(in srgb, var(--surface-strong) 30%, transparent), 0 0 24px color-mix(in srgb, var(--accent) 8%, transparent);-webkit-text-stroke:.35px color-mix(in srgb, var(--surface-strong) 58%, transparent)}.overall-pill,.mini-kicker{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--text);border-radius:999px;align-items:center;padding:5px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.overall-sub{text-align:right;font-size:.78rem}.card-copy,.panel-copy,.panel-detail,.scene-grid p,.mini-list p,.tarot-notes p,.fact-grid span{color:color-mix(in srgb, var(--text) 80%, var(--surface-strong));margin:0;font-size:.82rem;line-height:1.44}.signal-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;position:relative}.signal-tile{background:color-mix(in srgb, var(--surface) 84%, transparent);border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);border-radius:18px;gap:6px;padding:10px;display:grid}.signal-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.signal-tile p{color:color-mix(in srgb, var(--text) 84%, var(--surface-strong));margin:0;font-size:.78rem;line-height:1.38}.card-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.card-column{align-content:start;gap:10px;display:grid}.card-panel{background:color-mix(in srgb, var(--surface) 82%, transparent);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:22px;padding:11px}.card-panel-wide{margin-top:-2px;padding-top:10px}.detail-tags-card{margin-top:10px}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin-top:10px;display:grid}.tarot-panel{gap:10px;display:grid}.tarot-spread-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tarot-tile{background:color-mix(in srgb, var(--surface-strong) 88%, transparent);border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);text-align:center;border-radius:16px;padding:10px 8px}.tarot-tile strong,.tarot-tile span{display:block}.tarot-tile strong{margin-bottom:4px;font-size:.92rem}.tarot-tile span{color:color-mix(in srgb, var(--text) 68%, var(--surface-strong));font-size:.76rem}.tarot-notes{gap:6px;display:grid}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.scene-grid div,.mini-list div,.signature-block{gap:6px;display:grid}.card-footer-rich{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:10px;display:grid}.footer-left,.footer-right{background:color-mix(in srgb, var(--surface) 78%, transparent);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:22px;padding:11px}.footer-right{gap:12px;display:grid}.mini-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.signature-line{color:var(--text);margin:0;font-size:1.12rem;line-height:1.14}.placeholder-card{align-content:start}.placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.placeholder-block{border:1px dashed color-mix(in srgb, var(--accent) 34%, transparent);background:color-mix(in srgb, var(--surface) 60%, transparent);color:var(--muted);border-radius:18px;padding:16px}.feedback-bar{border-radius:18px;padding:14px 16px}@media (width<=1180px){.hero,.workspace{grid-template-columns:1fr}}@media (width<=780px){.app-shell{padding:22px 14px 36px}.hero-copy,.panel-shell{border-radius:24px;padding:18px}.theme-options,.creator-channel-grid,.hero-matrix{grid-template-columns:1fr}.preview-toolbar,.form-actions,.toolbar-actions,.card-body,.scene-grid,.card-footer-rich,.mini-list,.placeholder-grid,.fact-grid{flex-direction:column;grid-template-columns:1fr}.fortune-card{aspect-ratio:auto;width:min(100%,540px);min-height:780px}.title-row,.card-header{flex-direction:column;align-items:flex-start}.time-picker{grid-template-columns:1fr}.time-divider{display:none}.primary-button,.secondary-button{width:100%}}
