@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=JetBrains+Mono:wght@400&display=swap";:root{--bg: #fafafa;--fg: #111;--fg-secondary: #888;--fg-muted: #bbb;--border: #e5e5e5;--hover-bg: #f0f0f0;--glass-surface: rgba(255, 255, 255, .72);--glass-surface-strong: rgba(255, 255, 255, .88);--glass-border: rgba(0, 0, 0, .08);--glass-border-strong: rgba(0, 0, 0, .12);--glass-shadow: 0 18px 44px rgba(17, 17, 17, .08);--glass-blur: blur(30px) saturate(200%);--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--bg-tint-1: rgba(255, 170, 140, .36);--bg-tint-2: rgba(123, 196, 255, .28);--bg-tint-3: rgba(138, 238, 198, .22);--bg-tint-4: rgba(255, 224, 156, .18);--bg-grid: rgba(17, 17, 17, .06);--accent: #007aff;--accent-soft: rgba(0, 122, 255, .12);--danger: #ff3b30;--success: #34c759}:root[data-theme=dark]{--bg: #0e0e0e;--fg: #e8e8e8;--fg-secondary: #999;--fg-muted: #555;--border: #222;--hover-bg: #1a1a1a;--glass-surface: rgba(18, 18, 18, .62);--glass-surface-strong: rgba(28, 28, 28, .85);--glass-border: rgba(255, 255, 255, .08);--glass-border-strong: rgba(255, 255, 255, .14);--glass-shadow: 0 22px 50px rgba(0, 0, 0, .45);--bg-tint-1: rgba(255, 97, 141, .18);--bg-tint-2: rgba(64, 153, 255, .18);--bg-tint-3: rgba(28, 218, 161, .12);--bg-tint-4: rgba(255, 204, 96, .1);--bg-grid: rgba(255, 255, 255, .03);--accent: #0a84ff;--accent-soft: rgba(10, 132, 255, .15)}:root[data-theme=dark] body{background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 24%),radial-gradient(circle at top right,rgba(255,255,255,.04),transparent 20%),radial-gradient(circle at bottom left,rgba(255,255,255,.03),transparent 28%),linear-gradient(135deg,#090909,#111115 42%,#0b1014)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);transition:background .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.84),transparent 24%),radial-gradient(circle at 85% 10%,rgba(255,255,255,.3),transparent 20%),radial-gradient(circle at 72% 82%,rgba(0,0,0,.03),transparent 30%),linear-gradient(135deg,#fefcf8,#f6f5ff,#eef9ff 68%,#fff8ef);background-attachment:fixed;background-size:160% 160%,140% 140%,160% 160%,240% 240%;animation:ambient-sweep 28s ease-in-out infinite alternate;color:var(--fg);min-height:100vh;line-height:1.5;position:relative;isolation:isolate;overflow-x:hidden}body:before{content:"";position:fixed;top:-30vmax;right:-30vmax;bottom:-30vmax;left:-30vmax;background:radial-gradient(circle at 18% 20%,var(--bg-tint-1),transparent 28%),radial-gradient(circle at 82% 14%,var(--bg-tint-2),transparent 24%),radial-gradient(circle at 70% 82%,var(--bg-tint-3),transparent 30%),radial-gradient(circle at 48% 50%,var(--bg-tint-4),transparent 42%);filter:blur(72px) saturate(145%);opacity:.95;animation:ambient-float 24s ease-in-out infinite alternate,ambient-spin 52s linear infinite;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--bg-grid) .8px,transparent .9px);background-size:44px 44px;opacity:.16;mix-blend-mode:soft-light;animation:ambient-grid 18s linear infinite;pointer-events:none;z-index:0}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}@keyframes ambient-sweep{0%{background-position:0% 0%,100% 0%,100% 100%,0% 100%}50%{background-position:35% 18%,68% 8%,80% 72%,20% 86%}to{background-position:100% 100%,0% 100%,0% 0%,100% 0%}}@keyframes ambient-float{0%{transform:translate3d(-2%,-1%,0) scale(1)}50%{transform:translate3d(1.5%,2.5%,0) scale(1.06)}to{transform:translate3d(3%,-2%,0) scale(1.02)}}@keyframes ambient-spin{0%{transform:rotate(0) scale(1.04)}to{transform:rotate(360deg) scale(1.04)}}@keyframes ambient-grid{0%{background-position:0 0}to{background-position:44px 44px}}@media(prefers-reduced-motion:reduce){body,body:before,body:after{animation:none!important}}.app-layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--glass-surface);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:1.5rem 0;position:fixed;height:100vh;left:0;top:0;box-shadow:12px 0 36px #1111110d;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{padding:0 1.25rem 1.5rem;border-bottom:1px solid var(--glass-border);margin-bottom:1rem}.sidebar-title{font-size:1.125rem;font-weight:500;letter-spacing:-.02em;margin-bottom:.5rem}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem}.sidebar-tab{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--fg-secondary);font-family:var(--font-body);font-size:.875rem;cursor:pointer;transition:all .15s ease;text-align:left}.sidebar-tab:hover{background:var(--glass-surface);border-color:var(--glass-border);color:var(--fg)}.sidebar-tab.active{background:var(--glass-surface-strong);border-color:var(--glass-border-strong);color:#007aff;box-shadow:0 10px 24px #11111114;transition:all .2s ease}:root[data-theme=dark] .sidebar-tab.active{color:#0a84ff}.sidebar-tab-icon{font-size:1rem;min-width:1.25rem}.sidebar-tab-label{flex:1}.sidebar-footer{padding:1rem 1.25rem 0;border-top:1px solid var(--glass-border);margin-top:auto;display:flex;flex-direction:column;gap:1rem}.theme-toggle-btn{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:999px;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.125rem;transition:all .2s ease;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.theme-toggle-btn:hover{background:var(--glass-surface-strong);transform:scale(1.05)}.desktop-open-sidebar-btn{position:fixed;left:1rem;top:1rem;z-index:50;width:2.5rem;height:2.5rem;background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:999px;color:var(--fg);font-size:1.125rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.desktop-open-sidebar-btn:hover{background:var(--glass-surface-strong);transform:scale(1.05)}.desktop-close-sidebar-btn{width:2rem;height:2rem;background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:999px;color:var(--fg-secondary);font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.desktop-close-sidebar-btn:hover{background:var(--glass-surface-strong);color:var(--fg);transform:scale(1.05)}.app-layout.desktop-sidebar-closed .sidebar{transform:translate(-220px)}.app-layout.desktop-sidebar-closed .main-content{margin-left:0}.app-layout.desktop-sidebar-closed .desktop-close-sidebar-btn{display:none}@media(max-width:768px){.desktop-open-sidebar-btn,.desktop-close-sidebar-btn{display:none}.app-layout.desktop-sidebar-closed .sidebar{transform:none}}.main-content{flex:1;margin-left:220px;padding:2rem;min-height:100vh}.main-content:has(.server-panel){padding:0;height:100vh;overflow:hidden}.main-content:has(.server-panel) .breadcrumb-nav{display:none}.feedback-banner{margin-bottom:1rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem}.feedback-banner.success{background:#34c75924;border-color:#34c75966}.feedback-banner.error{background:#ff3b301f;border-color:#ff3b3059}.content-panel{max-width:800px;padding:1.5rem;background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);overflow:hidden;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.content-panel.server-panel{max-width:none;padding:0;border:none;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.section-count{font-family:var(--font-mono);font-size:.75rem;color:var(--fg-muted);margin-left:.5rem}.grace-status{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--fg-secondary)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--fg-secondary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.grace-empty{color:var(--fg-secondary);font-size:.875rem;line-height:2}.grace-empty code{font-family:var(--font-mono);font-size:.8125rem;background:var(--hover-bg);padding:.125rem .375rem;border-radius:4px}.section-header{margin-bottom:.75rem}.section-label{font-family:var(--font-mono);font-size:.6875rem;color:var(--fg-muted);letter-spacing:.15em;text-transform:uppercase}.about-panel{max-width:720px}.about-list{border-top:1px solid var(--glass-border)}.about-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:.95rem 0;border-bottom:1px solid var(--glass-border)}.about-row-label{flex:0 0 7rem;font-family:var(--font-mono);font-size:.6875rem;color:var(--fg-muted);letter-spacing:.14em;text-transform:uppercase;padding-top:.15rem}.about-row-value{flex:1;text-align:right;font-size:.9375rem;color:var(--fg)}.calendar-wrapper{background:transparent;padding:1.5rem 0;border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}.calendar-header{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.calendar-nav-btn{width:2.5rem;height:2.5rem;background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:999px;color:var(--fg);font-size:1.25rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.calendar-nav-btn:hover{background:var(--glass-surface-strong);border-color:var(--glass-border-strong);transform:translateY(-1px)}.calendar-month{font-size:1.125rem;font-weight:500;min-width:8rem;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.calendar-weekday{text-align:center;font-family:var(--font-mono);font-size:.75rem;color:var(--fg-muted);padding:.5rem;text-transform:uppercase;letter-spacing:.1em}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.875rem;background:transparent;border:1px solid transparent;border-radius:8px;transition:background .15s ease;cursor:pointer;position:relative;width:100%}.calendar-day:not(.empty):hover{background:var(--glass-surface)}.calendar-day.today{background:var(--fg);color:var(--bg);font-weight:500}.calendar-day.selected{border:2px solid var(--fg)}.event-dots{display:flex;gap:2px;margin-top:2px;justify-content:center}.event-dot{width:4px;height:4px;border-radius:50%;background:var(--fg)}.calendar-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:center}.calendar-action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:999px;color:var(--fg);font-family:var(--font-body);font-size:.8125rem;cursor:pointer;transition:all .2s ease;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.calendar-action-btn:hover:not(:disabled){background:var(--glass-surface-strong);border-color:var(--glass-border-strong);transform:translateY(-1px)}.calendar-action-btn:disabled{opacity:.45;cursor:not-allowed}.event-form{border-top:1px solid var(--glass-border);padding-top:1rem}.event-form-group{margin-bottom:.75rem}.event-label{display:block;font-size:.75rem;font-weight:500;margin-bottom:.375rem;color:var(--fg-secondary)}.event-input,.event-textarea{width:100%;padding:.625rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--fg);font-family:var(--font-body);font-size:.875rem;outline:none;transition:border-color .15s ease}.event-input:focus,.event-textarea:focus{border-color:var(--accent)}.event-textarea{resize:vertical}.event-save-btn{padding:.5rem 1rem;border-radius:999px;background:var(--fg);color:var(--bg);border:none;font-family:var(--font-body);font-size:.8125rem;cursor:pointer;transition:opacity .15s ease}.event-save-btn:hover:not(:disabled){opacity:.9}.auth-error{color:var(--danger);font-size:.8125rem;margin-bottom:.75rem;padding:.5rem;background:#ff3b301a;border-radius:8px}.artifact-list{list-style:none}.artifact-item{border-bottom:1px solid var(--border);margin-bottom:2px}.artifact-item:first-child{border-top:1px solid var(--border)}.artifact-link{display:flex;align-items:center;gap:1rem;width:100%;padding:.875rem .25rem;background:transparent;border:none;color:var(--fg);font-family:var(--font-body);font-size:.9375rem;cursor:pointer;transition:background .15s ease,padding-left .15s ease;text-align:left}.artifact-link:hover{background:var(--glass-surface);padding-left:.75rem}.artifact-index{font-family:var(--font-mono);font-size:.75rem;color:var(--fg-muted);min-width:1.5rem}.viewer-container{display:flex;flex-direction:column;height:100vh;background:transparent}.artifact-viewer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50}.artifact-viewer .viewer-nav{position:absolute;top:1rem;left:1rem;z-index:2;padding:.35rem;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-surface);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);pointer-events:none;width:fit-content}.artifact-viewer .back-button{pointer-events:auto;width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:999px;border:none;background:transparent;color:var(--fg-secondary);opacity:.72;transition:color .15s ease,opacity .15s ease,transform .15s ease;cursor:pointer}.artifact-viewer .back-button:hover{color:var(--fg);opacity:1;transform:translate(-1px)}.viewer-frame{flex:1;width:100%;border:none;background:#fff}.server-member-sidebar{width:200px;background:var(--glass-surface);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.member-list-header{padding:1.25rem 1rem .75rem;font-size:.7rem;font-weight:500;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.member-list{padding:0 .5rem;overflow-y:auto}.member-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;cursor:default;transition:background .15s ease}.member-item:hover{background:var(--hover-bg)}.member-avatar{font-size:1rem;opacity:.8}.member-name{font-size:.8125rem;color:var(--fg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.server-item,button.channel-item,button.fiction-item,button.calendar-day{border:none;background:transparent;font-family:inherit;color:inherit;text-align:inherit;padding:0;cursor:pointer;width:100%;outline:none}button.server-item:focus-visible,button.channel-item:focus-visible,button.fiction-item:focus-visible,button.calendar-day:focus-visible{box-shadow:0 0 0 2px var(--accent);z-index:2}@media(max-width:1100px){.server-member-sidebar{display:none}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:var(--glass-surface-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);z-index:1100;align-items:center;justify-content:space-between;padding:0 1rem}.hamburger-btn{width:40px;height:40px;background:transparent;border:none;font-size:1.5rem;color:var(--fg);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:10px}.mobile-header-brand{display:flex;align-items:center;gap:.5rem}.mobile-title{font-size:1.125rem;font-weight:600;letter-spacing:-.02em}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:140;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.mobile-header{display:flex}.mobile-overlay{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);background:var(--glass-surface-strong);box-shadow:20px 0 50px #00000026}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:5rem 1rem 2rem}}.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.portal-widget{background:var(--glass-surface-strong);padding:1.5rem;border-radius:20px;border:1px solid var(--glass-border);box-shadow:0 8px 32px #1111110a}.dashboard-hero{display:flex;justify-content:space-between;align-items:center;padding:2.5rem 2rem;margin-bottom:2rem;background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:24px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.premium-card{background:var(--glass-surface-strong);border:1px solid var(--glass-border);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000d}.premium-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.artifact-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--hover-bg);border-radius:16px;border:1px solid transparent;cursor:pointer;transition:all .2s}.artifact-tile:hover{background:var(--glass-surface);border-color:var(--accent)}.nav-tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;background:var(--hover-bg);border:1px solid transparent;border-radius:16px;cursor:pointer;transition:all .2s}.nav-tile:hover{background:var(--accent-soft);border-color:var(--accent)}.server-layout{display:flex;height:calc(100vh - 100px);overflow:hidden;background:var(--glass-surface);border-radius:24px;border:1px solid var(--glass-border-strong);box-shadow:var(--glass-shadow)}@media(max-width:768px){.server-layout{flex-direction:column;height:auto;min-height:100vh;overflow:visible;border-radius:0}.server-sidebar{width:100%;height:auto;flex-direction:row;padding:.5rem;border-right:none;border-bottom:1px solid var(--glass-border);overflow-x:auto}.server-list{flex-direction:row;padding:0}.channel-sidebar{width:100%;height:350px;border-right:none;border-bottom:1px solid var(--glass-border)}.channel-content{height:600px}.server-member-sidebar{display:none}.fiction-layout{flex-direction:column}.fiction-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--glass-border);max-height:300px}}.server-icon-circle{width:100%;height:100%;border-radius:50%;background:var(--glass-surface-strong);display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:1px solid var(--glass-border);transition:all .2s ease}.server-item:hover .server-icon-circle,.server-item.active .server-icon-circle{border-radius:12px;background:var(--accent);color:#fff}.channel-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-bottom:2px;cursor:pointer;transition:all .15s ease;border-radius:8px;color:var(--fg-secondary)}.channel-item:hover{background:var(--hover-bg);color:var(--fg)}.channel-item.active{background:var(--accent-soft);color:var(--accent)}.chat-message-bubble{padding:.4rem .5rem;border-radius:8px;transition:background .2s ease}.chat-message-bubble:hover{background:var(--hover-bg)}.chat-input-field{flex:1;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:.9rem;outline:none}.chat-send-btn-small{padding:.5rem 1rem;border-radius:8px;background:var(--fg);color:var(--bg);border:none;cursor:pointer;font-size:.875rem;transition:opacity .2s ease}.gracecoin-wallet,.gracecoin-send,.transaction-item,.block-item{padding:1.5rem;border:1px solid var(--border);border-radius:12px}.mine-btn,.send-btn{width:100%;padding:.75rem;background:var(--fg);color:var(--bg);border:none;border-radius:12px;font-size:.875rem;cursor:pointer;transition:opacity .2s ease}.breadcrumb-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 0;border-bottom:1px solid var(--border);font-size:.8125rem;color:var(--fg-secondary)}.modal-content{background:var(--bg);border:1px solid var(--border);border-radius:20px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--glass-shadow)}.u-spacer-40{width:40px}.u-margin-b-1{margin-bottom:1rem}.u-margin-b-075{margin-bottom:.75rem}.u-margin-t-05{margin-top:.5rem}.u-margin-t-1{margin-top:1rem}.header-version-badge{font-family:var(--font-mono);font-size:.625rem;background:var(--accent-soft);color:var(--accent);padding:.125rem .375rem;border-radius:4px;margin-left:.5rem;vertical-align:middle;font-weight:500}.premium-card{animation:fadeInUp .5s cubic-bezier(.2,.8,.2,1) both}.coin-card{animation-delay:.1s}.activity-card{animation-delay:.2s}.artifact-card{animation-delay:.3s}.quick-nav-card{animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}