.commons-scene{background:var(--commons-bg,#04050f);min-height:100dvh;color:var(--commons-text,#d8e4f8);font-family:var(--font-ui,system-ui, sans-serif);flex-direction:column;align-items:center;transition:background 3s;display:flex;position:relative;overflow:hidden}.commons-scene--quiet{--commons-bg:#030410;--commons-sky-a:#0a0a20;--commons-sky-b:#040410}.commons-scene--luminous{--commons-bg:#060410;--commons-sky-a:#100a24;--commons-sky-b:#080510}.commons-scene--gentle{--commons-bg:#040810;--commons-sky-a:#070f1a;--commons-sky-b:#040810}.commons-scene--tender{--commons-bg:#080410;--commons-sky-a:#120618;--commons-sky-b:#080410}.commons-scene--resilient{--commons-bg:#040c08;--commons-sky-a:#070f0a;--commons-sky-b:#040a08}.commons-scene--drifting{--commons-bg:#060812;--commons-sky-a:#0c0e1e;--commons-sky-b:#060812}.commons-scene--warm{--commons-bg:#080508;--commons-sky-a:#130812;--commons-sky-b:#080508}.commons-sky{background:radial-gradient(ellipse 140% 80% at 50% 0%, var(--commons-sky-a,#0a0a20) 0%, var(--commons-sky-b,#04040f) 100%);pointer-events:none;z-index:0;position:absolute;inset:0}.commons-sky:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 7% 12%,#ffffff8c 0%,#0000 100%),radial-gradient(1px 1px at 15% 33%,#ffffff59 0%,#0000 100%),radial-gradient(1px 1px at 23% 8%,#ffffff73 0%,#0000 100%),radial-gradient(1px 1px at 31% 54%,#ffffff47 0%,#0000 100%),radial-gradient(1px 1px at 38% 22%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 44% 71%,#ffffff38 0%,#0000 100%),radial-gradient(1px 1px at 52% 5%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 58% 38%,#ffffff52 0%,#0000 100%),radial-gradient(1px 1px at 66% 18%,#ffffff6b 0%,#0000 100%),radial-gradient(1px 1px at 73% 61%,#ffffff40 0%,#0000 100%),radial-gradient(1px 1px at 80% 27%,#ffffff7a 0%,#0000 100%),radial-gradient(1px 1px at 87% 9%,#ffffff8c 0%,#0000 100%),radial-gradient(1px 1px at 93% 46%,#ffffff4d 0%,#0000 100%),radial-gradient(1.5px 1.5px at 11% 45%,#c8d7ff4d 0%,#0000 100%),radial-gradient(1.5px 1.5px at 27% 77%,#c8d7ff38 0%,#0000 100%),radial-gradient(1.5px 1.5px at 62% 82%,#c8d7ff40 0%,#0000 100%),radial-gradient(1.5px 1.5px at 76% 15%,#c8d7ff54 0%,#0000 100%),radial-gradient(2px 2px at 19% 3%,#dce6ff33 0%,#0000 100%),radial-gradient(2px 2px at 49% 28%,#dce6ff2e 0%,#0000 100%),radial-gradient(2px 2px at 84% 57%,#dce6ff38 0%,#0000 100%);animation:8s ease-in-out infinite alternate star-twinkle;position:absolute;inset:0}.commons-sky:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 4% 67%,#ffffff47 0%,#0000 100%),radial-gradient(1px 1px at 13% 19%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 20% 88%,#ffffff2e 0%,#0000 100%),radial-gradient(1px 1px at 35% 42%,#ffffff59 0%,#0000 100%),radial-gradient(1px 1px at 47% 63%,#ffffff38 0%,#0000 100%),radial-gradient(1px 1px at 55% 14%,#ffffff73 0%,#0000 100%),radial-gradient(1px 1px at 69% 35%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 78% 79%,#fff3 0%,#0000 100%),radial-gradient(1px 1px at 91% 24%,#ffffff6b 0%,#0000 100%),radial-gradient(1.5px 1.5px at 8% 52%,#b4c8ff33 0%,#0000 100%),radial-gradient(1.5px 1.5px at 42% 91%,#b4c8ff2e 0%,#0000 100%),radial-gradient(1.5px 1.5px at 88% 40%,#b4c8ff40 0%,#0000 100%);animation:11s ease-in-out 3s infinite alternate star-twinkle;position:absolute;inset:0}@keyframes star-twinkle{0%{opacity:.65}50%{opacity:.9}to{opacity:.7}}.commons-vignette{pointer-events:none;z-index:3;background:radial-gradient(100% 90%,#0000 55%,#04050f8c 100%);position:absolute;inset:0}.commons-traces-layer{pointer-events:none;z-index:1;position:absolute;inset:0}.commons-trace{will-change:transform, opacity;justify-content:center;align-items:center;display:flex;position:absolute}.commons-trace-emoji{opacity:.55;filter:blur(.3px);font-size:clamp(14px,2.5vw,22px)}.commons-trace--rise{animation:commons-rise var(--dur,18s) ease-in-out var(--delay,0s) infinite}.commons-trace--drift{animation:commons-drift var(--dur,20s) ease-in-out var(--delay,0s) infinite}.commons-trace--flicker{animation:commons-flicker var(--dur,14s) ease-in-out var(--delay,0s) infinite}.commons-trace--fade{animation:commons-fade-drift var(--dur,22s) ease-in-out var(--delay,0s) infinite}.commons-trace--ripple{animation:commons-ripple var(--dur,16s) ease-in-out var(--delay,0s) infinite}@keyframes commons-rise{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.55}80%{opacity:.35;transform:translateY(-60px)scale(.85)}to{opacity:0;transform:translateY(-90px)scale(.7)}}@keyframes commons-drift{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:.5}50%{opacity:.5;transform:translate(16px,-30px)rotate(8deg)}85%{opacity:.35}to{opacity:0;transform:translate(-8px,-55px)rotate(-4deg)}}@keyframes commons-flicker{0%,to{opacity:0;transform:scale(.8)}20%{opacity:.7;transform:scale(1.05)}50%{opacity:.45;transform:scale(.95)}70%{opacity:.6;transform:scale(1)}}@keyframes commons-fade-drift{0%{opacity:0;transform:translate(0)}20%{opacity:.4}to{opacity:0;transform:translate(20px,-40px)}}@keyframes commons-ripple{0%{opacity:.4;transform:scale(1)}50%{opacity:.25;transform:scale(1.25)}to{opacity:.4;transform:scale(1)}}.commons-fragments-layer{pointer-events:none;z-index:2;position:absolute;inset:0}.commons-fragment{color:#c8dcff2e;letter-spacing:.05em;white-space:nowrap;animation:commons-fragment-drift var(--dur,18s) ease-in-out var(--delay,0s) infinite;pointer-events:none;margin:0;font-size:clamp(10px,1.6vw,13px);font-style:italic;position:absolute}@keyframes commons-fragment-drift{0%{opacity:0;transform:translate(0)}15%{opacity:1}80%{opacity:.6;transform:translate(30px)}to{opacity:0;transform:translate(50px)}}.commons-content{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:640px;padding:clamp(88px,12vh,120px) clamp(20px,6vw,80px) clamp(80px,10vh,120px);display:flex;position:relative}.commons-header{flex-direction:column;align-items:center;gap:10px;display:flex}.commons-weather{opacity:.7;align-items:center;gap:6px;display:flex}.commons-weather-emoji{font-size:20px}.commons-weather-label{letter-spacing:.2em;text-transform:uppercase;color:#c8dcff99;font-size:11px;font-weight:700}.commons-title{font-family:var(--font-display,"Cormorant Garamond", Georgia, serif);letter-spacing:-.01em;color:#dcebffe6;margin:0;font-size:clamp(2rem,6vw,3.5rem);font-weight:400;line-height:1.1}.commons-weather-description{color:#b4c8f08c;margin:0;font-size:14px;font-style:italic;line-height:1.7}.commons-seasonal{text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;align-items:flex-start;gap:14px;width:100%;max-width:460px;padding:16px 20px;display:flex}.commons-seasonal-emoji{flex-shrink:0;margin-top:2px;font-size:24px}.commons-seasonal-name{letter-spacing:.14em;text-transform:uppercase;color:#c8d2f080;margin:0 0 4px;font-size:11px;font-weight:700}.commons-seasonal-description{color:#c8d7f5a6;margin:0;font-size:13.5px;font-style:italic;line-height:1.65}.commons-stats{background:#ffffff06;border:1px solid #ffffff0d;border-radius:14px;flex-direction:column;gap:6px;width:100%;max-width:400px;padding:18px 24px;display:flex}.commons-stat-line{color:#bed2f599;margin:0;font-size:13px;font-style:italic;line-height:1.6}.commons-leave-cta{flex-direction:column;align-items:center;gap:8px;margin-top:12px;display:flex}.commons-leave-btn{color:#bed2ffa6;letter-spacing:.08em;cursor:pointer;background:#8ca0dc14;border:1px solid #8ca0dc33;border-radius:100px;padding:13px 34px;font-size:13px;transition:background .3s,border-color .3s,color .3s,box-shadow .3s;position:relative}.commons-leave-btn:before{content:"✦";opacity:.5;vertical-align:1px;margin-right:8px;font-size:10px}.commons-leave-btn:hover{color:#d2e4ffe0;background:#8ca0dc24;border-color:#a0b4f061;box-shadow:0 0 24px #788cdc1f}.commons-leave-btn:disabled{opacity:.35;cursor:not-allowed}.commons-leave-hint{color:#a0b4e64d;letter-spacing:.04em;margin:0;font-size:11px;font-style:italic}.commons-left-confirmation{color:#b4d2ff80;letter-spacing:.03em;margin:0;font-size:13px;font-style:italic;animation:.6s forwards commons-fade-in}@keyframes commons-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.commons-leave-overlay{z-index:100;padding:0 0 env(safe-area-inset-bottom,0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04050fbf;justify-content:center;align-items:flex-end;animation:.25s forwards commons-fade-in;display:flex;position:fixed;inset:0}.commons-leave-panel{background:#0c0e1e;border:1px solid #a0b4e61f;border-radius:20px 20px 0 0;width:100%;max-width:520px;padding:28px 24px 40px;position:relative}.commons-leave-close{color:#b4c8f066;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1;position:absolute;top:16px;right:18px}.commons-leave-close:hover{color:#c8dcffb3}.commons-leave-title{font-family:var(--font-display,Georgia, serif);color:#d2e1ffe6;margin:0 0 4px;font-size:1.4rem;font-weight:400}.commons-leave-hint{color:#a0b4dc73;margin:0 0 22px;font-size:12px;font-style:italic}.commons-leave-types{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.commons-leave-type{color:#b4c8f099;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:60px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.commons-leave-type:hover,.commons-leave-type.is-selected{color:#d2e6ffe6;background:#a0b4e61f;border-color:#a0b4e64d}.commons-leave-type-emoji{font-size:20px}.commons-leave-type-label{letter-spacing:.08em;font-size:10px}.commons-leave-signals{margin-bottom:24px}.commons-leave-signals-label{color:#a0b4dc66;text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px;font-size:11px;font-weight:700}.commons-leave-signal-chips{flex-wrap:wrap;gap:7px;display:flex}.commons-leave-signal-chip{color:#aabee68c;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;padding:5px 12px;font-size:12px;transition:background .15s,border-color .15s}.commons-leave-signal-chip:hover,.commons-leave-signal-chip.is-selected{color:#c8dcffd9;background:#a0b4e624;border-color:#a0b4e659}.commons-leave-submit{color:#c8dcffd9;cursor:pointer;background:#8ca5e12e;border:1px solid #8ca5e14d;border-radius:100px;width:100%;padding:14px;font-size:14px;transition:background .2s}.commons-leave-submit:hover{background:#8ca5e140}.commons-leave-submit:disabled{opacity:.5;cursor:not-allowed}.commons-loading,.commons-error{color:#a0b4dc66;margin:0;font-size:13px;font-style:italic}.commons-demo-notice{width:100%;max-width:400px}.commons-intro-overlay{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04050fd9;justify-content:center;align-items:center;padding:clamp(20px,5vw,60px);animation:.4s forwards commons-fade-in;display:flex;position:fixed;inset:0}.commons-intro-panel{background:#0c0e1cf5;border:1px solid #8ca0e624;border-radius:24px;flex-direction:column;gap:14px;width:100%;max-width:480px;padding:clamp(32px,5vw,48px) clamp(28px,5vw,44px);animation:.45s cubic-bezier(.34,1.2,.64,1) both commons-intro-reveal;display:flex}@keyframes commons-intro-reveal{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.commons-intro-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#a0aff080;margin:0;font-size:10px;font-weight:700}.commons-intro-title{font-family:var(--font-display,"Cormorant Garamond", Georgia, serif);color:#dce6fff2;margin:0;font-size:clamp(1.6rem,4vw,2.1rem);font-weight:400;line-height:1.2}.commons-intro-body{color:#b4c8f0a6;margin:0;font-size:14px;line-height:1.8}.commons-intro-note{color:#96aae666;letter-spacing:.04em;margin:4px 0 0;font-size:11.5px;font-style:italic}.commons-intro-dismiss{color:#c8daffd1;letter-spacing:.08em;cursor:pointer;background:#8296dc24;border:1px solid #8296dc47;border-radius:100px;width:100%;margin-top:8px;padding:14px;font-size:13px;transition:background .2s,border-color .2s,color .2s}.commons-intro-dismiss:hover{color:#d7e4fff2;background:#8296dc38;border-color:#8ca0f073}.fade-up{animation:.7s forwards commons-fade-up}@keyframes commons-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}