@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#263c37;--muted:#6e7c75;--green:#34594d;--line:#e0e6de;--cream:#f7f8f2;--peach:#eee0ce}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b68444;outline-offset:3px}.demo{height:36px;background:#253e35;color:white;display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px;letter-spacing:1.5px}.demo span{opacity:.75;letter-spacing:.2px}aside{position:fixed;top:36px;bottom:0;left:0;width:245px;padding:35px 24px;border-right:1px solid var(--line);background:#fbfcf7;display:flex;flex-direction:column}.brand{font:28px/1 'Manrope',sans-serif;letter-spacing:-1.4px;display:block;padding-left:52px;position:relative}.brand b{font-weight:800}.mark{position:absolute;left:0;top:-4px;font-size:48px;font-weight:400}.eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin:26px 0}nav{display:grid;gap:8px}nav a{padding:13px 16px;border-radius:10px;font-weight:500}nav a.active{background:#e7eee4;color:#264e3e}nav a:hover{background:#edf1e8}.side-bottom{margin-top:auto;font-size:12px;line-height:1.8;color:var(--muted)}.quiet{background:none;border:0;color:var(--green);text-align:left;padding:8px 0;display:block}main{margin-left:245px;padding:0 48px 50px;max-width:1600px}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:32px}header>span,.kicker{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}.profile{border:0;background:#e5ebdf;border-radius:30px;padding:9px 13px;color:var(--ink);font-weight:700}.profile span{font-weight:400;margin-left:10px}h1{font:500 40px/1.15 'Manrope',sans-serif;letter-spacing:-1.8px;margin:12px 0}h2{font:600 22px/1.3 'Manrope',sans-serif;letter-spacing:-.6px}h3{font-size:17px;margin:12px 0}p{line-height:1.65}.muted{color:var(--muted)}.hero{padding:36px;border-radius:20px;background:#e8eddf;position:relative;overflow:hidden;margin-bottom:28px;min-height:220px}.hero p{max-width:500px}.hero:after{content:'◎';font-size:300px;position:absolute;right:20px;top:-105px;color:#66826222;pointer-events:none}.hero>*{position:relative;z-index:1}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);background:#fffef9;border-radius:16px;padding:24px}.card p{color:var(--muted)}.card .symbol{font-size:28px;display:block;margin-bottom:22px}.tag{display:inline-block;border-radius:20px;padding:5px 10px;background:#edf1e7;font-size:11px;font-weight:600}.tag.gold{background:#f0e4d0;color:#7b5930}.btn{border:0;border-radius:9px;background:var(--green);color:white;padding:12px 18px;font-weight:500;display:inline-block}.btn.secondary{color:var(--green);background:#eaf0e5}.btn.outline{background:transparent;border:1px solid #becbbf;color:var(--green)}.btn:disabled{opacity:.5;cursor:not-allowed}.wide{width:100%}.section{margin:30px 0 18px}.event{display:flex;align-items:center;gap:22px}.date{padding:13px 20px;text-align:center;background:#eee6d8;border-radius:12px;font-size:12px}.date strong{display:block;font-size:27px}.event div:nth-child(2){flex:1}.room-layout{display:grid;grid-template-columns:1fr 260px;gap:22px}.messages{min-height:260px;max-height:400px;overflow:auto}.message{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid #eef0e9}.avatar{border-radius:50%;background:#e8ecdf;min-width:38px;height:38px;display:grid;place-items:center;font-size:12px}.message p{margin:6px 0}.message small{color:var(--muted);margin-left:10px}.composer{display:flex;gap:10px;margin-top:20px}input,select,textarea{width:100%;padding:12px;border:1px solid #cdd7cc;border-radius:8px;background:white;color:var(--ink)}label{display:block;margin:18px 0 7px;font-weight:500;font-size:13px}.cover{height:125px;border-radius:12px;background:#dfe8da;display:grid;place-items:center;font-size:60px;color:#78977d}.cover.warm{background:#eee1cf;color:#b09770}.price{font-size:26px;font-weight:600}.price small{font-size:13px;font-weight:400;color:var(--muted)}.steps{display:flex;gap:10px;margin:20px 0}.steps span{padding:7px 12px;border-radius:20px;background:#e7ecdf;font-size:12px}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{padding:12px;border-radius:8px;border:1px solid #cdd7cc;background:white;color:var(--ink)}.slot.chosen{background:var(--green);color:white}.notice{font-size:12px;background:#f1ecdf;padding:12px 16px;border-radius:10px;color:#786344}dialog{border:1px solid var(--line);border-radius:20px;padding:32px;width:min(520px,92vw);color:var(--ink);box-shadow:0 20px 100px #18312633}dialog::backdrop{background:#1e322c66;backdrop-filter:blur(4px)}.close{float:right;border:0;background:none;font-size:25px;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#243f34;color:white;padding:14px 24px;border-radius:10px;display:none;z-index:10}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:14px 8px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-weight:500}.calendar-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.empty{padding:30px;text-align:center;color:var(--muted)}@media(max-width:1100px){main{padding:0 26px 40px;margin-left:205px}aside{width:205px;padding:30px 18px}.grid{grid-template-columns:1fr}.room-layout{grid-template-columns:1fr}.hero:after{right:-100px}.grid.two{grid-template-columns:1fr 1fr}}@media(max-width:650px){.demo{height:auto;min-height:34px;font-size:9px;padding:7px}.demo span{display:none}aside{position:static;width:auto;padding:18px 16px 8px;border:0;background:var(--cream)}.brand{font-size:20px;padding-left:36px}.mark{font-size:34px}.eyebrow,.side-bottom{display:none}nav{display:flex;overflow:auto;margin-top:18px;gap:4px}nav a{white-space:nowrap;font-size:12px;padding:10px}main{margin:0;padding:0 16px 40px}header{height:55px;margin-bottom:22px}.profile span{display:none}h1{font-size:31px}.hero{padding:25px;min-height:215px}.grid.two{grid-template-columns:1fr}.row{flex-wrap:wrap}.event{gap:12px;flex-wrap:wrap}.card{padding:20px}.composer{flex-wrap:wrap}.composer input{flex:1;min-width:160px}.slots{grid-template-columns:repeat(2,1fr)}table{display:block;overflow:auto}.hero:after{font-size:240px;top:-50px}.price{font-size:24px}}

