@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Inter:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{font-family:Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;--bg-dark: #090909;--text-main: #e0e0e0;--font-xxs: 6px;--font-xs: 8px;--font-s: 12px;--font-m: 16px;--font-l: 20px;--font-xl: 36px;--font-xxl: 42px;--font-xxxl: 80px;--icon-xs: 12px;--icon-s: 16px;--icon-m: 24px;--icon-l: 28px;--icon-xl: 32px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--page-bg-start);--bg-dark: #0b0c0f;--sidebar-bg: #0f1117;--sidebar-gradient-start: #1a1d2a;--sidebar-gradient-mid: #13151e;--sidebar-gradient-end: #0f1117;--sidebar-border: rgba(200, 170, 110, .3);--text-main: #e6e6e6;--text-muted: #a0a7b4;--text-hover: #ffffff;--accent-gold: #c8aa6e;--accent-gold-2: #e2c68a;--accent-rgb: 200, 170, 110;--hover-bg: rgba(255, 255, 255, .06);--active-bg: rgba(200, 170, 110, .15);--active-border: rgba(200, 170, 110, .2);--surface-1: #111319;--surface-2: #161922;--surface-overlay: rgba(23, 26, 36, .82);--border-subtle: rgba(255, 255, 255, .08);--page-bg-start: #0b0c0f;--page-bg-mid: #0f1117;--page-bg-end: #0b0c0f;--theme-glow-1: rgba(200, 170, 110, .18);--theme-glow-2: rgba(184, 122, 61, .12);--theme-glow-3: rgba(200, 170, 110, .06);--input-bg: rgba(255, 255, 255, .04);--content-shadow: rgba(0, 0, 0, .28);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-main);background:radial-gradient(1200px 700px at 80% -10%,var(--theme-glow-1),transparent 60%),radial-gradient(900px 500px at -10% 10%,var(--theme-glow-2),transparent 55%),radial-gradient(600px 400px at 50% 50%,var(--theme-glow-3),transparent 70%),linear-gradient(160deg,var(--page-bg-start) 0%,var(--page-bg-mid) 45%,var(--page-bg-end) 100%)}h1{font-size:var(--font-xxxl);line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:var(--font-m);font-weight:500;font-family:inherit;background-color:var(--surface-1);color:var(--text-main);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent-gold)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;min-height:100vh;height:auto;margin:0;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--sidebar-width-open: 360px;--sidebar-width-closed: 100px;--header-height: 48px;--transition-speed: .3s}.app-container{display:flex;height:100vh;width:100vw;background-color:var(--bg-dark);color:var(--text-main);overflow:hidden}.sidebar{width:var(--sidebar-width-open);background:linear-gradient(180deg,var(--sidebar-gradient-start) 0%,var(--sidebar-gradient-mid) 35%,var(--sidebar-gradient-end) 100%);border-right:1px solid var(--sidebar-border);box-shadow:2px 0 12px var(--content-shadow),1px 0 0 var(--active-border);display:flex;flex-direction:column;padding:1.5rem 1.25rem;position:relative;transition:width var(--transition-speed) cubic-bezier(.4,0,.2,1),padding var(--transition-speed);white-space:nowrap;overflow:hidden;flex-shrink:0;z-index:10}.sidebar.collapsed{width:var(--sidebar-width-closed);padding:1.5rem .6rem}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;min-height:var(--header-height);width:100%}.header-left{display:flex;align-items:center;gap:14px;transition:opacity .2s ease-in-out;opacity:1}.sidebar-username{font-size:var(--font-l);font-weight:600;color:var(--accent-gold-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.logo-area{font-size:var(--font-xl);font-weight:700;color:var(--accent-gold);font-family:Segoe UI,sans-serif;letter-spacing:1px}.profile-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);cursor:pointer;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.profile-btn:hover{background-color:var(--hover-bg);color:var(--accent-gold);border-color:var(--accent-gold)}.sidebar-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.toggle-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.toggle-btn:hover{color:var(--accent-gold);background-color:var(--hover-bg)}.sidebar.collapsed .header-left{display:none;opacity:0}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar>nav{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;width:100%}.nav-list>li{padding:.25rem 0}.nav-item{display:flex;align-items:center;text-decoration:none;color:var(--text-muted);padding:0 18px;height:54px;border-radius:50px;font-size:var(--font-l);transition:all .2s ease-in-out;font-weight:500;cursor:pointer;position:relative}.nav-icon-wrapper{display:flex;align-items:center;justify-content:center;min-width:28px;color:var(--text-hover)}.nav-item span{margin-left:16px;opacity:1;transition:opacity .2s ease-in}.nav-item:hover{background-color:var(--hover-bg);color:var(--text-hover)}.nav-item.active{background-color:var(--active-bg);color:var(--accent-gold);border:1px solid var(--active-border)}.sidebar.collapsed .nav-item{padding:0;justify-content:center;width:54px;margin:0 auto}.sidebar.collapsed .nav-item span{display:none;opacity:0}.mt-auto{margin-top:auto}.content{flex:1;min-width:0;min-height:0;padding:0;overflow-y:auto;overflow-x:hidden;position:relative;width:auto}.chat-parent{display:flex;align-items:center;gap:0}.chat-parent .nav-item{flex:1}.chat-toggle-btn{background:transparent;border:none;color:#aaa;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center}.chat-toggle-btn:hover{background:#ffffff0f}.chat-sublist{margin-left:50px;margin-top:6px;display:flex;flex-direction:column;gap:6px;min-width:0;padding-right:6px}.chat-subitem{width:100%;text-align:left;background:transparent;border:none;color:#cfcfcf;padding:10px 14px;border-radius:10px;cursor:pointer;font-size:var(--font-m);display:flex;align-items:center;gap:10px;min-width:0}.chat-subitem:hover{background:#ffffff0f}.chat-subitem.muted{color:#777;cursor:default}.chat-subitem-title{display:block;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row{display:flex;align-items:center;gap:6px}.chat-row-main{flex:1}.chat-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s ease-in-out}.chat-row:hover .chat-actions,.chat-row.editing .chat-actions{opacity:1}.chat-action-btn{background:transparent;border:none;color:#9a9a9a;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center}.chat-action-btn:hover{background:#ffffff0f;color:#eaeaea}.chat-action-btn.danger:hover{color:#e37c7c}.chat-edit-input{flex:1;background:#ffffff0a;border:1px solid #2f2f2f;color:#e6e6e6;border-radius:8px;padding:6px 8px;font-size:var(--font-s);min-width:0}.chat-subitem.chat-create{color:#c8aa6e}.chat-create-icon{flex:0 0 auto}.sidebar.collapsed .sidebar-footer{margin-left:-.6rem;margin-right:-.6rem;padding:14px .6rem}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);background:#ffffff08;margin-left:-1.25rem;margin-right:-1.25rem;margin-bottom:-1.5rem;padding:14px 1.25rem;display:flex;justify-content:center;gap:8px}.sidebar-edit-btn{background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.25);color:#e2c68a;cursor:pointer;width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s;overflow:visible;line-height:0}.sidebar-edit-btn svg{width:22px;height:22px;stroke:#e2c68a;flex-shrink:0}.sidebar-edit-btn:hover{background:rgba(var(--accent-rgb),.2);color:#f0d99a;border-color:rgba(var(--accent-rgb),.45)}.sidebar-edit-btn:hover svg{stroke:#f0d99a}.sidebar-edit-btn.active{background:rgba(var(--accent-rgb),.2);color:#f0d99a;border-color:rgba(var(--accent-rgb),.45)}.sidebar-edit-btn.active svg{stroke:#f0d99a}.sidebar-draggable{display:flex;align-items:center;cursor:grab;border-radius:12px;transition:background .15s,opacity .15s;position:relative}.sidebar-draggable:active{cursor:grabbing}.sidebar-draggable.dragging{opacity:.3;transform:scale(.96);box-shadow:0 0 16px rgba(var(--accent-rgb),.15)}.sidebar-draggable.drop-before:before{content:"";position:absolute;top:-2px;left:10px;right:10px;height:3px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);border-radius:2px;pointer-events:none;animation:drop-line-glow .8s ease-in-out infinite alternate}.sidebar-draggable.drop-after:after{content:"";position:absolute;bottom:-2px;left:10px;right:10px;height:3px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);border-radius:2px;pointer-events:none;animation:drop-line-glow .8s ease-in-out infinite alternate}@keyframes drop-line-glow{0%{box-shadow:0 0 4px rgba(var(--accent-rgb),.3);opacity:.7}to{box-shadow:0 0 10px rgba(var(--accent-rgb),.6);opacity:1}}.drag-handle{color:var(--text-muted);flex-shrink:0;margin-left:4px;opacity:.5;transition:opacity .15s}.sidebar-draggable:hover .drag-handle{opacity:1}:root{--prof-bg: var(--page-bg-start);--prof-surface: var(--surface-1);--prof-surface-2: var(--surface-2);--prof-border: var(--border-subtle);--prof-gold: var(--accent-gold);--prof-gold-2: var(--accent-gold-2);--prof-text: var(--text-main);--prof-muted: var(--text-muted);--prof-accent: var(--accent-gold);--prof-danger: #ff4d4d}.profile{min-height:100%;padding:0 0 3rem;color:var(--prof-text);background:radial-gradient(1100px 600px at 65% -10%,var(--theme-glow-1),transparent 55%),linear-gradient(160deg,var(--page-bg-start) 0%,var(--page-bg-mid) 45%,var(--page-bg-end) 100%);font-family:Inter,Segoe UI,sans-serif}.profile-loading{padding:3rem;color:var(--prof-muted)}.profile-hero{position:relative;display:flex;align-items:flex-end;gap:2rem;padding:3rem 2.5rem 2rem;margin-bottom:2rem;overflow:hidden}.profile-hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--accent-rgb),.08) 0%,transparent 70%),linear-gradient(90deg,rgba(var(--accent-rgb),.06) 0%,transparent 50%);pointer-events:none}.profile-avatar-area{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:1}.profile-avatar{position:relative;width:100px;height:100px;border-radius:50%;background:var(--prof-gold);cursor:pointer;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 4px #ffffff0d,0 0 30px rgba(var(--accent-rgb),.2);transition:box-shadow .3s}.profile-avatar:hover{box-shadow:0 0 0 4px rgba(var(--accent-rgb),.2),0 0 40px rgba(var(--accent-rgb),.35)}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-letter{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--font-xxxl);font-weight:700;color:#0b0c0f}.profile-avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c;opacity:0;transition:opacity .2s;color:#fff}.profile-avatar:hover .profile-avatar-overlay{opacity:1}.profile-avatar-remove{background:none;border:none;color:var(--prof-muted);font-size:var(--font-s);cursor:pointer;display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;transition:color .2s,background .2s}.profile-avatar-remove:hover{color:var(--prof-danger);background:#ff4d4d1a}.profile-upload-hint{font-size:var(--font-s);color:var(--prof-gold);animation:prof-pulse 1s ease-in-out infinite}@keyframes prof-pulse{0%,to{opacity:.6}50%{opacity:1}}.profile-hero-info{position:relative;z-index:1;display:flex;flex-direction:column;gap:.4rem;padding-bottom:.5rem}.profile-username{font-family:Cinzel,Georgia,serif;font-size:var(--font-xxl);margin:0;color:var(--prof-gold-2)}.profile-role-badge{display:inline-flex;align-items:center;gap:5px;padding:.2rem .7rem;border-radius:999px;font-size:var(--font-s);font-weight:600;width:fit-content;text-transform:uppercase;letter-spacing:.06em}.profile-role-badge.admin{background:#388bfd1f;color:#388bfd;border:1px solid rgba(56,139,253,.25)}.profile-role-badge.npc{background:rgba(var(--accent-rgb),.12);color:var(--prof-gold);border:1px solid rgba(var(--accent-rgb),.25)}.profile-meta{display:flex;gap:1.5rem;font-size:var(--font-s);color:var(--prof-muted);margin-top:.2rem}.profile-meta span{display:flex;align-items:center;gap:5px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;padding:0 2.5rem}.profile-card{background:#ffffff06;border:1px solid var(--prof-border);border-radius:14px;padding:1.5rem;transition:border-color .3s,box-shadow .3s;animation:prof-card-in .5s ease-out both}.profile-card:nth-child(1){animation-delay:.05s}.profile-card:nth-child(2){animation-delay:.15s}.profile-card:nth-child(3){animation-delay:.25s}@keyframes prof-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.profile-card:hover{border-color:rgba(var(--accent-rgb),.15);box-shadow:0 6px 28px #0003}.profile-card--wide{grid-column:1 / -1}.profile-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.profile-card-header h2{font-family:Cinzel,Georgia,serif;font-size:var(--font-m);color:var(--prof-gold-2);margin:0}.profile-card-icon{color:var(--prof-gold)}.profile-card-note{font-size:var(--font-s);color:var(--prof-muted);opacity:.6;margin:1rem 0 0;font-style:italic}.profile-info-list{display:flex;flex-direction:column}.profile-info-row{display:flex;flex-direction:column;gap:.3rem;padding:.8rem 0;border-bottom:1px solid var(--prof-border)}.profile-info-row:last-child{border-bottom:none}.profile-info-label{font-size:var(--font-s);text-transform:uppercase;letter-spacing:.08em;color:var(--prof-muted);font-weight:600}.profile-info-value{display:flex;align-items:center;gap:.5rem;font-size:var(--font-s);color:var(--prof-text);min-height:28px}.profile-info-value .muted{color:var(--prof-muted);font-style:italic}.profile-edit-trigger{background:none;border:none;color:var(--prof-muted);cursor:pointer;padding:2px 4px;border-radius:4px;opacity:0;transition:opacity .2s,color .2s,background .2s}.profile-info-row:hover .profile-edit-trigger{opacity:1}.profile-edit-trigger:hover{color:var(--prof-gold);background:rgba(var(--accent-rgb),.08)}.profile-info-edit{display:flex;align-items:center;gap:.4rem}.profile-edit-input{flex:1;padding:.4rem .6rem;background:#ffffff0a;border:1px solid rgba(var(--accent-rgb),.25);border-radius:6px;color:var(--prof-text);font-size:var(--font-s);font-family:inherit;outline:none;transition:border-color .2s}.profile-edit-input:focus{border-color:var(--prof-gold)}.profile-edit-textarea{width:100%;padding:.5rem .6rem;background:#ffffff0a;border:1px solid rgba(var(--accent-rgb),.25);border-radius:6px;color:var(--prof-text);font-size:var(--font-s);font-family:inherit;resize:vertical;outline:none;transition:border-color .2s;min-height:60px}.profile-edit-textarea:focus{border-color:var(--prof-gold)}.profile-edit-actions-row{display:flex;align-items:center;gap:.4rem;margin-top:.3rem}.profile-char-count{font-size:var(--font-s);color:var(--prof-muted);margin-right:auto}.profile-edit-action{background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.2);color:var(--prof-gold);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s;flex-shrink:0}.profile-edit-action:hover{background:rgba(var(--accent-rgb),.2);border-color:var(--prof-gold)}.profile-edit-action.cancel{background:#ffffff0a;border-color:var(--prof-border);color:var(--prof-muted)}.profile-edit-action.cancel:hover{background:#ff4d4d14;border-color:#ff4d4d4d;color:var(--prof-danger)}.profile-role-inline{font-weight:600;font-size:var(--font-s)}.profile-role-inline.admin{color:#388bfd}.profile-role-inline.npc{color:var(--prof-gold)}.profile-lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.profile-lang-option{background:#ffffff08;border:1px solid var(--prof-border);border-radius:8px;padding:.7rem .8rem;cursor:pointer;text-align:left;transition:border-color .2s,background .2s,box-shadow .2s}.profile-lang-option:hover{border-color:rgba(var(--accent-rgb),.2);background:rgba(var(--accent-rgb),.04)}.profile-lang-option.selected{border-color:var(--prof-gold);background:rgba(var(--accent-rgb),.08);box-shadow:0 0 12px rgba(var(--accent-rgb),.1)}.profile-lang-name{font-size:var(--font-s);font-weight:600;color:var(--prof-text)}.profile-lang-option.selected .profile-lang-name{color:var(--prof-gold-2)}.profile-lang-region{font-size:var(--font-s);color:var(--prof-muted);margin-top:2px}.profile-list{display:flex;flex-direction:column;gap:0}.profile-list-row{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;border-bottom:1px solid var(--prof-border)}.profile-list-row:last-child{border-bottom:none}.profile-list-title{font-size:var(--font-s);font-weight:600;color:var(--prof-text)}.profile-list-sub{font-size:var(--font-s);color:var(--prof-muted);margin-top:2px}.profile-link-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid rgba(var(--accent-rgb),.25);color:var(--prof-gold);font-size:var(--font-s);font-weight:600;padding:.35rem .8rem;border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s}.profile-link-btn:hover{background:rgba(var(--accent-rgb),.08);border-color:var(--prof-gold)}.profile-toggles{display:flex;flex-direction:column;gap:0}.profile-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;border-bottom:1px solid var(--prof-border);cursor:pointer}.profile-toggle-row:last-child{border-bottom:none}.profile-toggle-label{font-size:var(--font-s);font-weight:600;color:var(--prof-text)}.profile-toggle-desc{font-size:var(--font-s);color:var(--prof-muted);margin-top:2px}.profile-switch{position:relative;width:42px;height:24px;background:#2a2a2a;border-radius:999px;cursor:pointer;transition:background .25s;flex-shrink:0}.profile-switch.on{background:var(--prof-gold)}.profile-switch-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 4px #0000004d}.profile-switch.on .profile-switch-knob{transform:translate(18px)}.profile-sound-section{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--prof-border);display:flex;flex-direction:column;gap:0}.profile-sound-row{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;border-bottom:1px solid var(--prof-border)}.profile-sound-row:last-child{border-bottom:none}.profile-sound-controls{display:flex;align-items:center;gap:.5rem}.profile-sound-select{background:#1a1a1f;color:var(--prof-text);border:1px solid var(--prof-border);border-radius:6px;padding:.45rem .7rem;font-size:var(--font-s);cursor:pointer;outline:none;transition:border-color .2s;min-width:130px}.profile-sound-select:hover,.profile-sound-select:focus{border-color:var(--prof-gold)}.profile-sound-select option{background:#1a1a1f;color:var(--prof-text)}.profile-sound-preview{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid var(--prof-border);background:transparent;color:var(--prof-gold);cursor:pointer;transition:background .2s,border-color .2s}.profile-sound-preview:hover{background:rgba(var(--accent-rgb),.1);border-color:var(--prof-gold)}.profile-volume-slider{display:flex;align-items:center;gap:.7rem}.profile-range{-webkit-appearance:none;appearance:none;width:120px;height:6px;border-radius:3px;background:#2a2a2a;outline:none;cursor:pointer}.profile-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--prof-gold);cursor:pointer;border:none;box-shadow:0 1px 4px #0000004d}.profile-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--prof-gold);cursor:pointer;border:none;box-shadow:0 1px 4px #0000004d}.profile-volume-value{font-size:var(--font-s);color:var(--prof-muted);min-width:32px;text-align:right}.profile-appearance-block{display:flex;flex-direction:column;gap:1.5rem}.profile-appearance-group{display:flex;flex-direction:column;gap:.8rem}.profile-appearance-title{font-size:var(--font-s);font-weight:700;color:var(--prof-text)}.profile-appearance-copy,.profile-appearance-note{margin:0;font-size:var(--font-s);color:var(--prof-muted)}.profile-appearance-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.profile-appearance-mode{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--prof-border);background:#ffffff06;color:var(--prof-text);transition:border-color .2s,background .2s,box-shadow .2s}.profile-appearance-mode:hover{border-color:rgba(var(--accent-rgb),.32);background:rgba(var(--accent-rgb),.05)}.profile-appearance-mode.selected{border-color:var(--prof-gold);background:rgba(var(--accent-rgb),.1);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.16)}.profile-accent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem}.profile-accent-option,.profile-custom-accent-button{display:inline-flex;align-items:center;gap:.7rem;width:100%;padding:.8rem .9rem;border-radius:12px;border:1px solid var(--prof-border);background:#ffffff06;color:var(--prof-text);transition:border-color .2s,background .2s,box-shadow .2s}.profile-accent-option:hover,.profile-custom-accent-button:hover{border-color:rgba(var(--accent-rgb),.32);background:rgba(var(--accent-rgb),.05)}.profile-accent-option.selected,.profile-custom-accent.selected .profile-custom-accent-button{border-color:var(--prof-gold);background:rgba(var(--accent-rgb),.1);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.16)}.profile-accent-swatch{width:18px;height:18px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 0 1px #0f172a2e}.profile-accent-label{font-size:var(--font-s);font-weight:600;color:inherit}.profile-custom-accent{display:flex;align-items:center;gap:.8rem;margin-top:.15rem}.profile-custom-accent-value{margin-left:auto;font-size:var(--font-s);color:var(--prof-muted)}.profile-color-picker{width:48px;height:48px;border-radius:12px;border:1px solid var(--prof-border);overflow:hidden;cursor:pointer;flex-shrink:0;background:#ffffff06}.profile-color-picker input{width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer}.profile-color-picker input::-webkit-color-swatch-wrapper{padding:0}.profile-color-picker input::-webkit-color-swatch,.profile-color-picker input::-moz-color-swatch{border:none;border-radius:0}.profile-early-text{font-size:var(--font-s);color:var(--prof-muted);line-height:1.6;margin:0 0 1.2rem;max-width:600px}.profile-early-btn{padding:.65rem 1.8rem;border-radius:6px;font-size:var(--font-s);font-weight:600;cursor:pointer;background:var(--prof-gold);color:#0b0c0f;border:none;transition:background .25s,box-shadow .25s}.profile-early-btn:hover{background:var(--prof-gold-2);box-shadow:0 4px 18px rgba(var(--accent-rgb),.25)}.profile-early-btn.signed-up{background:transparent;color:var(--prof-gold);border:1px solid rgba(var(--accent-rgb),.3)}.profile-early-btn.signed-up:hover{background:rgba(var(--accent-rgb),.08);border-color:var(--prof-gold)}.profile-signout-area{padding:2rem 2.5rem 0}.profile-signout-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.6rem;background:#ff4d4d0f;border:1px solid rgba(255,77,77,.25);color:var(--prof-danger);font-size:var(--font-s);font-weight:600;border-radius:8px;cursor:pointer;transition:background .25s,border-color .25s,box-shadow .25s}.profile-signout-btn:hover{background:#ff4d4d1f;border-color:var(--prof-danger);box-shadow:0 4px 16px #ff4d4d1a}@media(max-width:768px){.profile-hero{flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem}.profile-hero-info{align-items:center}.profile-meta{flex-direction:column;gap:.4rem;align-items:center}.profile-grid{grid-template-columns:1fr;padding:0 1rem}.profile-appearance-mode-grid{grid-template-columns:1fr}.profile-custom-accent{flex-direction:column;align-items:stretch}.profile-color-picker{width:100%}.profile-signout-area{padding:2rem 1rem 0;text-align:center}.profile-signout-btn{width:100%;justify-content:center}}:root{--ms-bg: var(--page-bg-start);--ms-surface: var(--surface-1);--ms-surface-2: var(--surface-2);--ms-border: var(--border-subtle);--ms-gold: var(--accent-gold);--ms-gold-2: var(--accent-gold-2);--ms-text: var(--text-main);--ms-muted: var(--text-muted);--ms-accent: var(--accent-gold)}.messenger{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - 4rem);background:var(--ms-bg);color:var(--ms-text);font-family:Inter,Segoe UI,sans-serif;overflow:hidden}.messenger:has(.ms-profile-sidebar){grid-template-columns:300px 1fr 340px}.ms-sidebar{background:linear-gradient(180deg,var(--page-bg-mid) 0%,var(--page-bg-start) 100%);border-right:1px solid var(--ms-border);padding:1.6rem 1.2rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;min-height:0}.ms-workspace-title{text-transform:uppercase;letter-spacing:.3rem;font-size:var(--font-xs);color:var(--ms-muted)}.ms-workspace-name{font-family:Cinzel,Georgia,serif;color:var(--ms-gold-2);font-size:var(--font-l);margin-top:.4rem}.ms-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.ms-section-title{display:flex;align-items:center;gap:.4rem;font-weight:600;color:var(--ms-gold)}.ms-icon-btn{background:transparent;border:1px solid var(--ms-border);color:var(--ms-text);border-radius:6px;padding:4px 6px;cursor:pointer;transition:background .2s ease}.ms-icon-btn:hover{background:#ffffff0f}.ms-list{display:grid;gap:.4rem}.ms-item{background:transparent;border:none;color:var(--ms-text);text-align:left;display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:8px;cursor:pointer;transition:background .2s ease}.ms-item:hover{background:#ffffff0f}.ms-item.active{background:rgba(var(--accent-rgb),.12);color:var(--ms-gold-2)}.ms-dm-avatar-img{width:18px;height:18px;border-radius:4px;object-fit:cover;flex-shrink:0}.ms-empty{color:var(--ms-muted);font-size:var(--font-s);padding:.3rem .6rem}.ms-search{display:flex;align-items:center;gap:.5rem;background:var(--ms-surface-2);border:1px solid var(--ms-border);padding:.45rem .6rem;border-radius:10px;color:var(--ms-muted)}.ms-search input{flex:1;background:transparent;border:none;color:var(--ms-text);outline:none}.ms-search-results{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:10px;padding:.4rem;display:grid;gap:.3rem}.ms-search-item{background:transparent;border:none;color:var(--ms-text);display:grid;grid-template-columns:20px 1fr auto;gap:.5rem;align-items:center;padding:.4rem .5rem;border-radius:8px;cursor:pointer}.ms-search-item:hover{background:#ffffff0f}.ms-search-email{font-size:var(--font-s);color:var(--ms-muted)}.ms-main{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:0;overflow:hidden;background:radial-gradient(900px 500px at 80% -10%,var(--theme-glow-1),transparent 60%),linear-gradient(160deg,var(--page-bg-start) 0%,var(--page-bg-mid) 45%,var(--page-bg-end) 100%)}.ms-main-header{display:none}.ms-topbar{display:flex;flex-direction:column;border-bottom:1px solid var(--ms-border);background:#0f121ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ms-topbar-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.4rem .35rem;min-height:44px}.ms-topbar-left{display:flex;align-items:center;gap:.5rem;min-width:0}.ms-topbar-icon{color:var(--ms-muted);flex-shrink:0}.ms-topbar-avatar{width:26px;height:26px;border-radius:6px;background:linear-gradient(140deg,var(--ms-gold),var(--ms-accent));display:flex;align-items:center;justify-content:center;font-size:var(--font-s);font-weight:700;color:var(--page-bg-mid);flex-shrink:0;position:relative;overflow:hidden}.ms-topbar-avatar-img{width:100%;height:100%;object-fit:cover}.ms-topbar-presence{position:absolute;bottom:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:#44b700;border:2px solid rgba(15,18,26,.85)}.ms-topbar-badge-icon{color:var(--ms-muted);opacity:.6;flex-shrink:0}.ms-topbar-status-dot{width:9px;height:9px;border-radius:50%;background:#44b700;flex-shrink:0}.ms-topbar-title{font-size:var(--font-m);font-weight:700;color:var(--ms-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-topbar-title-muted{color:var(--ms-muted);font-weight:400}.ms-topbar-right{display:flex;align-items:center;gap:.15rem;flex-shrink:0}.ms-topbar-btn{background:transparent;border:none;color:var(--ms-muted);padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.ms-topbar-btn:hover{background:#ffffff14;color:var(--ms-text)}.ms-topbar-btn-active{background:#ffffff1a;color:var(--ms-text)}.ms-topbar-tabs{display:flex;align-items:center;gap:0;padding:0 1.2rem;overflow-x:auto}.ms-topbar-tab{display:flex;align-items:center;gap:.35rem;background:transparent;border:none;color:var(--ms-muted);font-size:var(--font-s);font-weight:500;padding:.5rem .85rem;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.ms-topbar-tab:hover{color:var(--ms-text)}.ms-topbar-tab.active{color:var(--ms-text);border-bottom-color:var(--ms-gold)}.ms-topbar-tab-add{color:var(--ms-muted);opacity:.6;padding:.5rem .55rem}.ms-topbar-tab-add:hover{opacity:1;color:var(--ms-text)}.ms-topbar-menu-wrapper{position:relative}.ms-flyout{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:10px;padding:.35rem;box-shadow:0 8px 30px #00000073;z-index:100;animation:ms-flyout-in .12s ease-out}@keyframes ms-flyout-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ms-flyout-header{font-size:var(--font-s);font-weight:600;color:var(--ms-muted);text-transform:uppercase;letter-spacing:.04rem;padding:.45rem .75rem .25rem}.ms-flyout-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.55rem .75rem;background:transparent;border:none;color:var(--ms-text);font-size:var(--font-s);border-radius:7px;cursor:pointer;transition:background .15s ease;text-align:left}.ms-flyout-item:hover{background:#ffffff12}.ms-flyout-danger{color:#ef4444}.ms-flyout-danger:hover{background:#ef44441f}.ms-profile-sidebar{background:linear-gradient(180deg,var(--page-bg-mid) 0%,var(--page-bg-start) 100%);border-left:1px solid var(--ms-border);display:flex;flex-direction:column;overflow-y:auto;animation:ms-profile-slide-in .2s ease-out}@keyframes ms-profile-slide-in{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.ms-profile-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;border-bottom:1px solid var(--ms-border)}.ms-profile-header-title{font-weight:700;font-size:var(--font-m)}.ms-profile-close{background:transparent;border:none;color:var(--ms-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.ms-profile-close:hover{background:#ffffff14;color:var(--ms-text)}.ms-profile-body{display:flex;flex-direction:column;align-items:center;padding:2rem 1.4rem 1.4rem;gap:.6rem}.ms-profile-avatar-large{width:100px;height:100px;border-radius:16px;background:linear-gradient(140deg,var(--ms-gold),var(--ms-accent));display:flex;align-items:center;justify-content:center;font-size:var(--font-xxxl);font-weight:700;color:var(--page-bg-mid);overflow:hidden}.ms-profile-avatar-large img{width:100%;height:100%;object-fit:cover}.ms-profile-name{font-size:var(--font-l);font-weight:700;color:var(--ms-text);margin-top:.4rem}.ms-profile-role{font-size:var(--font-s);color:var(--ms-gold);background:rgba(var(--accent-rgb),.1);padding:.2rem .7rem;border-radius:20px;text-transform:capitalize}.ms-profile-details{width:100%;margin-top:1.4rem;display:flex;flex-direction:column;gap:0}.ms-profile-detail-item{display:flex;flex-direction:column;gap:.15rem;padding:.85rem 0;border-top:1px solid var(--ms-border)}.ms-profile-detail-label{font-size:var(--font-s);color:var(--ms-muted);text-transform:uppercase;letter-spacing:.04rem}.ms-profile-detail-value{font-size:var(--font-s);color:var(--ms-text)}.ms-profile-loading{padding:2rem;text-align:center;color:var(--ms-muted)}.ms-messages{padding:1.2rem 2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;min-height:0}.ms-message{display:grid;grid-template-columns:40px 1fr;gap:.8rem;align-items:start}.ms-message.mine .ms-message-avatar{background:linear-gradient(120deg,var(--ms-gold),var(--ms-accent));color:var(--page-bg-mid)}.ms-message-avatar{width:36px;height:36px;border-radius:12px;background:var(--ms-surface-2);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--ms-gold-2);overflow:hidden;flex-shrink:0}.ms-message-avatar-img{width:100%;height:100%;object-fit:cover}.ms-message-header{display:flex;gap:.6rem;align-items:baseline}.ms-message-sender{font-weight:600}.ms-message-time{font-size:var(--font-s);color:var(--ms-muted)}.ms-message-text{color:var(--ms-text);line-height:1.5;margin-top:.2rem}.ms-composer{padding:.6rem 2rem 1.4rem;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--ms-border);background:#0f121ae6}.ms-composer-row{display:flex;gap:.8rem;align-items:center}.ms-composer-row input[type=text],.ms-composer-row input:not([type]){flex:1;background:var(--ms-surface-2);border:1px solid var(--ms-border);color:var(--ms-text);padding:.7rem .9rem;border-radius:12px;outline:none}.ms-attach-btn{background:transparent;border:1px solid var(--ms-border);color:var(--ms-muted);padding:.6rem .7rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease;flex-shrink:0}.ms-attach-btn:hover:not(:disabled){background:#ffffff14;color:var(--ms-gold)}.ms-attach-btn:disabled{opacity:.4;cursor:not-allowed}.ms-selected-files{display:flex;flex-wrap:wrap;gap:.5rem;padding:.6rem 0}.ms-selected-file{display:flex;align-items:center;gap:.4rem;background:var(--ms-surface-2);border:1px solid var(--ms-border);border-radius:8px;padding:.35rem .5rem .35rem .6rem;font-size:var(--font-s);color:var(--ms-text);max-width:260px}.ms-selected-file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.ms-selected-file-size{font-size:var(--font-s);color:var(--ms-muted);flex-shrink:0}.ms-selected-file-remove{background:transparent;border:none;color:var(--ms-muted);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;flex-shrink:0}.ms-selected-file-remove:hover{background:#ef444426;color:#ef4444}.ms-uploading-spinner{width:18px;height:18px;border:2px solid rgba(15,17,23,.3);border-top-color:var(--page-bg-mid);border-radius:50%;animation:ms-spin .6s linear infinite}@keyframes ms-spin{to{transform:rotate(360deg)}}.ms-attachments{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.ms-attachment-image-link{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--ms-border);transition:opacity .15s ease;max-width:360px}.ms-attachment-image-link:hover{opacity:.85}.ms-attachment-image{display:block;max-width:360px;max-height:280px;object-fit:contain;border-radius:10px;background:var(--ms-surface-2)}.ms-attachment-file{display:flex;align-items:center;gap:.6rem;background:var(--ms-surface-2);border:1px solid var(--ms-border);border-radius:10px;padding:.65rem .85rem;text-decoration:none;color:var(--ms-text);min-width:200px;max-width:320px;transition:background .15s ease,border-color .15s ease}.ms-attachment-file:hover{background:#ffffff0f;border-color:var(--ms-gold)}.ms-attachment-file-icon{color:var(--ms-gold);flex-shrink:0}.ms-attachment-file-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.ms-attachment-file-name{font-size:var(--font-s);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ms-text)}.ms-attachment-file-size{font-size:var(--font-s);color:var(--ms-muted)}.ms-attachment-download{color:var(--ms-muted);flex-shrink:0;transition:color .15s ease}.ms-attachment-file:hover .ms-attachment-download{color:var(--ms-gold)}.ms-send{background:linear-gradient(140deg,var(--ms-gold),var(--ms-accent));border:none;color:var(--page-bg-mid);padding:.65rem .8rem;border-radius:12px;cursor:pointer;transition:transform .2s ease}.ms-send:disabled{opacity:.5;cursor:not-allowed}.ms-send:hover:not(:disabled){transform:translateY(-1px)}.ms-loading,.ms-empty-main{color:var(--ms-muted)}@media(max-width:980px){.messenger{grid-template-columns:1fr}.messenger:has(.ms-profile-sidebar){grid-template-columns:1fr}.ms-sidebar{border-right:none;border-bottom:1px solid var(--ms-border)}.ms-profile-sidebar{position:fixed;top:0;right:0;width:320px;height:100vh;z-index:200;box-shadow:-4px 0 20px #00000080}}.ms-tab-content{padding:1.4rem 2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.2rem;min-height:0;grid-row:2 / -1}.ms-files-search{display:flex;align-items:center;gap:.5rem;background:var(--ms-surface-2);border:1px solid var(--ms-border);padding:.5rem .7rem;border-radius:10px;color:var(--ms-muted)}.ms-files-search input{flex:1;background:transparent;border:none;color:var(--ms-text);outline:none}.ms-files-section{display:flex;flex-direction:column;gap:.7rem}.ms-files-section-title{font-size:var(--font-s);font-weight:600;color:var(--ms-muted);text-transform:uppercase;letter-spacing:.03rem}.ms-files-grid{display:flex;flex-wrap:wrap;gap:.6rem}.ms-files-thumb{width:120px;height:120px;border-radius:10px;overflow:hidden;border:1px solid var(--ms-border);transition:opacity .15s ease,border-color .15s ease;display:block}.ms-files-thumb:hover{opacity:.85;border-color:var(--ms-gold)}.ms-files-thumb img{width:100%;height:100%;object-fit:cover}.ms-files-list{display:flex;flex-direction:column;gap:0}.ms-files-doc{display:flex;align-items:center;gap:.75rem;padding:.75rem .85rem;border-radius:10px;text-decoration:none;color:var(--ms-text);transition:background .15s ease}.ms-files-doc:hover{background:#ffffff0a}.ms-files-doc-icon{flex-shrink:0}.ms-files-doc-icon-badge{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:var(--font-s);font-weight:700;color:#fff}.ms-files-doc-info{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.ms-files-doc-name{font-size:var(--font-s);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-files-doc-meta{font-size:var(--font-s);color:var(--ms-muted)}.ms-files-doc-actions{color:var(--ms-muted);flex-shrink:0;opacity:0;transition:opacity .15s ease}.ms-files-doc:hover .ms-files-doc-actions{opacity:1}.ms-pin-card{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:12px;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.4rem;transition:border-color .15s ease}.ms-pin-card:hover{border-color:rgba(var(--accent-rgb),.15)}.ms-pin-card-header{display:flex;align-items:center;gap:.5rem}.ms-pin-card-sender{font-weight:600;font-size:var(--font-s)}.ms-pin-card-time{font-size:var(--font-s);color:var(--ms-muted);margin-left:auto}.ms-pin-card-unpin{background:transparent;border:none;color:var(--ms-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;opacity:0}.ms-pin-card:hover .ms-pin-card-unpin{opacity:1}.ms-pin-card-unpin:hover{background:#ef44441f;color:#ef4444}.ms-pin-card-text{color:var(--ms-text);line-height:1.5;font-size:var(--font-s)}.ms-pin-card-footer{display:flex;align-items:center;gap:.3rem;font-size:var(--font-s);color:var(--ms-muted);margin-top:.3rem;padding-top:.4rem;border-top:1px solid var(--ms-border)}.ms-pinned-indicator{color:var(--ms-gold);opacity:.7;flex-shrink:0}.ms-context-menu{position:fixed;min-width:220px;background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:10px;padding:.35rem;box-shadow:0 8px 30px #00000080;z-index:300;animation:ms-flyout-in .12s ease-out}.ms-context-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.55rem .75rem;background:transparent;border:none;color:var(--ms-text);font-size:var(--font-s);border-radius:7px;cursor:pointer;transition:background .15s ease;text-align:left}.ms-context-item:hover{background:#ffffff12}.cal{min-height:100%;padding:2rem 2.5rem;color:var(--text-main);background:radial-gradient(1200px 700px at 80% -10%,var(--theme-glow-1),transparent 60%),radial-gradient(900px 500px at -10% 10%,var(--theme-glow-2),transparent 55%),linear-gradient(160deg,var(--page-bg-start) 0%,var(--page-bg-mid) 45%,var(--page-bg-end) 100%);font-family:Inter,Segoe UI,sans-serif}.cal-hero{margin-bottom:2rem;animation:cal-fade .8s ease-out}.cal-eyebrow{text-transform:uppercase;letter-spacing:.3rem;font-size:var(--font-s);color:var(--text-muted);margin-bottom:.6rem}.cal-title{font-family:Cinzel,Georgia,serif;font-size:var(--font-xxxl);margin:0 0 .4rem;color:var(--accent-gold-2)}.cal-subtitle{font-size:var(--font-m);color:var(--text-muted);max-width:520px}@keyframes cal-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cal-layout{display:grid;grid-template-columns:1fr 380px;gap:2rem;align-items:start}@media(max-width:1100px){.cal-layout{grid-template-columns:1fr}}.cal-nav{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.cal-month-label{font-family:Cinzel,Georgia,serif;font-size:var(--font-l);color:var(--accent-gold-2);min-width:200px;text-align:center}.cal-nav-btn,.cal-today-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-main);border-radius:8px;padding:.4rem .6rem;cursor:pointer;display:inline-flex;align-items:center;transition:background .2s}.cal-nav-btn:hover,.cal-today-btn:hover{background:rgba(var(--accent-rgb),.18)}.cal-today-btn{margin-left:auto;font-size:var(--font-s);padding:.4rem 1rem}.cal-grid-section{background:var(--surface-1);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.5rem}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-weekday{text-align:center;font-size:var(--font-s);text-transform:uppercase;letter-spacing:.12rem;color:var(--text-muted);padding:.5rem 0}.cal-cell{aspect-ratio:1;max-height:90px;border-radius:10px;background:#ffffff06;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:background .15s,box-shadow .15s;position:relative}.cal-cell:hover{background:rgba(var(--accent-rgb),.1)}.cal-cell--empty{background:transparent;cursor:default}.cal-cell--today{box-shadow:inset 0 0 0 2px var(--accent-gold)}.cal-cell--selected{background:rgba(var(--accent-rgb),.2)}.cal-cell--homeoffice:after{content:"";position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#4fc3f7}.cal-day-number{font-size:var(--font-m);font-weight:600}.cal-dot-row{display:flex;gap:3px;align-items:center}.cal-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-gold)}.cal-dot--ho{background:#4fc3f7}.cal-dot-more{font-size:var(--font-xs);color:var(--text-muted)}.cal-detail{background:var(--surface-1);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.5rem;min-height:400px}.cal-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.cal-detail-date{font-size:var(--font-m);color:var(--accent-gold-2)}.cal-add-btn{display:inline-flex;align-items:center;gap:4px;background:rgba(var(--accent-rgb),.15);border:1px solid rgba(var(--accent-rgb),.3);color:var(--accent-gold-2);border-radius:8px;padding:.35rem .9rem;font-size:var(--font-s);cursor:pointer;transition:background .2s}.cal-add-btn:hover{background:rgba(var(--accent-rgb),.28)}.cal-empty{color:#a0a7b4;font-size:var(--font-s);text-align:center;margin-top:2rem}.cal-appt-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.cal-appt{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-left:3px solid var(--accent-gold);border-radius:10px;padding:.85rem 1rem;transition:background .15s}.cal-appt:hover{background:#ffffff12}.cal-appt--ho{border-left-color:#4fc3f7}.cal-appt-top{display:flex;align-items:center;justify-content:space-between}.cal-appt-title{font-weight:600;font-size:var(--font-m)}.cal-appt-actions{display:flex;gap:4px}.cal-appt-actions button{background:none;border:none;color:#a0a7b4;cursor:pointer;padding:2px 4px;border-radius:4px;transition:color .15s,background .15s}.cal-appt-actions button:hover{color:#e6e6e6;background:#ffffff14}.cal-appt-meta{display:flex;align-items:center;gap:6px;font-size:var(--font-s);color:#a0a7b4;margin-top:4px}.cal-ho-badge{display:inline-flex;align-items:center;gap:3px;background:#4fc3f71f;color:#4fc3f7;border-radius:6px;padding:1px 8px;font-size:var(--font-s);font-weight:600;margin-left:4px}.cal-appt-desc{font-size:var(--font-s);color:#a0a7b4;margin-top:6px;line-height:1.4}.cal-form{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.2rem;display:flex;flex-direction:column;gap:.85rem}.cal-form-header{display:flex;align-items:center;justify-content:space-between}.cal-form-header h4{margin:0;font-size:var(--font-m);color:var(--accent-gold-2)}.cal-form-close{background:none;border:none;color:#a0a7b4;cursor:pointer;padding:2px;border-radius:6px;transition:color .15s}.cal-form-close:hover{color:#e6e6e6}.cal-label{display:flex;flex-direction:column;gap:4px;font-size:var(--font-s);color:#a0a7b4}.cal-input{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.55rem .75rem;color:#e6e6e6;font-size:var(--font-s);font-family:inherit;outline:none;transition:border-color .2s}.cal-input:focus{border-color:rgba(var(--accent-rgb),.5)}.cal-textarea{resize:vertical;min-height:60px}.cal-time-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.cal-checkbox-label{display:flex;align-items:center;gap:8px;font-size:var(--font-s);cursor:pointer;color:#e6e6e6}.cal-checkbox-label input[type=checkbox]{accent-color:#4fc3f7;width:16px;height:16px;cursor:pointer}.cal-save-btn{background:linear-gradient(135deg,var(--accent-gold) 0%,var(--accent-gold-2) 100%);color:var(--page-bg-start);border:none;border-radius:8px;padding:.6rem;font-weight:600;font-size:var(--font-s);cursor:pointer;transition:opacity .2s}.cal-save-btn:hover{opacity:.88}.cal-save-btn:disabled{opacity:.4;cursor:not-allowed}.wthr{--wthr-bg: var(--page-bg-start);--wthr-surface: rgba(255, 255, 255, .035);--wthr-surface-hover: rgba(255, 255, 255, .055);--wthr-border: rgba(var(--accent-rgb), .1);--wthr-border-hover: rgba(var(--accent-rgb), .28);--wthr-gold: var(--accent-gold);--wthr-gold-light: var(--accent-gold-2);--wthr-amber: var(--accent-gold);--wthr-text: var(--text-main);--wthr-muted: var(--text-muted);position:relative;min-height:100%;padding:2rem 2.5rem 3rem;color:var(--wthr-text);overflow:hidden;background:radial-gradient(1200px 700px at 75% -5%,var(--theme-glow-1),transparent 60%),radial-gradient(900px 500px at -5% 15%,var(--theme-glow-2),transparent 55%),linear-gradient(160deg,var(--page-bg-start) 0%,var(--page-bg-mid) 45%,var(--page-bg-end) 100%);font-family:Inter,Segoe UI,sans-serif}.wthr-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(110px);opacity:0;animation:wthr-orb-drift 22s ease-in-out infinite alternate}.wthr-orb--1{width:420px;height:420px;background:rgba(var(--accent-rgb),.12);top:-80px;right:10%;animation-delay:0s}.wthr-orb--2{width:320px;height:320px;background:rgba(var(--accent-rgb),.09);bottom:5%;left:-5%;animation-delay:-8s}.wthr-orb--3{width:260px;height:260px;background:rgba(var(--accent-rgb),.07);top:50%;right:-3%;animation-delay:-15s}@keyframes wthr-orb-drift{0%{opacity:.5;transform:translate(0) scale(1)}33%{opacity:.7;transform:translate(30px,-20px) scale(1.05)}66%{opacity:.5;transform:translate(-20px,15px) scale(.95)}to{opacity:.6;transform:translate(10px,-10px) scale(1.02)}}.wthr-hero{position:relative;z-index:1;margin-bottom:1.8rem;animation:wthr-rise .8s cubic-bezier(.22,1,.36,1) both}.wthr-eyebrow{text-transform:uppercase;letter-spacing:.3rem;font-size:var(--font-s);color:var(--wthr-gold);margin-bottom:.6rem;font-weight:500}.wthr-title{font-family:Cinzel,Georgia,serif;font-size:var(--font-xxxl);font-weight:700;margin:0 0 .4rem;background:linear-gradient(135deg,var(--wthr-gold-light),var(--wthr-gold),var(--wthr-amber));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:wthr-gradient-shift 6s ease-in-out infinite alternate}.wthr-subtitle{font-size:var(--font-m);color:var(--wthr-muted)}.wthr-link{color:var(--wthr-gold);text-decoration:none;transition:color .2s}.wthr-link:hover{color:var(--wthr-gold-light);text-decoration:underline}@keyframes wthr-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes wthr-gradient-shift{0%{background-position:0% 50%}to{background-position:100% 50%}}.wthr-location-bar{position:relative;z-index:10;display:flex;align-items:center;gap:.7rem;margin-bottom:1.8rem;animation:wthr-rise .8s .1s cubic-bezier(.22,1,.36,1) both}.wthr-location-current{display:flex;align-items:center;gap:.55rem;background:var(--wthr-surface);border:1px solid var(--wthr-border);border-radius:12px;padding:.55rem 1rem;cursor:pointer;transition:all .25s;min-width:200px}.wthr-location-current:hover{border-color:var(--wthr-border-hover);background:var(--wthr-surface-hover)}.wthr-location-pin{color:var(--wthr-gold);flex-shrink:0}.wthr-location-name{font-size:var(--font-s);font-weight:500;color:var(--wthr-text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wthr-location-search-icon{color:var(--wthr-muted);flex-shrink:0;opacity:.5}.wthr-search-dropdown{position:absolute;top:0;left:0;width:340px;background:var(--surface-1);border:1px solid var(--wthr-border-hover);border-radius:14px;box-shadow:0 8px 32px #00000080,0 0 0 1px rgba(var(--accent-rgb),.06);overflow:hidden;animation:wthr-dropdown-in .2s cubic-bezier(.22,1,.36,1)}@keyframes wthr-dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.wthr-search-input-row{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border-bottom:1px solid rgba(var(--accent-rgb),.08)}.wthr-search-icon{color:var(--wthr-gold);flex-shrink:0;opacity:.7}.wthr-search-input{flex:1;background:none;border:none;outline:none;color:var(--wthr-text);font-size:var(--font-s);font-family:inherit;padding:0}.wthr-search-input::placeholder{color:#a0a7b480}.wthr-search-clear{background:none;border:none;color:var(--wthr-muted);cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:4px;transition:color .2s}.wthr-search-clear:hover{color:var(--wthr-text)}.wthr-search-loading{padding:.8rem 1rem;font-size:var(--font-s);color:var(--wthr-muted);text-align:center}.wthr-search-list{list-style:none;margin:0;padding:.35rem 0;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.15) transparent}.wthr-search-section{padding:.45rem .9rem .3rem;font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--wthr-gold);opacity:.6;pointer-events:none}.wthr-search-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:var(--font-s);color:var(--wthr-muted);cursor:pointer;transition:all .15s;border-radius:6px;margin:0 .3rem}.wthr-search-item:hover,.wthr-search-item--highlight{background:rgba(var(--accent-rgb),.08);color:var(--wthr-text)}.wthr-search-item--current{color:var(--wthr-gold-light)}.wthr-search-item--current:after{content:"✓";margin-left:auto;font-size:var(--font-s);color:var(--wthr-gold)}.wthr-search-region{margin-left:auto;font-size:var(--font-s);color:var(--wthr-muted);opacity:.5;flex-shrink:0}.wthr-search-empty{padding:1.2rem 1rem;font-size:var(--font-s);color:var(--wthr-muted);text-align:center;opacity:.6}.wthr-search-spinner{color:var(--wthr-gold);flex-shrink:0;animation:wthr-rotate .8s linear infinite}.wthr-search-go{display:block;width:calc(100% - 1rem);margin:.35rem .5rem;padding:.55rem .9rem;background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.1));border:1px solid rgba(var(--accent-rgb),.25);border-radius:10px;color:var(--wthr-gold-light);font-size:var(--font-s);font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.wthr-search-go:hover:not(:disabled){background:linear-gradient(135deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.15));border-color:rgba(var(--accent-rgb),.4)}.wthr-search-go:disabled{opacity:.5;cursor:not-allowed}.wthr-search-error{padding:.5rem .9rem;font-size:var(--font-s);color:#ef5350;opacity:.8}.wthr-refresh{flex-shrink:0;background:#ffffff0d;border:1px solid var(--wthr-border);color:var(--wthr-muted);border-radius:10px;padding:.45rem .55rem;cursor:pointer;display:inline-flex;align-items:center;transition:all .25s}.wthr-refresh:hover{background:rgba(var(--accent-rgb),.12);border-color:var(--wthr-border-hover);color:var(--wthr-gold)}.wthr-refresh:disabled{opacity:.35;cursor:not-allowed}.wthr-unit-toggle{display:inline-flex;border:1px solid var(--wthr-border);border-radius:10px;overflow:hidden;background:#ffffff08}.wthr-unit-btn{border:none;background:transparent;color:var(--wthr-muted);padding:.4rem .6rem;font-size:var(--font-s);cursor:pointer;transition:color .2s,background .2s}.wthr-unit-btn:hover{color:var(--wthr-gold-light);background:rgba(var(--accent-rgb),.08)}.wthr-unit-btn--active{color:var(--wthr-gold-light);background:rgba(var(--accent-rgb),.18)}.wthr-favorite-btn{flex-shrink:0;background:#ffffff0d;border:1px solid var(--wthr-border);color:var(--wthr-muted);border-radius:10px;padding:.45rem .55rem;cursor:pointer;display:inline-flex;align-items:center;transition:all .25s}.wthr-favorite-btn:hover{color:var(--wthr-gold-light);border-color:var(--wthr-border-hover)}.wthr-favorite-btn--active{color:var(--wthr-gold);background:rgba(var(--accent-rgb),.12);border-color:var(--wthr-border-hover)}.wthr-quick-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.9rem;margin:-.8rem 0 1rem;max-width:1100px}.wthr-quick-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.45rem}.wthr-quick-label{display:inline-flex;align-items:center;gap:.3rem;color:var(--wthr-muted);font-size:var(--font-xs);letter-spacing:.08em;text-transform:uppercase}.wthr-chip{border:1px solid var(--wthr-border);background:#ffffff0a;color:var(--wthr-muted);border-radius:999px;padding:.25rem .7rem;font-size:var(--font-s);cursor:pointer;transition:all .2s}.wthr-chip:hover{color:var(--wthr-text);border-color:var(--wthr-border-hover)}.wthr-chip--active{color:var(--wthr-gold-light);border-color:var(--wthr-border-hover);background:rgba(var(--accent-rgb),.12)}.wthr-status{position:relative;z-index:1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;max-width:1100px;font-size:var(--font-s);color:var(--wthr-muted);margin:-.1rem 0 1rem}.wthr-status--stale{color:#f3b36b}.wthr-spin{animation:wthr-rotate .8s linear infinite}@keyframes wthr-rotate{to{transform:rotate(360deg)}}.wthr-error{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.8rem;color:#ef5350;background:#ef535014;border:1px solid rgba(239,83,80,.18);border-radius:14px;padding:.9rem 1.3rem;margin-bottom:1.2rem;animation:wthr-rise .5s ease-out both}.wthr-error-retry{border:1px solid rgba(239,83,80,.4);background:#ef53501f;color:#f7c7c6;border-radius:8px;padding:.25rem .6rem;font-size:var(--font-s);cursor:pointer}.wthr-error-retry:hover{background:#ef535033}.wthr-loader{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:4rem 0;color:var(--wthr-muted);font-size:var(--font-m);animation:wthr-rise .5s ease-out both}.wthr-loader-orbit{width:44px;height:44px;border-radius:50%;border:2px solid rgba(var(--accent-rgb),.1);border-top-color:var(--wthr-gold);animation:wthr-rotate .9s linear infinite;position:relative}.wthr-loader-dot{position:absolute;top:-3px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--wthr-gold);box-shadow:0 0 8px rgba(var(--accent-rgb),.5)}.wthr-content{position:relative;z-index:1;display:flex;gap:1.4rem;max-width:1100px;animation:wthr-rise .8s .15s cubic-bezier(.22,1,.36,1) both;transition:opacity .3s}.wthr-content--loading{opacity:.55;pointer-events:none}.wthr-main{flex:1.15;min-width:0;display:flex;flex-direction:column;gap:1rem}.wthr-sidebar{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem}.wthr-now{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--wthr-border);min-height:320px;display:flex;align-items:center;justify-content:center;transition:border-color .4s}.wthr-now:hover{border-color:var(--wthr-border-hover)}.wthr-scene{position:absolute;inset:0;z-index:0;overflow:hidden;transition:background 1s ease}.wthr-scene--sunny{background:radial-gradient(ellipse 60% 60% at 70% 20%,rgba(255,200,50,.18),transparent),radial-gradient(ellipse 80% 80% at 50% 120%,rgba(var(--accent-rgb),.06),transparent),linear-gradient(175deg,var(--page-bg-mid) 0%,var(--surface-1) 60%,var(--page-bg-start) 100%)}.wthr-scene--partly{background:radial-gradient(ellipse 50% 50% at 65% 25%,rgba(255,200,50,.1),transparent),radial-gradient(ellipse 70% 60% at 30% 80%,rgba(100,120,140,.08),transparent),linear-gradient(175deg,var(--page-bg-mid) 0%,var(--surface-1) 60%,var(--page-bg-start) 100%)}.wthr-scene--cloudy{background:radial-gradient(ellipse 70% 50% at 50% 30%,rgba(100,120,150,.1),transparent),linear-gradient(175deg,var(--page-bg-mid) 0%,var(--surface-1) 50%,var(--page-bg-start) 100%)}.wthr-scene--rainy{background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(60,80,120,.15),transparent),linear-gradient(175deg,var(--page-bg-mid) 0%,var(--surface-2) 50%,var(--page-bg-start) 100%)}.wthr-scene--snowy{background:radial-gradient(ellipse 70% 60% at 50% 30%,rgba(160,180,220,.1),transparent),linear-gradient(175deg,var(--page-bg-mid) 0%,var(--surface-1) 50%,var(--page-bg-start) 100%)}.wthr-scene--foggy{background:radial-gradient(ellipse 90% 70% at 50% 50%,rgba(120,130,150,.12),transparent),linear-gradient(175deg,var(--page-bg-mid) 0%,var(--surface-1) 50%,var(--page-bg-start) 100%)}.wthr-rain{position:absolute;top:-20px;width:1.5px;background:linear-gradient(to bottom,transparent,rgba(180,200,240,.5));border-radius:0 0 2px 2px;animation:wthr-rain-fall linear infinite;pointer-events:none}@keyframes wthr-rain-fall{0%{transform:translateY(-20px);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(380px);opacity:0}}.wthr-snow{position:absolute;top:-10px;border-radius:50%;background:#ffffffb3;animation:wthr-snow-fall linear infinite;pointer-events:none}@keyframes wthr-snow-fall{0%{transform:translateY(-10px) translate(0);opacity:0}10%{opacity:.8}50%{transform:translateY(180px) translate(var(--snow-drift, 15px))}90%{opacity:.6}to{transform:translateY(380px) translate(calc(var(--snow-drift, 15px) * -.5));opacity:0}}.wthr-sun-glow{position:absolute;top:-30%;right:-10%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,60,.25) 0%,rgba(255,180,40,.08) 40%,transparent 70%);animation:wthr-sun-pulse 4s ease-in-out infinite alternate;pointer-events:none}.wthr-sun-glow--dim{opacity:.5}.wthr-sun-rays-ring{position:absolute;top:-20%;right:-5%;width:260px;height:260px;border-radius:50%;border:1px solid rgba(255,200,60,.08);animation:wthr-rays-rotate 30s linear infinite;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,200,60,.04) 10deg,transparent 20deg,transparent 40deg,rgba(255,200,60,.03) 50deg,transparent 60deg,transparent 80deg,rgba(255,200,60,.04) 90deg,transparent 100deg,transparent 120deg,rgba(255,200,60,.03) 130deg,transparent 140deg,transparent 160deg,rgba(255,200,60,.04) 170deg,transparent 180deg,transparent 200deg,rgba(255,200,60,.03) 210deg,transparent 220deg,transparent 240deg,rgba(255,200,60,.04) 250deg,transparent 260deg,transparent 280deg,rgba(255,200,60,.03) 290deg,transparent 300deg,transparent 320deg,rgba(255,200,60,.04) 330deg,transparent 340deg,transparent 360deg)}.wthr-sun-rays-ring--dim{opacity:.4}@keyframes wthr-sun-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.08);opacity:1}}@keyframes wthr-rays-rotate{to{transform:rotate(360deg)}}.wthr-cloud-wisp{position:absolute;left:-30%;height:40px;border-radius:50%;background:radial-gradient(ellipse,rgba(200,200,220,.15) 0%,transparent 70%);animation:wthr-cloud-drift linear infinite;pointer-events:none}@keyframes wthr-cloud-drift{0%{transform:translate(0)}to{transform:translate(260%)}}.wthr-now-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 2rem 2rem;gap:.2rem}.wthr-now-icon{color:var(--wthr-gold);margin-bottom:.5rem;animation:wthr-icon-float 3s ease-in-out infinite alternate;filter:drop-shadow(0 0 12px rgba(var(--accent-rgb),.3))}@keyframes wthr-icon-float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.wthr-now-city{font-family:Cinzel,serif;font-size:var(--font-m);font-weight:600;letter-spacing:.08em;color:var(--wthr-gold-light);text-transform:uppercase}.wthr-now-temp{font-size:var(--font-xxxl);font-weight:200;line-height:1;margin:.1rem 0 .2rem;background:linear-gradient(180deg,#ffffff 20%,var(--wthr-gold-light) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 10px rgba(var(--accent-rgb),.15))}.wthr-now-cond{font-size:var(--font-m);color:var(--wthr-muted);text-transform:capitalize;letter-spacing:.02em}.wthr-now-hilo{display:flex;align-items:center;gap:.6rem;font-size:var(--font-m);color:#ffffff8c;margin-top:.4rem;font-weight:400}.wthr-now-sep{color:rgba(var(--accent-rgb),.3)}.wthr-report-card,.wthr-forecast-card{background:var(--wthr-surface);border:1px solid var(--wthr-border);border-radius:16px;padding:1.1rem 1.3rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .3s,box-shadow .3s,transform .3s}.wthr-report-card:hover,.wthr-forecast-card:hover{border-color:var(--wthr-border-hover);box-shadow:0 4px 24px rgba(var(--accent-rgb),.06);transform:translateY(-2px)}.wthr-card-heading{display:flex;align-items:center;gap:7px;font-size:var(--font-s);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--wthr-gold);margin:0 0 .9rem}.wthr-report-text{font-size:var(--font-s);color:var(--wthr-muted);line-height:1.6;margin:0}.wthr-forecast-list{display:flex;flex-direction:column}.wthr-forecast-row{display:grid;grid-template-columns:90px 28px 34px 1fr 34px;align-items:center;gap:.5rem;border-bottom:1px solid rgba(var(--accent-rgb),.05);animation:wthr-row-in .5s cubic-bezier(.22,1,.36,1) both;transition:background .2s;border-radius:6px;margin:0 -.3rem;padding:.6rem .3rem}.wthr-forecast-row:hover{background:rgba(var(--accent-rgb),.03)}.wthr-forecast-row:last-child{border-bottom:none}@keyframes wthr-row-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.wthr-forecast-day{font-size:var(--font-s);font-weight:500;color:var(--wthr-text)}.wthr-forecast-icon{color:var(--wthr-gold);display:flex;align-items:center;justify-content:center;opacity:.8}.wthr-forecast-low{font-size:var(--font-s);color:var(--wthr-muted);text-align:right;font-variant-numeric:tabular-nums}.wthr-forecast-high{font-size:var(--font-s);font-weight:600;color:var(--wthr-gold-light);text-align:left;font-variant-numeric:tabular-nums}.wthr-forecast-bar{height:5px;background:rgba(var(--accent-rgb),.08);border-radius:3px;position:relative;overflow:hidden}.wthr-forecast-bar-fill{position:absolute;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,var(--wthr-amber),var(--wthr-gold),var(--wthr-gold-light));transform-origin:left;animation:wthr-bar-grow .8s cubic-bezier(.22,1,.36,1) both}@keyframes wthr-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.wthr-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.wthr-detail-card{background:var(--wthr-surface);border:1px solid var(--wthr-border);border-radius:16px;padding:1rem 1rem .8rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:wthr-card-pop .6s cubic-bezier(.22,1,.36,1) both;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden}.wthr-detail-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--accent-rgb),.04) 0%,transparent 60%);opacity:0;transition:opacity .3s}.wthr-detail-card:hover{border-color:var(--wthr-border-hover);box-shadow:0 4px 20px rgba(var(--accent-rgb),.07);transform:translateY(-3px)}.wthr-detail-card:hover:before{opacity:1}@keyframes wthr-card-pop{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.wthr-detail-icon{color:var(--wthr-gold);opacity:.7;margin-bottom:2px}.wthr-detail-value{font-size:var(--font-xl);font-weight:300;color:var(--wthr-gold-light);position:relative;z-index:1}.wthr-detail-value--small{font-size:var(--font-s);font-weight:500;text-transform:capitalize}.wthr-detail-label{font-size:var(--font-s);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--wthr-muted);position:relative;z-index:1}.wthr-fetched{position:relative;z-index:1;text-align:right;font-size:var(--font-s);color:rgba(var(--accent-rgb),.25);margin:1.2rem 0 0;max-width:1100px}@media(max-width:900px){.wthr{padding:1.5rem 1.2rem 2rem}.wthr-location-bar{flex-wrap:wrap}.wthr-status{flex-direction:column;align-items:flex-start}.wthr-content{flex-direction:column}.wthr-title{font-size:var(--font-xxl)}.wthr-now-temp{font-size:var(--font-xxxl)}.wthr-forecast-row{grid-template-columns:80px 26px 30px 1fr 30px}}@media(max-width:600px){.wthr{padding:1.2rem .8rem 2rem}.wthr-search-dropdown{width:min(340px,calc(100vw - 1.6rem))}.wthr-quick-row{margin-top:-.5rem;gap:.65rem}.wthr-title{font-size:var(--font-xl)}.wthr-now-temp{font-size:var(--font-xxxl)}.wthr-now-body{padding:2rem 1.2rem 1.5rem}.wthr-details-grid{grid-template-columns:1fr 1fr;gap:.5rem}.wthr-forecast-row{grid-template-columns:70px 24px 28px 1fr 28px;gap:.35rem}.wthr-city-pill{padding:.3rem .7rem;font-size:var(--font-s)}}