:root{color-scheme:light;--bg:#fff8f2;--paper:#fff;--ink:#1c082c;--muted:#65556f;--line:#dfd4e4;--green:#7500f5;--lime:#f3e8ff;--orange:#ff6b00;--shadow:0 14px 45px #1c082c12;--surface-soft:#f7effc}
html[data-theme=dark]{color-scheme:dark;--bg:#1c082c;--paper:#2b173a;--ink:#fff8f2;--muted:#d5c4dc;--line:#614b6b;--green:#c4a0ff;--lime:#4c2a65;--orange:#ff9a50;--shadow:0 14px 45px #0004;--surface-soft:#382144}
body{background:var(--bg);color:var(--ink);font:400 15px/1.5 system-ui,-apple-system,sans-serif}h1,h2,h3,.brand{font-family:system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff9a50;outline-offset:3px}button:disabled{cursor:not-allowed}
.demo-toolbar{height:52px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;background:#1c082c;color:#fff8f2;font-size:12px;font-weight:750}.demo-toolbar .back-site{display:inline-flex;align-items:center;min-height:44px;color:#fff8f2;text-decoration:none}.demo-toolbar .back-site:hover{text-decoration:underline}.demo-label{letter-spacing:.12em;font-size:10px}.demo-toolbar button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff65;border-radius:50%;background:transparent;color:#fff;font-size:20px}.demo-toolbar button:hover{background:#ffffff1f}
.brand{width:132px;min-height:44px}.brand img{width:100%;height:auto}.brand .demo-logo-dark{display:none}html[data-theme=dark] .brand .demo-logo-light{display:none}html[data-theme=dark] .brand .demo-logo-dark{display:block}.sidebar{top:52px;background:var(--paper);border-color:var(--line)}.sidebar .brand{padding:0;width:145px}.tagline,.nav-label{color:var(--muted)}.nav button{color:var(--muted);min-height:44px}.nav button.active,.nav button:hover{background:var(--surface-soft);color:var(--green)}.pro-card{background:var(--surface-soft);color:var(--ink)}.pro-card p,.account small{color:var(--muted)}.account{border-color:var(--line)}.topbar{background:var(--paper);border-color:var(--line)}.breadcrumb,.breadcrumb b,.icon-btn{color:var(--muted)}.icon-btn{min-width:44px;min-height:44px}.content{color:var(--ink)}.page-head p,.muted,small,.legal,.hint{color:var(--muted)}.eyebrow{color:var(--green)}.btn{background:#7500f5;color:#fff;border-radius:10px;min-height:44px;transition:background-color .2s,transform .2s}.btn:hover{background:#5b00c7}.btn:active{transform:scale(.98)}.btn.light{background:var(--paper);color:var(--ink);border-color:var(--line)}.btn.light:hover{background:var(--surface-soft)}.btn.lime{background:#ff9a50;color:#1c082c}.btn.orange{background:#ff9a50;color:#1c082c}.btn.small{min-height:40px}.panel,.artist-card,.feed-post,.modal,.stat,.search-box,.welcome-views>button,.arti-scenario,.tutorial-card,.booking-row,.arti-card,.feed-suggestions,.feed-intro,.profile-card{background:var(--paper);color:var(--ink);border-color:var(--line)}.panel,.artist-card,.feed-post,.modal,.stat,.arti-scenario,.welcome-views>button{border-radius:16px}.feed-tabs button,.arti-tabs button,.category,.text-btn{color:var(--muted)}.feed-tabs button.active,.arti-tabs button.active,.category.active,.text-btn:hover{color:var(--green);border-color:var(--green)}.field label,.search-field label{color:var(--ink)}.field input,.field select,.field textarea,.search-field input,.search-field select,select,input,textarea{background:var(--paper);color:var(--ink);border-color:var(--line)}.badge,.role-badge,.demo-mode-label{background:var(--surface-soft);color:var(--ink)}.demo-banner{background:var(--paper);border-color:var(--line);color:var(--muted);bottom:10px}.demo-banner .text-btn{color:var(--green)}.mobile-menu{background:var(--paper);border-color:var(--line)}.mobile-menu button{color:var(--muted)}.mobile-menu button.active{color:var(--green)}
.preview-welcome{max-width:1300px;padding:clamp(20px,4vw,48px);min-height:calc(100vh - 52px)}.preview-welcome>header{gap:20px}.preview-welcome>header .text-btn{color:var(--green)}.welcome-copy{max-width:1120px;padding:clamp(45px,7vw,100px) 0 60px}.welcome-copy h1{font-size:clamp(42px,6.8vw,82px);line-height:1.02;letter-spacing:-.055em;max-width:850px}.welcome-copy>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:690px}.welcome-views{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}.welcome-views>button{padding:24px;color:var(--ink);box-shadow:var(--shadow);transition:transform .2s,border-color .2s,background-color .2s}.welcome-views>button:hover{border-color:#7500f5;background:var(--surface-soft);transform:translateY(-3px)}.welcome-views>button>svg:first-child{color:#ff6b00}.welcome-views>button>svg:last-child{color:var(--green)}.welcome-views span{font-size:14px;color:var(--muted)}.welcome-views strong{font-family:system-ui,sans-serif;font-size:21px}.welcome-copy>.legal{font-size:13px;color:var(--muted)}.preview-welcome footer{color:var(--muted);border-color:var(--line)}
html[data-theme=dark] .view-switch,html[data-theme=dark] .arti-role-switch,html[data-theme=dark] .feed-tabs,html[data-theme=dark] .category,html[data-theme=dark] .feed-intro,html[data-theme=dark] .search-box,html[data-theme=dark] .card-body,html[data-theme=dark] .post-body,html[data-theme=dark] .arti-note,html[data-theme=dark] .notice,html[data-theme=dark] .summary,html[data-theme=dark] .detail-grid>div,html[data-theme=dark] .booking-row,html[data-theme=dark] .account,html[data-theme=dark] .modal{background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .welcome-copy>p,html[data-theme=dark] .welcome-views span,html[data-theme=dark] .page-head p,html[data-theme=dark] .feed-intro p,html[data-theme=dark] .post-meta,html[data-theme=dark] .card-location,html[data-theme=dark] .tagline,html[data-theme=dark] .nav-label{color:var(--muted)}
html[data-theme=dark] .feed-tabs button.active,html[data-theme=dark] .arti-tabs button.active,html[data-theme=dark] .nav button.active{background:var(--surface-soft);color:#e4d3ff}html[data-theme=dark] .arti-role-switch select{background:var(--paper);color:var(--ink)}html[data-theme=dark] .view-switch button.active{background:var(--surface-soft);color:var(--ink)}html[data-theme=dark] .avatar{color:#1c082c}html[data-theme=dark] .modal-overlay{background:#08010cbb}
@media(max-width:900px){.demo-toolbar{padding-inline:14px}.sidebar{top:52px}.welcome-views{grid-template-columns:1fr 1fr}.preview-welcome{padding:24px}.welcome-copy{padding-top:45px}}
@media(max-width:600px){.demo-label{font-size:9px;letter-spacing:.04em}.demo-toolbar .back-site{font-size:11px}.welcome-copy h1{font-size:clamp(40px,10vw,55px)}.welcome-copy>p{font-size:16px}.welcome-views{grid-template-columns:1fr}.welcome-views>button{min-height:130px}.welcome-views>button>svg:first-child{margin-bottom:10px}.welcome-views strong{margin-bottom:3px}.content{padding-left:16px;padding-right:16px}.demo-banner{bottom:68px;right:8px;max-width:calc(100% - 16px)}.topbar{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.stat.accent{background:#7500f5;color:#fff}.stat.accent small,.stat.accent .sub{color:#f1dfff}.arti-quick button{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}.arti-quick button:hover{border-color:var(--green)}
.modal p,.modal-head p,.tutorial-card p{color:var(--muted)}.modal-head h2,.modal h2,.tutorial-card h2{color:var(--ink)}
@media(max-width:600px){.topbar .header-identity{display:none}.mobile-brand .brand{width:95px}.top-actions{gap:3px}}
.stat small,.stat .sub{color:var(--muted)}.stat.accent small,.stat.accent .sub{color:#f1dfff}.arti-note,.notice{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}