/* Dreamlike visual direction — ornamental motion never blocks interaction. */
:root{--ink:#382d54;--muted:#796f91;--green:#70539b;--line:#e7ddf0;--cream:#faf7ff}
body{background:radial-gradient(ellipse at 85% 5%,#e6e0ff 0,transparent 45%),radial-gradient(ellipse at 5% 70%,#fbe6ef 0,transparent 40%),#faf7ff}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 65% 60%,#d2f4ef88,transparent 40%);animation:aurora 15s ease-in-out infinite alternate}
.demo{background:linear-gradient(100deg,#514066,#75608e,#514066);background-size:200% 100%;animation:glowflow 15s ease infinite}
aside{background:#fcf9ffdb;backdrop-filter:blur(20px);border-color:#e4daed}
.brand .mark{color:#9474bb;text-shadow:0 0 22px #c9a8ef99}
nav a{transition:background .25s,transform .25s,box-shadow .25s}nav a.active{background:linear-gradient(110deg,#eadff6,#e7e7fb);color:#604980;box-shadow:0 3px 15px #9e7fc511}nav a:hover{background:#efe7f8;transform:translateX(3px)}
.profile{background:linear-gradient(130deg,#eee1f9,#e1e9fa)}
.hero{background:linear-gradient(120deg,#eee1fb,#e2e9fb 45%,#f8e3ed 80%,#e4f4ee);background-size:240% 240%;animation:glowflow 18s ease infinite;box-shadow:0 12px 50px #8c69b412,inset 0 0 0 1px #ffffffcc;isolation:isolate}
.hero:after{color:#ffffff55;text-shadow:0 0 30px #fff8;animation:moonfloat 9s ease-in-out infinite}
.hero:before{content:'';position:absolute;inset:-80%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#ffffff66 49%,transparent 56%);transform:translateX(-30%);animation:shimmer 12s ease-in-out infinite;z-index:0}
h1{color:#49365f}h2{color:#49365f}.hero h1{letter-spacing:-1.5px}
.card{background:linear-gradient(135deg,#ffffffeb,#fcf7ffe6);border-color:#e9e0f1;box-shadow:0 7px 28px #80628e08;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;position:relative}
a.card:hover{transform:translateY(-6px);border-color:#c6a9e4;box-shadow:0 18px 38px #8461a521}
.card .symbol{color:#9b75b6;text-shadow:0 0 17px #d9b7f1;transition:transform .5s}a.card:hover .symbol{transform:rotate(14deg) scale(1.15)}
.tag{background:#eee7f7;color:#7c5b9b}.tag.gold{background:linear-gradient(100deg,#f7e8d4,#f3dfeb);color:#8d6170}
.btn{background:linear-gradient(120deg,#78599f,#9674b5,#7864aa);background-size:200% 100%;box-shadow:0 5px 16px #8062a52a;transition:transform .2s,box-shadow .2s,background-position .4s;position:relative;overflow:hidden}
.btn:hover{background-position:100% 50%;transform:translateY(-2px);box-shadow:0 8px 22px #8062a544}.btn:active{transform:scale(.97)}
.btn.secondary{background:linear-gradient(120deg,#eee2f7,#e5e9fb);color:#6b4c90}.btn.outline{background:#ffffff77;border-color:#cdb9df;color:#765692;box-shadow:none}
.date{background:linear-gradient(140deg,#e8dbf6,#f7e3e7);color:#805b99}.avatar{background:linear-gradient(140deg,#e9ddfa,#dfeaf6)}
.cover{background:radial-gradient(circle,#f9f0ff,#d8c4f0);color:#a17bb9;text-shadow:0 0 25px white;position:relative;overflow:hidden}.cover.warm{background:radial-gradient(circle,#fff7ec,#efcfe2);color:#b683a0}
.cover:after{content:'✧';position:absolute;right:22%;top:15%;font-size:22px;color:white;animation:twinkle 4s ease-in-out infinite}
.steps span{background:#eee4f6}.slot{border-color:#d9c9e8;transition:background .2s,transform .2s}.slot:hover{background:#f1e7fb;transform:translateY(-2px)}.slot.chosen{background:#8262a4}
.notice{background:#f1eaf6;color:#7e668c}input,select,textarea{border-color:#dbcee7}input:focus,select:focus,textarea:focus{outline:2px solid #b89bd1;outline-offset:2px}
dialog{background:linear-gradient(140deg,#fff,#f6edff);box-shadow:0 24px 100px #5c377844;animation:appear .25s ease}dialog::backdrop{background:#39264d55;backdrop-filter:blur(8px)}#toast{background:linear-gradient(110deg,#665080,#8e6da5);box-shadow:0 10px 35px #76519733}
#content{animation:appear .5s ease}.card{animation:rise .6s both}.grid .card:nth-child(2){animation-delay:.08s}.grid .card:nth-child(3){animation-delay:.16s}
.sparkle-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0!important}.sparkle{position:absolute;color:#fff;font-size:15px;opacity:0;animation:twinkle var(--duration,5s) ease-in-out infinite;animation-delay:var(--delay,0s);filter:drop-shadow(0 0 6px white)}
.ripple{position:absolute;pointer-events:none;width:20px;height:20px;border-radius:50%;background:#ffffff66;transform:translate(-50%,-50%);animation:ripple .65s ease-out forwards}
@keyframes glowflow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes aurora{from{transform:translate(-3%,-3%) scale(1)}to{transform:translate(3%,4%) scale(1.1)}}
@keyframes moonfloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(14px) rotate(6deg)}}
@keyframes shimmer{0%,65%{transform:translateX(-35%) rotate(8deg);opacity:0}72%{opacity:.6}100%{transform:translateX(35%) rotate(8deg);opacity:0}}
@keyframes twinkle{0%,100%{opacity:.1;transform:scale(.65) translateY(3px)}50%{opacity:.9;transform:scale(1.15) translateY(-4px)}}
@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes rise{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes ripple{to{width:240px;height:240px;opacity:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sparkle{opacity:.45}.hero:before{display:none}}
@media(max-width:650px){aside{background:transparent}nav a:hover{transform:none}.hero:after{right:-85px;color:#ffffff66}}

/* Midnight & gold */
:root{--ink:#f3e8cd;--muted:#b6aa90;--green:#d4ad58;--line:#393123;--cream:#0d0c0a}
body{background:radial-gradient(ellipse at 85% 5%,#3b2c143b,transparent 48%),radial-gradient(ellipse at 5% 75%,#5a3e132b,transparent 40%),#0d0c0a;color:var(--ink)}
body:before{background:radial-gradient(ellipse at 65% 55%,#b67c1622,transparent 48%)}
.demo{background:linear-gradient(110deg,#19140c,#514023,#19140c);background-size:240% 100%;color:#f0d695;border-bottom:1px solid #7e5e3433}
aside{background:#100f0de8;border-color:#342c20}.brand{color:#f6e6ba}.brand .mark{color:#ddb65d;text-shadow:0 0 24px #d9a64c77}
nav a.active{background:linear-gradient(110deg,#3b2e18,#221d14);color:#f3cf7c;box-shadow:inset 0 0 0 1px #bb913a44,0 0 22px #a8781011}nav a:hover{background:#292216;color:#f8d992}
.profile{background:linear-gradient(130deg,#42331a,#241e13);color:#f7d994;border:1px solid #72562866}
header{border-color:#393123}.hero{background:linear-gradient(120deg,#17140f,#46351b 38%,#20190f 65%,#574020);background-size:260% 260%;animation:glowflow 12s ease infinite;box-shadow:0 16px 60px #0005,inset 0 0 0 1px #dab06455}
.hero:after{color:#e9bc5a26;text-shadow:0 0 38px #e9b43b77;animation:moonfloat 8s ease-in-out infinite}
.hero:before{background:linear-gradient(115deg,transparent 42%,#f7ce6a44 47%,#fff2b788 49%,#e9b43b33 52%,transparent 57%);animation:shimmer 7s ease-in-out infinite}
h1,h2{color:#f5e4bc}.hero h1{background:linear-gradient(100deg,#f2d487 0%,#fff3d2 30%,#c89434 48%,#fff1b9 60%,#e0b65e 85%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:glowflow 8s ease infinite}
.hero .muted{color:#d2c2a2}.kicker,header>span{color:#b8a27b}
.card{background:linear-gradient(135deg,#1b1813f5,#12110ff5);border-color:#463820;box-shadow:0 8px 30px #0003}
a.card:hover{border-color:#d7ac54;box-shadow:0 12px 40px #b181182b,0 0 18px #c3952c16}
.card .symbol{color:#eac36d;text-shadow:0 0 18px #e7b74788}
.tag{background:#352a17;color:#e4bf71;border:1px solid #92703944}.tag.gold{background:linear-gradient(100deg,#5a4018,#332612,#725421);background-size:200% 100%;color:#ffe2a0;border-color:#b38b46;animation:glowflow 6s ease infinite}
.btn{background:linear-gradient(110deg,#b88a36,#f3d38a 40%,#cf9d3f 65%,#ffe5a3);background-size:240% 100%;color:#21180b;box-shadow:0 5px 24px #d19a252b;font-weight:700}
.btn:hover{box-shadow:0 7px 30px #e9b74055;background-position:100% 50%}.btn.secondary{background:linear-gradient(120deg,#4e3a1a,#292113);color:#f3d38a}.btn.outline{background:#241e1388;border-color:#9e783b;color:#efd18d}.quiet{color:#dfbd73}
.btn:before{content:'';position:absolute;inset:-150% -60%;pointer-events:none;background:linear-gradient(110deg,transparent 43%,#fff8 50%,transparent 57%);animation:shimmer 5s ease-in-out infinite}
.date{background:linear-gradient(140deg,#5b421f,#282014);color:#f3d18a}.avatar{background:linear-gradient(140deg,#6c5023,#2f2618);color:#ffe4a3}
.cover{background:radial-gradient(circle at 50% 40%,#6d5124,#21190f 70%);color:#efce7d;text-shadow:0 0 30px #d6a03e}.cover.warm{background:radial-gradient(circle at 50% 40%,#85602a,#291c0d 70%);color:#ffe1a1}.cover:after{color:#ffe8a6;filter:drop-shadow(0 0 6px #ffd871)}
.notice{background:#302617;color:#d0b584;border:1px solid #5b4727}.steps span{background:#392d18}.slot{background:#1b1711;border-color:#604b2b;color:#ead4a3}.slot:hover{background:#49361a}.slot.chosen{background:#d8ad58;color:#20170b;border-color:#f5d68c}
input,select,textarea{background:#14120e;color:#f3e4c2;border-color:#68512c;color-scheme:dark}input::placeholder,textarea::placeholder{color:#93856c}input:focus,select:focus,textarea:focus{outline-color:#d6ae61}.message{border-color:#352d20}
dialog{background:linear-gradient(140deg,#211b12,#0e0d0b);color:#f3e4c2;border-color:#94713a;box-shadow:0 24px 100px #000b,0 0 35px #c6982922}dialog::backdrop{background:#0009;backdrop-filter:blur(9px)}#toast{background:linear-gradient(110deg,#54401e,#322412);color:#ffe4a7;border:1px solid #b28a46;box-shadow:0 10px 35px #0006}
.sparkle{color:#ffdf82;filter:drop-shadow(0 0 5px #ffd16a) drop-shadow(0 0 11px #db971d);font-size:19px}.sparkle:nth-child(3n){font-size:25px}.ripple{background:#fff4c377}
.room-layout>.card:first-child{background:radial-gradient(ellipse at 100% 0%,#48341344,transparent 65%),linear-gradient(135deg,#1b1813,#12110f)}
@media(max-width:650px){aside{background:transparent}.hero:after{color:#e9bc5a33}}
@media(prefers-reduced-motion:reduce){.hero h1{background:none;color:#f3d487}}

.local-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border:1px solid #766331;border-radius:14px;margin-bottom:24px;font-size:12px;color:#d6c49c}.local-tools select{width:auto;margin:0;max-width:100%}.local-tools small{opacity:.75}.report-item{margin-bottom:16px}.report-item blockquote{border-left:2px solid #b89a50;margin:16px 0;padding:12px;white-space:pre-wrap}.message-body{white-space:pre-wrap;overflow-wrap:anywhere}.composer textarea{min-width:0;flex:1;margin:0}.message>div{min-width:0}.messages{overflow-wrap:anywhere}@media(max-width:600px){.composer{flex-direction:column}.local-tools{align-items:stretch;flex-direction:column}.local-tools select{width:100%}}