:root{color-scheme:light;--app-bg: #f6f0e9;--app-surface: #ffffff;--app-surface-muted: #f7f2ec;--app-surface-soft: #faf5f0;--app-surface-strong: #ffffff;--app-border: #d8d2c8;--app-border-strong: #b8aea3;--app-text: #14100d;--app-text-muted: #6f6962;--app-text-secondary: #8c8580;--app-accent: #7e4da7;--app-accent-hover: #5c3980;--app-accent-soft: #f2eaf6;--app-success: #1d7d47;--app-warning: #a36900;--app-danger: #a72b53;--app-radius-sm: 6px;--app-radius-md: 12px;--app-radius-lg: 18px;--app-radius-xl: 24px;--app-shadow-soft: 0 14px 34px rgba(20, 16, 13, .08);--app-shadow-card: 0 10px 24px rgba(20, 16, 13, .06);--app-max: 1240px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--header-height: 76px;--mobile-shell-height: 62px;--mobile-gutter: 16px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--app-bg);color:var(--app-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}button:disabled,[disabled]{cursor:not-allowed}a:hover{text-decoration:none}input,textarea,select{min-width:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--app-accent);outline-offset:3px}.app-shell{min-height:100vh;background:var(--app-bg)}.page-wrap{width:min(var(--app-max),calc(100% - 32px));margin:0 auto;padding:var(--space-5) 0}.site-header{border:3px solid var(--line);background:var(--surface);box-shadow:0 12px 24px #00000024;border-radius:var(--radius-lg);overflow:hidden}.top-strip{display:flex;justify-content:space-between;gap:12px;padding:7px 12px;color:#fff;font-weight:700;letter-spacing:.04em;background:linear-gradient(180deg,var(--purple) 0%,var(--purple-dark) 100%)}.brand-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;background:linear-gradient(180deg,#fff,#f1ebf8)}.app-header-row{align-items:center}.brand-lockup{display:grid;gap:6px;align-content:start}.brand-home-link{display:inline-block}.brand-logo{display:block;width:min(280px,100%);image-rendering:pixelated}.brand-lockup p{margin:0;color:var(--muted);font-weight:600}.status-bar{min-width:320px;padding:10px;border:3px solid var(--line);background:var(--surface-soft);box-shadow:inset -3px -3px #d7c9eb}.app-header-meta{display:grid;gap:8px;justify-items:end}.guest-header-actions,.user-menu-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status-bar div+div{margin-top:6px}.text-button,.primary-button,.secondary-button,.danger-button,.theme-chip{cursor:pointer;border:3px solid var(--line);border-radius:var(--radius-md);min-height:42px;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .14s ease}.text-button{padding:8px 10px;color:#fff;background:#111;font-weight:700;text-transform:lowercase}.text-button:hover,.primary-button:hover,.secondary-button:hover,.danger-button:hover,.theme-chip:hover{transform:translateY(-1px);text-decoration:none}.main-nav{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;background:#111;border-top:3px solid var(--line)}.desktop-nav{display:flex}.mobile-nav-panel{display:none}.nav-link{padding:8px 10px;color:#fff;font-weight:600;border:2px solid transparent;border-radius:999px}.nav-link.active,.nav-link:hover{background:#b54ae63d;border-color:#ffffff47;text-decoration:none}.user-menu{min-width:240px;padding:10px;border:3px solid var(--line);background:var(--surface-muted);display:grid;gap:8px;border-radius:var(--radius-lg)}.user-menu-head{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center}.user-menu-avatar{width:52px;height:52px;border:3px solid var(--line);background:#fff;display:grid;place-items:center;overflow:hidden}.user-menu-avatar img{width:100%;height:100%;object-fit:cover}.user-menu-head strong,.user-menu-head span{display:block}.user-signout{width:100%;margin-top:2px}.mobile-menu-button{display:none}.home-layout,.single-column-layout,.profile-layout,.editor-workspace{display:grid;gap:18px;margin-top:14px}.single-column-layout{grid-template-columns:minmax(0,720px);justify-content:center}.module{border:4px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:var(--radius-lg);overflow:hidden}.module-title{padding:9px 12px;font-weight:700;color:#fff;letter-spacing:.03em;background:linear-gradient(180deg,#2b2b2b,#000);border-bottom:4px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:18px;padding:18px}.hero-copy h1,.auth-form h1,.editor-topbar h1,.settings-stack h1,.dialog-card h2{margin:0 0 10px;font-size:28px;line-height:1.08;color:var(--purple-dark)}.hero-copy p,.hero-points div,.mini-panel span,.tile-head span,.profile-tile p,.tile-meta,.list-item span,.manifesto p,.field span,.auth-form p,.editor-form p,.status-message p,.profile-section p,.guestbook-list p,.profile-preview-box p,.helper-text{line-height:1.55}.section-kicker{display:inline-block;margin-bottom:12px;color:var(--purple-dark);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hero-points,.hero-side,.theme-grid,.settings-stack,.list-panel,.stack-list,.editor-sidebar,.editor-panels,.editor-block,.gallery-grid{display:grid;gap:10px}.hero-points div,.mini-panel,.status-message,.profile-section,.field input,.field textarea,.field select,.theme-chip,.profile-preview-box,.guestbook-entry{padding:10px 12px;border:3px solid var(--line);background:var(--surface-soft);border-radius:var(--radius-md)}.mini-panel strong{display:block;margin-bottom:4px;color:var(--purple-dark)}.profile-grid,.content-grid{display:grid;gap:18px}.friends-grid{display:grid;gap:12px;padding:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{padding-top:0}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-tile{border:3px solid var(--line);background:linear-gradient(180deg,#fff,#f1ebf8);height:100%;display:grid;grid-template-rows:auto 1fr auto}.profile-tile-featured{background:radial-gradient(circle at top right,rgba(181,74,230,.14),transparent 28%),linear-gradient(180deg,#fff,#f1ebf8)}.friend-card{display:grid;gap:10px;padding:16px;border:3px solid var(--line);background:linear-gradient(180deg,#fff,#f7f0ff);border-radius:var(--radius-lg)}.friend-card-head{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:start}.small-avatar{width:64px;height:64px}.friend-card-head p{margin:4px 0 0;color:var(--muted)}.friend-card-head strong{display:block;font-size:22px;line-height:1;color:var(--ink)}.friend-card-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.friend-action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.status-chip{display:inline-block;padding:6px 10px;border:2px solid var(--line);background:var(--purple-soft);color:var(--purple-dark);font-weight:700;text-transform:lowercase}.profile-tile-compact .card-body{grid-template-columns:64px 1fr}.profile-tile-compact .profile-card-avatar{width:64px;height:64px}.tile-head{display:flex;justify-content:space-between;gap:10px;padding:10px;border-bottom:3px solid var(--line);background:linear-gradient(180deg,var(--purple) 0%,var(--purple-dark) 100%);color:#fff;font-weight:700;align-items:center}.card-body{display:grid;grid-template-columns:84px 1fr;gap:12px;padding:14px}.profile-card-avatar{width:84px;height:84px;border:3px solid var(--line);background:#fff;display:grid;place-items:center;overflow:hidden}.profile-card-avatar img{width:100%;height:100%;object-fit:cover}.profile-card-avatar span{font-size:24px;font-weight:700;color:var(--purple-dark)}.profile-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;color:var(--muted)}.accent-pill{display:inline-block;min-width:12px;height:12px;border:2px solid #000;color:transparent}.profile-tile p,.tile-meta{margin:0}.tile-meta{padding:12px 14px;border-top:2px dashed var(--line-soft);color:var(--muted);text-transform:lowercase}.list-panel,.manifesto,.auth-form,.settings-stack{padding:18px}.manifesto h1,.manifesto h2{margin:0 0 10px;color:var(--ink)}.manifesto p{margin:0;max-width:48ch}.list-item{padding:10px 0;border-bottom:2px dotted var(--line-soft)}.list-item:last-child{border-bottom:0}.list-item strong,.profile-section h3,.guestbook-meta strong{display:block;margin-bottom:4px;color:var(--purple-dark)}.auth-form,.guestbook-form,.editor-form{display:grid;gap:12px}.auth-form{max-width:460px;margin:0 auto}.editor-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:18px;padding:18px}.editor-topbar,.editor-toolbar,.editor-footer-actions,.settings-actions,.module-actions,.dialog-actions,.item-toolbar-actions,.counter-row,.editor-status-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.editor-toolbar{gap:6px}.active-tab{background:var(--purple-soft)}.preview-toggle{display:none}.draft-indicator{display:inline-block;padding:6px 10px;border:2px solid var(--line);background:#fff;font-weight:700;text-transform:lowercase}.draft-indicator.active{background:#fff0c7}.editor-block-head,.stack-card,.dialog-card{display:grid;gap:10px}.editor-block-head-row{grid-template-columns:1fr auto}.stack-card{padding:12px;border:3px solid var(--line);background:var(--surface-soft)}.field{display:grid;gap:6px}.field input,.field textarea,.field select{width:100%;color:var(--ink);resize:vertical;border-radius:var(--radius-md)}.checkbox-field{display:flex;align-items:center;gap:10px;font-weight:700}.primary-button,.secondary-button,.danger-button{padding:10px 14px;font-weight:700;text-transform:lowercase;box-shadow:0 8px 16px #00000014}.primary-button{color:#fff;background:linear-gradient(180deg,var(--purple) 0%,var(--purple-dark) 100%)}.secondary-button,.theme-chip{color:var(--ink);background:linear-gradient(180deg,#fff,#f4eefc)}.danger-button{color:#fff;background:linear-gradient(180deg,#c1446a,#8d1738)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.65;cursor:not-allowed}.inline-button{display:inline-flex;align-items:center;justify-content:center}.theme-selector{display:grid;gap:12px}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-chip{display:flex;align-items:center;gap:8px;font-weight:700}.theme-chip.active{background:var(--purple-soft)}.theme-swatch{display:inline-block;width:16px;height:16px;border:2px solid #000}.error-box,.error-text{color:var(--danger)}.success-box{color:var(--success)}.auth-switch{margin:0}.guestbook-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.guestbook-list.compact li{padding:0;border:0;background:transparent}.guestbook-entry-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.guestbook-author{display:flex;gap:10px;align-items:center}.guestbook-avatar{width:48px;height:48px;border:3px solid var(--line);background:#fff;display:grid;place-items:center;overflow:hidden;border-radius:12px}.guestbook-avatar img{width:100%;height:100%;object-fit:cover}.guestbook-delete{margin-top:10px}.profile-preview-shell{--profile-accent: var(--purple-dark);--profile-panel: #f2eff8;--profile-ink: #101010;--profile-background: linear-gradient(180deg, #ffffff 0%, #f1ebf8 100%)}.profile-public-scope{position:relative;isolation:isolate}.profile-surface-shell{color:var(--profile-text);font-family:var(--profile-body-font);font-size:var(--profile-base-size);line-height:calc(1.45 * var(--profile-density));background-color:var(--profile-page-bg);background-image:var(--profile-bg-image);background-size:var(--profile-bg-size);background-repeat:var(--profile-bg-repeat);background-position:var(--profile-bg-position);background-attachment:var(--profile-bg-attachment)}.profile-surface-shell a{color:var(--profile-link)}.profile-surface-page{width:min(var(--profile-content-width),100%);margin:0 auto;padding:var(--profile-page-padding);display:grid;gap:var(--profile-module-gap);background:color-mix(in srgb,var(--profile-content-bg) 94%,transparent);border-radius:22px}.profile-surface-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:var(--profile-module-gap);padding:calc(18px * var(--profile-density));border:var(--profile-border-width) var(--profile-border-style) var(--profile-module-border);border-radius:calc(var(--profile-radius) + 14px);background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 100%),var(--profile-module-bg);box-shadow:10px 10px rgba(0,0,0,var(--profile-shadow-opacity))}.profile-surface-identity{display:grid;grid-template-columns:108px 1fr;gap:16px;align-items:start}.profile-avatar-frame-large{width:108px;height:108px}.profile-surface-copy{display:grid;gap:10px}.profile-eyebrow{margin:0;color:var(--profile-text-muted);font-size:.9em;text-transform:uppercase;letter-spacing:.08em}.profile-surface-shell h1,.profile-surface-shell h2,.profile-surface-shell h3,.profile-surface-shell .module-title{font-family:var(--profile-heading-font)}.profile-surface-copy h1{margin:0;font-size:calc(2rem * var(--profile-heading-scale));line-height:.92;color:var(--profile-text)}.profile-surface-copy p{margin:0;color:var(--profile-text-muted);max-width:42ch}.profile-surface-inline-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--profile-text-muted)}.profile-surface-meta{display:grid;gap:10px}.profile-meta-chip{display:grid;gap:4px;padding:calc(12px * var(--profile-density));border:var(--profile-border-width) var(--profile-border-style) var(--profile-module-border);border-radius:calc(var(--profile-radius) + 10px);background:var(--profile-module-bg)}.profile-meta-chip strong{color:var(--profile-link);text-transform:lowercase}.profile-surface-sections{display:grid;gap:var(--profile-module-gap)}.profile-module{border-width:var(--profile-border-width);border-style:var(--profile-border-style);border-color:var(--profile-module-border);border-radius:calc(var(--profile-radius) + 12px);background:var(--profile-module-bg);box-shadow:10px 10px rgba(0,0,0,var(--profile-shadow-opacity));overflow:hidden}.profile-module .module-title{background:var(--profile-module-title-bg);border-bottom-width:var(--profile-border-width);border-bottom-style:var(--profile-border-style);border-bottom-color:var(--profile-module-border)}.profile-module .list-panel,.profile-module .gallery-grid,.profile-module .guestbook-entry,.profile-module .guestbook-form,.profile-module .status-message{background:transparent;color:var(--profile-text);border-color:color-mix(in srgb,var(--profile-module-border) 24%,transparent)}.profile-module .helper-text,.profile-module figcaption,.profile-module .guestbook-meta span,.profile-module p,.profile-module span{color:var(--profile-text-muted)}.profile-module .list-item strong,.profile-module .guestbook-meta strong,.profile-module h3{color:var(--profile-link)}.profile-owner-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:2px 0 4px;padding:6px 4px 0}.profile-owner-strip .helper-text{margin-left:4px;color:#ffffffb8}.profile-home-page{width:min(1180px,100%);margin:0 auto;display:grid;gap:clamp(16px,2vw,24px)}.profile-home-hero,.public-profile-card{position:relative;overflow:hidden;border:var(--profile-border-width) var(--profile-border-style) var(--profile-module-border);border-radius:calc(var(--profile-radius) + 10px);background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%),color-mix(in srgb,var(--profile-module-bg) 95%,#000 5%);box-shadow:12px 12px rgba(0,0,0,calc(var(--profile-shadow-opacity) * .85))}.profile-home-hero{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(20px,3vw,34px);align-items:center;padding:clamp(24px,4vw,40px);min-height:320px;background:radial-gradient(circle at top right,rgba(197,116,255,.22),transparent 24%),radial-gradient(circle at 15% 20%,rgba(255,255,255,.08),transparent 18%),linear-gradient(180deg,rgba(5,4,10,.12) 0%,transparent 100%),color-mix(in srgb,var(--profile-module-bg) 94%,#000 6%)}.profile-home-hero:before,.profile-home-hero:after,.public-profile-card-about:before,.public-profile-card-counter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.profile-home-hero:before{background:radial-gradient(circle at 12% 16%,rgba(255,255,255,.95) 0 2px,transparent 2.5px),radial-gradient(circle at 16% 22%,rgba(255,255,255,.75) 0 1.5px,transparent 2px),radial-gradient(circle at 82% 28%,rgba(255,255,255,.8) 0 1.5px,transparent 2px),radial-gradient(circle at 74% 14%,rgba(255,255,255,.8) 0 2px,transparent 2.5px),radial-gradient(circle at 88% 52%,rgba(197,116,255,.9) 0 2px,transparent 3px);opacity:.8}.profile-home-hero:after{inset:auto 0 0;height:36%;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 100%),repeating-linear-gradient(90deg,rgba(140,73,216,.22) 0 2px,transparent 2px 36px)}.profile-home-hero-avatar,.music-card-cover,.profile-friend-avatar{position:relative;z-index:1}.profile-home-hero-avatar{width:100%;max-width:220px;aspect-ratio:1 / 1.18;border:2px solid color-mix(in srgb,var(--profile-link) 72%,white 28%);box-shadow:0 0 0 8px #8c49d814,0 0 0 1px #ffffff1f inset;background:#ffffff08;display:grid;place-items:center}.profile-home-hero-avatar img,.music-card-cover img,.profile-friend-avatar img,.profile-gallery-tile img{width:100%;height:100%;object-fit:cover}.profile-home-hero-avatar span{font-size:54px;font-weight:700;color:var(--profile-link)}.profile-home-hero-copy{position:relative;z-index:1;display:grid;gap:14px;max-width:720px}.profile-home-hero-handle,.profile-home-hero-tagline,.profile-home-hero-meta,.music-card-copy span,.public-profile-empty p,.visitor-counter-layout span,.guestbook-list-compact .guestbook-entry-head span,.guestbook-list-compact .guestbook-entry a{color:var(--profile-text-muted)}.profile-home-hero-handle,.public-profile-card-title{margin:0;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--profile-link)}.profile-home-hero h1{margin:0;font-size:clamp(2.3rem,5vw,4.2rem);line-height:.92;color:var(--profile-text);text-shadow:0 0 16px rgba(197,116,255,.12)}.profile-home-hero-tagline{margin:0;font-size:clamp(1rem,1.7vw,1.35rem);max-width:36ch}.profile-home-badges,.profile-home-hero-meta{display:flex;flex-wrap:wrap;gap:10px}.profile-home-badge{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid color-mix(in srgb,var(--profile-link) 68%,transparent);border-radius:calc(var(--profile-radius) + 8px);background:#62238f24;color:var(--profile-link);font-weight:700}.profile-home-hero-meta span{display:inline-flex;align-items:center;min-height:28px}.profile-home-grid{display:grid;gap:clamp(16px,2vw,24px);align-items:start}.profile-home-grid-top{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)}.profile-home-grid-main,.profile-home-grid-social{grid-template-columns:minmax(0,1fr) minmax(320px,.95fr)}.public-profile-card{display:grid;gap:0;transition:transform .16s ease,box-shadow .16s ease}.public-profile-card:hover{transform:translateY(-3px);box-shadow:16px 16px rgba(0,0,0,calc(var(--profile-shadow-opacity) * .82))}.public-profile-card-title{padding:18px 20px 0}.public-profile-card-body{display:grid;gap:14px;padding:18px 20px 20px}.public-profile-card-footer{display:flex;justify-content:flex-end;padding:0 20px 18px}.public-profile-card-link{color:var(--profile-link);font-weight:700;text-transform:lowercase}.music-card-layout,.mood-card-layout{display:grid;gap:16px;align-items:center}.music-card-layout{grid-template-columns:68px minmax(0,1fr) auto}.music-card-cover{width:68px;height:68px;border:1px solid color-mix(in srgb,var(--profile-link) 55%,transparent);border-radius:16px;background:#ffffff08;display:grid;place-items:center;overflow:hidden}.music-card-cover span,.mood-card-icon,.visitor-counter-icon{color:var(--profile-link);font-size:34px;font-weight:700}.music-card-copy{display:grid;gap:8px}.music-card-copy strong,.mood-card-layout strong,.public-profile-empty strong,.visitor-counter-layout strong{color:var(--profile-text);font-size:1.1rem}.music-card-progress{width:100%;height:6px;border-radius:999px;background:#ffffff0f;overflow:hidden}.music-card-progress span{display:block;width:38%;height:100%;background:linear-gradient(90deg,var(--profile-link) 0%,color-mix(in srgb,var(--profile-link) 50%,white 50%) 100%);animation:pulse-progress 2.4s ease-in-out infinite}.music-card-actions{display:flex;align-items:center;gap:10px;color:var(--profile-text)}.music-card-play{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--profile-link) 55%,transparent);border-radius:999px;color:var(--profile-link)}.mood-card-layout{grid-template-columns:minmax(0,1fr) auto}.mood-card-icon{font-size:72px;line-height:1;filter:drop-shadow(0 0 12px rgba(197,116,255,.14))}.public-profile-card-about .public-profile-card-body{min-height:220px}.about-card-copy{display:grid;gap:10px;max-width:28ch}.about-card-copy p,.profile-friend-chip span,.guestbook-list-compact .guestbook-entry p,.public-profile-inline-note p{margin:0;color:var(--profile-text)}.about-card-stars{position:absolute;right:22px;bottom:18px;display:grid;gap:18px;color:#8c49d8d9;font-size:20px}.public-profile-card-links .public-profile-card-body,.public-profile-card-guestbook .public-profile-card-body{gap:10px}.profile-links-list,.guestbook-list-compact{display:grid;gap:0}.profile-link-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--profile-module-border) 28%,transparent);color:var(--profile-text);font-size:1.02rem}.profile-link-row:last-child{border-bottom:0}.profile-link-row:hover{text-decoration:none;color:var(--profile-link)}.public-profile-card-gallery .public-profile-card-body{padding-top:12px}.profile-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.profile-gallery-tile,.profile-gallery-placeholder{min-height:156px;border:1px solid color-mix(in srgb,var(--profile-module-border) 36%,transparent);border-radius:calc(var(--profile-radius) + 6px);background:#ffffff05;overflow:hidden}.profile-gallery-placeholder{display:grid;place-items:center;color:var(--profile-text-muted);text-align:center;padding:16px}.profile-gallery-placeholder span{font-size:42px;color:var(--profile-link)}.profile-friends-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.profile-friend-chip{display:grid;gap:10px}.profile-friend-avatar{width:72px;height:72px;border:1px solid color-mix(in srgb,var(--profile-link) 52%,transparent);border-radius:18px;background:#ffffff08;overflow:hidden}.profile-friend-chip span{font-size:.95rem}.guestbook-list-compact{list-style:none;margin:0;padding:0}.guestbook-list-compact .guestbook-entry{padding:14px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--profile-module-border) 28%,transparent);border-radius:0;background:transparent}.guestbook-list-compact .guestbook-entry:last-child{border-bottom:0}.guestbook-list-compact .guestbook-entry-head{margin-bottom:8px}.guestbook-list-compact .guestbook-avatar{width:36px;height:36px;border-width:1px}.guestbook-list-compact .guestbook-delete{margin-top:12px}.public-profile-card-guestbook .guestbook-form{padding:0;border:0;background:transparent}.public-profile-card-guestbook .field textarea,.public-profile-card-guestbook .field input{background:#ffffff08;color:var(--profile-text);border-color:color-mix(in srgb,var(--profile-module-border) 36%,transparent)}.public-profile-empty,.public-profile-inline-note{display:grid;gap:8px}.public-profile-card-counter .public-profile-card-body{padding-top:12px}.visitor-counter-layout{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.visitor-counter-layout strong{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:.12em;color:color-mix(in srgb,var(--profile-link) 68%,white 32%);text-shadow:0 0 10px rgba(197,116,255,.18)}.visitor-counter-icon{animation:blink-counter 1.8s steps(2,end) infinite}.profile-home-extras{display:grid;gap:clamp(16px,2vw,24px);grid-template-columns:repeat(2,minmax(0,1fr))}.profile-home-extra-wide{grid-column:1 / -1}.profile-module-custom-box{overflow:hidden}.profile-surface-shell.mode-public .profile-surface-page{padding:clamp(18px,3vw,28px)}.profile-surface-shell.mode-public .profile-surface-hero{gap:calc(var(--profile-module-gap) * 1.1);padding:calc(22px * var(--profile-density))}.profile-surface-shell.mode-public .profile-surface-copy{gap:12px}.profile-surface-shell.mode-public .profile-surface-inline-meta{gap:14px;font-size:.95em}.profile-surface-shell.mode-public .profile-module{box-shadow:12px 12px rgba(0,0,0,calc(var(--profile-shadow-opacity) * .9))}.profile-surface-shell.mode-public .profile-module .list-panel,.profile-surface-shell.mode-public .profile-module .gallery-grid{padding:calc(16px * var(--profile-density))}.profile-surface-shell.mode-public .profile-module .list-item{padding:12px 0;border-bottom:1px dashed color-mix(in srgb,var(--profile-module-border) 28%,transparent)}.profile-surface-shell.mode-public .profile-module .list-item:last-child{border-bottom:0}.profile-surface-shell.mode-public .guestbook-entry{background:color-mix(in srgb,var(--profile-module-bg) 90%,#000 10%);border-radius:calc(var(--profile-radius) + 6px)}@keyframes pulse-progress{0%,to{transform:translate(0);opacity:.9}50%{transform:translate(80%);opacity:1}}@keyframes blink-counter{0%,70%{opacity:1}71%,to{opacity:.55}}.profile-preview{padding:18px;color:var(--profile-ink);background:var(--profile-background)}.profile-preview-top,.profile-preview-grid{display:grid;gap:12px}.profile-preview-top{grid-template-columns:1.2fr .8fr}.profile-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.profile-preview-identity,.profile-preview-music{display:flex;gap:12px;padding:14px;border:3px solid var(--line);background:var(--profile-panel)}.profile-preview-music{display:grid;align-content:start}.profile-avatar-frame{width:92px;height:92px;display:grid;place-items:center;border:3px solid var(--line);background:#fff;overflow:hidden}.profile-avatar-frame img{width:100%;height:100%;object-fit:cover}.profile-avatar-frame span{font-size:28px;font-weight:700;color:var(--profile-accent)}.profile-preview h2{margin:0 0 6px;color:var(--profile-accent);font-size:24px}.profile-preview h3{margin:0 0 8px;color:var(--profile-accent);text-transform:lowercase}.profile-preview p,.dialog-card p{margin:0}.custom-html-box>*:first-child{margin-top:0}.custom-html-box>*:last-child{margin-bottom:0}.editor-preview-sticky{position:sticky;top:14px}.editor-shell-expanded{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)}.editor-grid-two,.preset-grid{display:grid;gap:12px}.editor-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preset-chip{justify-content:center;min-height:58px;text-align:center}.editor-position-controls{display:grid;gap:10px}.editor-position-field{display:grid;gap:6px}.editor-position-field small{color:#ffffffa3;font-size:12px}.studio-topbar,.studio-actions,.studio-mobile-toggle,.section-card-top,.section-card-actions,.studio-panel-toggle{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.studio-topbar{justify-content:space-between;gap:16px;padding:18px 18px 0}.studio-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,380px);gap:18px;padding:18px;align-items:start}.studio-preview-stick{position:sticky;top:14px}.studio-sidebar{display:grid;gap:12px}.studio-summary{padding:14px;border:3px solid var(--line);background:linear-gradient(180deg,#fff,#f5efff)}.settings-group{display:grid;gap:10px;padding:16px;border:3px solid var(--line);background:var(--surface-muted);border-radius:var(--radius-lg)}.settings-group h2{margin:0;font-size:18px}.danger-zone{border-color:#43121d}.studio-summary strong,.studio-panel-toggle strong,.preset-gallery-card span,.section-card-copy strong,.module-picker-card strong{display:block}.studio-summary p,.studio-panel-toggle small,.section-card-copy span,.module-picker-card span{margin:0;color:var(--muted)}.studio-accordion{display:grid;gap:10px}.studio-panel{border:3px solid var(--line);background:#fff;border-radius:var(--radius-lg);overflow:hidden}.studio-panel.open{box-shadow:8px 8px #b54ae62e}.studio-panel-toggle{width:100%;justify-content:space-between;padding:12px 14px;border:0;background:linear-gradient(180deg,#fff,#f3eefb);text-align:left}.studio-panel-toggle small{display:block;margin-top:4px}.studio-panel-indicator{font-size:22px;font-weight:700;color:var(--purple-dark)}.studio-panel-body{display:grid;gap:12px;padding:0 12px 12px}.studio-mobile-toggle{display:none;padding:0 18px}.preset-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preset-gallery-card{display:grid;gap:8px;padding:10px;border:3px solid var(--line);background:#fff;text-align:left;border-radius:var(--radius-lg)}.preset-gallery-card.active{background:var(--purple-soft)}.preset-thumbnail{aspect-ratio:1.35 / 1;padding:10px;border:2px solid var(--line);background:var(--preset-bg)}.preset-thumb-shell{height:100%;padding:8px;border:2px solid var(--preset-line);border-radius:var(--preset-radius);background:var(--preset-content);display:grid;gap:8px}.preset-thumb-hero,.preset-thumb-row span{border:2px solid var(--preset-line);border-radius:var(--preset-radius)}.preset-thumb-hero{height:28px;background:var(--preset-title)}.preset-thumb-row{display:grid;grid-template-columns:1.15fr .85fr;gap:8px}.preset-thumb-row span{min-height:30px;background:var(--preset-module);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--preset-link) 25%,transparent)}.color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.color-field input[type=color]{width:100%;min-height:42px;padding:4px}.search-panel{max-width:720px}.section-card-list{gap:12px}.section-card{gap:0;padding:0;overflow:hidden}.section-card-top{justify-content:space-between;padding:12px}.section-card-trigger{flex:1;min-width:0;display:grid;grid-template-columns:24px 40px 1fr;gap:10px;align-items:center;border:0;background:transparent;text-align:left}.section-card-handle{color:var(--muted);font-weight:700;letter-spacing:.1em}.section-card-icon{width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--line);background:#fff;color:var(--purple-dark);font-size:11px;font-weight:700;text-transform:uppercase}.section-card-copy{min-width:0}.section-card-actions{justify-content:flex-end}.muted-chip{background:#ececec;color:#555}.section-card-body{display:grid;gap:12px;padding:0 12px 12px;border-top:2px dashed var(--line-soft)}.empty-editor-state{text-align:left}.dialog-card-wide{width:min(860px,100%)}.module-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.module-picker-card{display:grid;justify-items:start;gap:8px;padding:12px;border:3px solid var(--line);background:linear-gradient(180deg,#fff,#f5efff);text-align:left}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.gallery-grid img,.media-block img{width:100%;border:3px solid var(--line);display:block}.media-block{margin:0}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#000000b8;z-index:20}.dialog-card{width:min(480px,100%);border:4px solid var(--line);background:var(--surface);box-shadow:8px 8px #b54ae652;padding:18px}.community-stage-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:24px}.community-stage-copy{padding:8px 0}.community-stage-copy h1{margin:0 0 12px;font-size:clamp(40px,6vw,64px);line-height:.95;color:var(--ink)}.community-stage-copy p{max-width:44ch;margin:0 0 18px;color:var(--muted);font-size:15px}.community-stage-actions{display:flex;flex-wrap:wrap;gap:10px}.community-window{border:3px solid var(--line);background:linear-gradient(180deg,#fff,#f6f0ff);box-shadow:inset -4px -4px #b54ae61a}.community-window-head{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:3px solid var(--line);background:#111;color:#fff;text-transform:lowercase;font-weight:700}.community-window-body{display:grid;gap:0}.live-row{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:14px;border-bottom:2px solid var(--line-soft);color:inherit}.live-row:last-child{border-bottom:0}.live-row:hover{background:#b54ae614;text-decoration:none}.live-row-avatar{width:48px;height:48px;border:3px solid var(--line);background:#fff;display:grid;place-items:center;overflow:hidden}.live-row-avatar img{width:100%;height:100%;object-fit:cover}.live-row-copy{display:grid;gap:4px}.live-row-copy strong{color:var(--ink)}.live-row-copy span,.live-row-empty span{color:var(--muted)}.live-row-tag{padding:6px 10px;border:2px solid var(--line);background:var(--purple-soft);font-weight:700;color:var(--purple-dark)}.featured-strip .module-title{background:linear-gradient(180deg,var(--purple) 0%,var(--purple-dark) 100%)}.profile-grid-featured{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-band{display:grid;grid-template-columns:1fr 1fr;gap:18px}.community-mosaic .module-title{background:linear-gradient(180deg,#1c1c1f,#000)}.mosaic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px}.mosaic-card{min-height:150px;padding:18px;border:3px solid var(--line);background:linear-gradient(180deg,rgba(181,74,230,.06) 0%,transparent 100%),#fff;display:grid;align-content:start;gap:10px}.mosaic-card strong{color:var(--purple-dark);text-transform:lowercase;font-size:16px}.mosaic-card span{color:var(--muted)}.public-header{margin-top:16px}.public-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px;background:linear-gradient(180deg,#fff,#f3eefb)}.public-brand-stack{display:grid;gap:6px;min-width:0}.public-brand-link{display:inline-flex;align-items:center;width:fit-content}.public-brand-logo{width:min(210px,100%)}.public-brand-note{margin:0;color:var(--muted);font-size:13px;font-weight:700}.public-header-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.public-header-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:4px;border:2px solid #d2cade;background:#ffffffb8;border-radius:999px}.public-nav-link{color:var(--ink);border:2px solid transparent;min-height:40px}.public-header-cta{min-width:138px}.public-nav-link.active,.public-nav-link:hover{background:var(--purple-soft);border-color:var(--line);color:var(--ink)}.app-auth-shell{min-height:100vh;padding:14px;overflow-x:clip;background:radial-gradient(circle at top center,rgba(111,31,159,.18),transparent 28%),linear-gradient(180deg,#09090c,#060608)}.app-auth-shell-inner{width:min(1480px,100%);margin:0 auto;display:grid;gap:16px}.app-topbar{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 16px;border:3px solid var(--line);background:linear-gradient(180deg,#b54ae624,#b54ae603),#0d0c11;color:#fff;box-shadow:0 14px 28px #00000038;border-radius:var(--radius-lg)}.app-topbar-brand,.app-topbar-tools,.app-topbar-user,.app-user-chip,.app-user-chip-actions,.workspace-actions,.workspace-inline-actions,.sidebar-inline-actions{display:flex;gap:10px;align-items:center}.app-topbar-brand,.app-topbar-tools,.app-topbar-user,.app-topbar-search,.app-user-chip,.app-user-chip-copy,.app-user-chip-actions{min-width:0}.app-topbar-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-width:0}.app-topbar-link{padding:8px 10px;border:2px solid transparent;color:#ffffffbd;font-weight:700;text-decoration:none;text-transform:lowercase;border-radius:999px}.app-topbar-link.active,.app-topbar-link:hover{border-color:#b54ae647;background:#b54ae61f;color:#fff}.app-topbar-logo{display:block;width:132px;image-rendering:pixelated}.app-topbar-tools,.app-topbar-user{justify-content:flex-end;flex-wrap:wrap}.app-topbar-search input{width:clamp(180px,20vw,280px);max-width:100%;min-height:38px;padding:8px 10px;border:2px solid #2d2737;background:#0a090d;color:#fff;border-radius:999px}.app-user-chip{padding:7px 10px;border:2px solid #2d2737;background:#ffffff08;border-radius:var(--radius-lg)}.app-user-chip-avatar,.sidebar-profile-avatar,.sidebar-person-avatar{width:42px;height:42px;border:2px solid var(--line);background:#fff;display:grid;place-items:center;overflow:hidden}.app-user-chip-avatar img,.sidebar-profile-avatar img,.sidebar-person-avatar img{width:100%;height:100%;object-fit:cover}.app-user-chip-copy{display:grid;gap:2px}.app-user-chip-copy strong,.app-user-chip-copy span{display:block}.app-user-chip-copy span{color:#ffffffa3}.app-user-chip-actions .secondary-button,.app-user-chip-actions .text-button{min-width:86px}.app-auth-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:18px;align-items:start}.shell-editor-mode .app-auth-grid{grid-template-columns:220px minmax(0,1fr)}.app-left-rail,.app-right-rail{display:grid;gap:12px;position:sticky;top:14px}.rail-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border:3px solid var(--line);background:linear-gradient(180deg,var(--purple) 0%,var(--purple-dark) 100%);color:#fff;font-weight:700;text-transform:lowercase;box-shadow:0 10px 18px #00000038;border-radius:var(--radius-lg)}.rail-cta:hover{text-decoration:none;filter:brightness(1.04)}.rail-group,.sidebar-widget{border:3px solid var(--line);background:linear-gradient(180deg,#141319,#0d0d11);box-shadow:0 12px 20px #0000002e;border-radius:var(--radius-lg)}.rail-group{padding:12px;display:grid;gap:6px}.rail-label{margin-bottom:6px;color:#ffffff7a;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.rail-link,.rail-button{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;border:2px solid transparent;color:#fff;font-weight:700;background:transparent;text-align:left;text-decoration:none;border-radius:12px}.rail-link.active,.rail-link:hover,.rail-button:hover{border-color:#4c3961;background:#b54ae61f;text-decoration:none}.rail-count{padding:2px 8px;border:1px solid #5e4f73;color:#fff;background:#b54ae647}.app-auth-main{min-width:0;display:grid;gap:16px}.workspace-hero>*,.workspace-grid>*,.workspace-grid-wide>*,.profile-home-columns>*,.profile-home-main-column>*,.profile-home-side-column>*{min-width:0}.page-intro{display:grid;gap:12px}.page-intro-compact{padding:18px 18px 8px}.page-intro-compact h1{margin:0;font-size:clamp(30px,4vw,42px);line-height:.96;color:#fff}.page-intro-compact p{margin:0;max-width:42ch;color:#ffffffb8;font-size:14px}.auth-home,.workspace-grid,.workspace-summary-grid,.workspace-list,.sidebar-list{display:grid;gap:16px}.workspace-hero{display:grid;grid-template-columns:1.2fr .9fr;gap:16px;padding:22px;border:3px solid var(--line);background:radial-gradient(circle at top right,rgba(181,74,230,.22),transparent 24%),linear-gradient(180deg,#171620,#101015);color:#fff;box-shadow:0 16px 28px #00000042;overflow:hidden;border-radius:var(--radius-xl)}.workspace-hero-copy h1{margin:0 0 12px;font-size:clamp(34px,5vw,52px);line-height:.95;color:#fff}.workspace-hero-copy p{margin:0;max-width:44ch;color:#ffffffb8;font-size:14px}.workspace-hero-side{display:grid;gap:14px}.workspace-hero-visual{position:relative;min-height:210px;border:2px solid #2c2637;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%),radial-gradient(circle at 70% 35%,rgba(181,74,230,.24),transparent 28%),#0d0d12;overflow:hidden}.hero-glow,.hero-pixel{position:absolute}.hero-glow{border-radius:999px;filter:blur(18px)}.hero-glow-a{width:160px;height:160px;right:48px;top:14px;background:#b54ae62e}.hero-glow-b{width:120px;height:120px;left:34px;bottom:26px;background:#7b1fb029}.hero-pixel{color:#c68aff;font-weight:700;opacity:.9}.hero-pixel-a{top:26px;left:24px;font-size:18px}.hero-pixel-b{top:56px;right:120px;font-size:24px}.hero-pixel-c{bottom:26px;left:86px;font-size:18px}.hero-monitor{position:absolute;right:40px;bottom:22px;width:220px;padding:14px;border:2px solid #3f3350;background:linear-gradient(180deg,#201826,#120f17);box-shadow:0 18px 28px #0000004d;transform:rotate(-2deg)}.hero-monitor-screen{padding:12px;border:2px solid #5a4473;background:linear-gradient(180deg,rgba(181,74,230,.2) 0%,transparent 100%),#0f0e16;display:grid;gap:8px}.hero-monitor-window,.hero-monitor-row{border:1px solid #6c5190;background:#b54ae624}.hero-monitor-window{height:68px}.hero-monitor-window.small{height:26px;width:52%}.hero-monitor-row{height:8px}.hero-monitor-row.short{width:72%}.workspace-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-summary-card{display:grid;gap:6px;padding:14px;border:2px solid #2d2737;background:#ffffff08;border-radius:var(--radius-lg)}.workspace-summary-card strong{color:#ffffffa3}.workspace-summary-card span{font-size:15px;font-weight:700}.workspace-grid{grid-template-columns:1.15fr .85fr}.workspace-grid-wide{grid-template-columns:1fr 1fr}.workspace-list{gap:10px}.workspace-list-row,.sidebar-note,.sidebar-person{display:grid;gap:4px;padding:12px;border:2px solid #d2cade;background:linear-gradient(180deg,#f9f6fffa,#f0eaf9fa);color:var(--ink);text-decoration:none;border-radius:var(--radius-lg)}.workspace-list-row{padding:14px}.workspace-list-row:hover,.sidebar-note:hover,.sidebar-person:hover{border-color:var(--purple-dark);text-decoration:none}.workspace-list-row strong,.sidebar-note strong,.sidebar-person-copy strong{color:var(--purple-dark)}.sidebar-widget{padding:12px;color:#fff}.sidebar-widget-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-widget-head a{color:#ffffffb8}.sidebar-profile-card{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:12px;border:2px solid #2d2737;background:#ffffff0a;border-radius:var(--radius-lg)}.sidebar-profile-avatar{width:56px;height:56px}.sidebar-profile-copy{display:grid;gap:4px}.sidebar-profile-copy p,.sidebar-profile-copy span,.sidebar-empty,.sidebar-note span,.sidebar-person-copy span{margin:0;color:#ffffffad}.sidebar-person{grid-template-columns:40px 1fr;align-items:center}.sidebar-person-avatar{width:40px;height:40px}.sidebar-person-copy{display:grid;gap:2px}.profile-card{border:3px solid var(--line);background:linear-gradient(180deg,#ffffffe0,#f7f1fffa);box-shadow:0 10px 18px #0000001a;display:grid;gap:12px;padding:14px;overflow:hidden;border-radius:20px}.profile-card:hover,.friend-card:hover{box-shadow:0 14px 24px #00000024}.profile-card-topline,.profile-card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center}.profile-card-theme,.profile-card-date,.profile-card-username{color:var(--muted);font-size:11px}.profile-card-main{display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:start}.profile-card-copy{display:grid;gap:6px}.profile-card-copy h3{margin:0;font-size:20px;line-height:1;color:var(--ink)}.profile-card-copy p{margin:0;color:var(--muted);line-height:1.45}.profile-card-cta{color:var(--purple-dark);font-weight:700}.compact-grid .profile-card,.profile-grid .profile-card{min-height:100%}.workspace-page-card .profile-card{padding:18px}.search-panel{display:grid;gap:12px}.search-panel .field span{color:#ffffffb3}.auth-home .module{border-width:3px;background:linear-gradient(180deg,#111016,#0d0d12);box-shadow:0 12px 22px #0000002e}.auth-home .module-title{padding:10px 14px;background:linear-gradient(180deg,#1a1a20,#09090c)}.auth-home .manifesto,.auth-home .settings-stack,.auth-home .manifesto h1,.auth-home .manifesto h2,.auth-home .settings-stack h1{color:#fff}.auth-home .manifesto p,.auth-home .settings-stack>p{color:#ffffffb3}.auth-home .settings-group .status-message,.auth-home .settings-group .field input,.auth-home .settings-group .field textarea,.auth-home .settings-group .field select{background:linear-gradient(180deg,#fff,#f7f2ff)}.auth-home .settings-group.danger-zone{border-color:#5a2232;background:linear-gradient(180deg,#251319,#160c10);color:#fff}.auth-home .settings-group.danger-zone p{color:#ffffffc2}.auth-home .settings-group.danger-zone .danger-button{border-color:#40111f}.friend-tabs{gap:10px}.friend-tabs .secondary-button{min-width:92px}.auth-home .friends-grid{grid-template-columns:1fr}.auth-home .friends-grid .friend-card{max-width:720px}.auth-home .friend-card{background:linear-gradient(180deg,#fff,#f6f1ff)}.auth-home .settings-stack{gap:16px}.settings-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-meta-wide{grid-column:1 / -1}.shell-editor-mode .editor-studio-page{margin-top:0}.shell-editor-mode .editor-studio-shell{gap:16px}.shell-editor-mode .editor-studio-toolbar{border-radius:var(--radius-xl);padding:14px 16px}.shell-editor-mode .studio-panel-box,.shell-editor-mode .studio-canvas-frame{border-radius:var(--radius-xl)}.shell-editor-mode .studio-canvas-frame{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%),#0d0d12;padding:14px}.shell-editor-mode .studio-panel-head,.shell-editor-mode .inspector-card,.shell-editor-mode .outline-row,.shell-editor-mode .module-picker-row{border-radius:var(--radius-lg)}.auth-home .list-panel,.auth-home .manifesto,.auth-home .settings-stack,.auth-home .friends-grid,.auth-home .profile-grid,.auth-home .compact-grid,.auth-home .module-actions{background:transparent}.profile-card-featured .profile-card-copy h3{font-size:24px}.profile-card-compact .profile-card-main{grid-template-columns:64px 1fr}.profile-card-compact .profile-card-avatar{width:64px;height:64px}.profile-card-workspace{background:linear-gradient(180deg,#ffffffe6,#f5efff)}.profile-grid,.profile-grid-featured{display:grid;gap:16px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.profile-grid-featured{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px}.editor-studio-page{margin-top:14px}.editor-studio-shell{display:grid;gap:14px}.editor-studio-toolbar{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;background:linear-gradient(180deg,rgba(181,74,230,.08) 0%,transparent 100%),linear-gradient(180deg,#fff,#f7f2ff);box-shadow:0 12px 22px #0000001f}.editor-toolbar-left,.editor-toolbar-center,.editor-toolbar-right,.outline-row,.outline-row-main,.outline-actions,.studio-panel-head,.module-picker-row,.canvas-hero-fields{display:flex;gap:10px;align-items:center}.editor-toolbar-left,.editor-toolbar-right{flex-wrap:wrap}.editor-toolbar-center{justify-content:center;flex-wrap:wrap}.editor-toolbar-left .status-message{margin:0;padding:10px 12px}.studio-mobile-switcher{display:none;gap:8px}.editor-studio-grid{display:grid;grid-template-columns:250px minmax(0,1.15fr) 320px;gap:16px;align-items:start}.studio-outline-panel,.studio-canvas-panel,.studio-inspector-panel{min-height:0}.studio-panel-box{max-height:calc(100vh - 220px);border:3px solid var(--line);background:linear-gradient(180deg,#fff,#fbf8ff);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;overflow:hidden}.studio-panel-head{justify-content:space-between;padding:14px;border-bottom:3px solid var(--line);background:linear-gradient(180deg,#fff,#f2ebfc)}.studio-panel-head strong,.outline-copy strong,.module-picker-row strong{display:block}.studio-panel-head p,.outline-copy small,.module-picker-row small,.preset-gallery-card small{margin:0;color:var(--muted)}.outline-group,.module-picker,.module-picker-stack,.inspector-stack{display:grid;gap:8px}.outline-group,.module-picker,.inspector-scroll{padding:14px}.module-picker{border-bottom:2px dashed var(--line-soft)}.outline-row{justify-content:space-between;padding:10px;border:2px solid var(--line);background:linear-gradient(180deg,#fff,#f6f0ff);align-items:flex-start;border-radius:var(--radius-lg)}.outline-row.active{box-shadow:inset 0 0 0 2px var(--purple-dark);background:linear-gradient(180deg,#fbf7ff,#eedfff)}.outline-row-main{flex:1;min-width:0;border:0;padding:0;background:transparent;text-align:left;align-items:flex-start}.outline-drag{color:var(--muted);font-weight:700;letter-spacing:.1em}.outline-icon{width:32px;height:32px;border:2px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--purple-dark);font-size:11px;font-weight:700;flex:0 0 auto;border-radius:10px}.outline-copy{min-width:0}.outline-copy strong{font-size:12px;line-height:1.2}.outline-copy small{display:block;margin-top:2px;font-size:10px;line-height:1.25}.outline-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.icon-button{padding:6px 8px;min-height:30px}.module-picker-row{width:100%;justify-content:flex-start;padding:12px;border:2px solid var(--line);background:linear-gradient(180deg,#fff,#f7f1ff);text-align:left;border-radius:var(--radius-lg)}.studio-canvas-frame{min-height:0;padding:20px;border:3px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%),#0b0b0c;box-shadow:var(--shadow-soft);overflow:auto;display:flex;justify-content:center;align-items:flex-start}.studio-canvas-frame.viewport-desktop .profile-surface-shell{width:100%}.studio-canvas-frame.viewport-tablet .profile-surface-shell{width:min(900px,100%);margin:0 auto}.studio-canvas-frame.viewport-mobile .profile-surface-shell{width:min(430px,100%);margin:0 auto}.inspector-scroll{overflow:auto}.inspector-card{display:grid;gap:10px;padding:14px;border:2px solid var(--line);background:linear-gradient(180deg,#fff,#faf7ff);border-radius:var(--radius-lg)}.inspector-card strong{font-size:13px}.inspector-card .field span,.inspector-card p,.inspector-card .helper-text,.inspector-card small{font-size:11px}.preset-gallery-card{align-content:start;gap:6px;padding:8px}.preset-thumbnail-large{aspect-ratio:1.8 / 1}.profile-surface-shell.mode-editor{cursor:default}.editor-page-selected .profile-surface-page{box-shadow:inset 0 0 0 2px #b54ae666}.editor-surface-selected,.editor-selected-module{position:relative;box-shadow:0 0 0 2px #b54ae6f2,10px 10px rgba(0,0,0,var(--profile-shadow-opacity))}.editor-selected-module:after,.editor-surface-selected:after{content:"selected";position:absolute;top:8px;right:8px;padding:4px 8px;border:2px solid var(--line);background:#fff;color:var(--purple-dark);font-size:10px;font-weight:700;text-transform:uppercase}.canvas-avatar-trigger{cursor:pointer}.module-title-input,.canvas-edit-input,.canvas-edit-textarea{width:100%;border:2px solid var(--line);background:#ffffffe6;color:var(--profile-text)}.module-title-input{padding:6px 8px;min-height:34px}.canvas-edit-input,.canvas-edit-textarea{padding:8px 10px}.canvas-edit-title{font-size:calc(1.6rem * var(--profile-heading-scale));font-family:var(--profile-heading-font);font-weight:700}.canvas-hero-fields{display:grid;gap:10px}.editor-region-empty{padding:14px;border:2px dashed rgba(255,255,255,.35);color:#ffffffbf;text-align:center}.shell-editor-mode{padding:10px}.shell-editor-mode .app-auth-grid{grid-template-columns:1fr;margin-top:0}.shell-editor-mode .app-auth-main{gap:0}.editor-studio-page{margin-top:0}.editor-studio-shell{gap:12px}.editor-studio-toolbar{grid-template-columns:auto minmax(0,1fr) auto;padding:10px 14px;border:2px solid #2c2637;background:linear-gradient(180deg,rgba(120,46,175,.18) 0%,transparent 100%),#0d0c11;border-radius:18px;box-shadow:0 16px 28px #0000003d}.studio-toolbar-brand,.studio-toolbar-nav,.studio-toolbar-history,.studio-toolbar-publish,.studio-canvas-topline,.studio-canvas-badges,.studio-statusbar,.studio-statusbar-group,.inspector-tab-row{display:flex;gap:10px;align-items:center}.studio-toolbar-brand{min-width:0}.studio-toolbar-logo{display:inline-flex;align-items:center}.studio-toolbar-nav{flex-wrap:wrap}.studio-toolbar-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid transparent;border-radius:10px;color:#ffffffb8;font-weight:700;text-transform:lowercase;text-decoration:none}.studio-toolbar-link.active,.studio-toolbar-link:hover{border-color:#b54ae647;background:#b54ae629;color:#fff;text-decoration:none}.studio-save-cluster .status-message{margin:0;padding:10px 12px;border-width:2px;background:#ffffff0a;color:#ffffffe6}.studio-mobile-switcher{gap:10px}.editor-studio-grid{grid-template-columns:260px minmax(0,1.35fr) 330px;gap:12px}.studio-panel-box{max-height:calc(100vh - 158px);border:2px solid #2b2636;background:linear-gradient(180deg,#121017,#0d0c11);box-shadow:0 14px 24px #0003;border-radius:18px}.studio-panel-head{padding:14px;border-bottom:1px solid rgba(255,255,255,.08);background:transparent}.studio-panel-head strong,.studio-panel-head p,.studio-panel-head .section-kicker{color:#fff}.studio-panel-head p,.outline-copy small,.module-picker-row small,.preset-gallery-card small{color:#ffffff94}.studio-subpanel-head{border-top:1px solid rgba(255,255,255,.08)}.outline-group,.module-picker,.inspector-scroll{padding:12px}.outline-row,.module-picker-row,.layout-template-card,.preset-gallery-card,.inspector-card{border:1px solid #312b3d;background:linear-gradient(180deg,#14121bf5,#0f0e16fa);box-shadow:none}.outline-row{padding:12px}.outline-row.active{box-shadow:inset 0 0 0 1px #8c49d8;background:linear-gradient(180deg,#241932fa,#14101efa)}.outline-drag{color:#ffffff6b}.outline-icon{border-color:#4a3b61;background:#ffffff0a;color:#c889ff}.outline-copy strong,.module-picker-row strong{color:#fff}.outline-actions .secondary-button,.outline-actions .danger-button{min-height:32px;padding:6px 9px;font-size:11px}.module-picker{border-bottom:1px dashed rgba(255,255,255,.12)}.module-picker-group{display:grid;gap:8px}.studio-template-section{display:grid;gap:0}.layout-template-grid{display:grid;gap:10px;padding:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.layout-template-card{display:grid;gap:8px;padding:10px;border-radius:16px;text-align:left}.layout-template-card strong{color:#fff;font-size:12px}.layout-template-card.active{box-shadow:inset 0 0 0 1px #a558ff}.layout-template-thumb{display:grid;gap:8px;aspect-ratio:1.18 / 1;padding:10px;border:1px solid #5f4484;border-radius:12px;background:linear-gradient(180deg,rgba(171,91,255,.12) 0%,transparent 100%),#15121d}.layout-block-row{display:grid;gap:8px;grid-template-columns:1.2fr .8fr}.layout-block-row.compact{grid-template-columns:1fr 1fr}.layout-block{display:block;min-height:18px;border:1px solid rgba(200,137,255,.6);border-radius:10px;background:#ffffff0a}.layout-block.hero{min-height:40px}.layout-template-thumb.template-single-column .layout-block-row,.layout-template-thumb.template-hero-two-column .layout-block-row.compact{grid-template-columns:1fr}.layout-template-thumb.template-left-sidebar-main .layout-block-row{grid-template-columns:.72fr 1.28fr}.layout-template-thumb.template-two-equal-columns .layout-block-row{grid-template-columns:1fr 1fr}.studio-canvas-panel{min-width:0;display:grid;gap:10px}.studio-canvas-topline{justify-content:space-between;padding:0 6px}.studio-canvas-topline strong{display:block;color:#fff;font-size:18px}.studio-canvas-topline p{margin:4px 0 0;color:#ffffffa3;font-size:12px}.studio-canvas-badges{flex-wrap:wrap;justify-content:flex-end}.studio-badge{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid #5c4381;border-radius:999px;background:#8c49d829;color:#f0ddff;font-size:11px;font-weight:700;text-transform:lowercase}.studio-badge.muted{border-color:#312b3d;background:#ffffff0a;color:#ffffffb8}.studio-canvas-frame{min-height:calc(100vh - 232px);padding:18px;border:2px solid #2b2636;border-radius:22px;background:linear-gradient(rgba(122,73,184,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(122,73,184,.12) 1px,transparent 1px),radial-gradient(circle at top center,rgba(171,91,255,.12),transparent 32%),#09080d;background-size:28px 28px,28px 28px,auto,auto}.studio-canvas-frame .profile-surface-shell{filter:drop-shadow(0 18px 28px rgba(0,0,0,.34))}.inspector-tab-row{padding:12px 12px 0}.inspector-tab-row .secondary-button{min-width:86px}.inspector-card{padding:14px;border-radius:16px}.inspector-card strong{color:#fff}.inspector-card .field span,.inspector-card p,.inspector-card .helper-text,.inspector-card small,.inspector-card .checkbox-field span{color:#ffffffad}.inspector-card .field input,.inspector-card .field textarea,.inspector-card .field select{border-color:#453b55;background:#17141d;color:#fff}.studio-preset-gallery{grid-template-columns:1fr}.preset-gallery-card{padding:10px}.preset-gallery-card span{color:#fff}.studio-statusbar{justify-content:space-between;padding:10px 14px;border:2px solid #2c2637;border-radius:16px;background:#0a090df0;color:#ffffffb8}.studio-statusbar-group{flex-wrap:wrap}.studio-statusbar strong{color:#fff;font-size:12px}.studio-dot{width:8px;height:8px;border-radius:999px;background:#7b7289}.studio-dot.is-saved{background:#3ad97f}.studio-dot.is-busy{background:#d7b13a}.studio-dot.is-error{background:#e35f83}.studio-statusbar-devices .secondary-button,.studio-statusbar-actions .secondary-button{min-height:34px;padding:6px 10px}.profile-layout{display:grid;gap:var(--profile-module-gap)}.profile-layout.template-single-column,.profile-layout.template-hero-two-column{grid-template-columns:minmax(0,1fr)}.profile-layout.template-two-equal-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.profile-layout.template-main-right-sidebar{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr)}.profile-layout.template-left-sidebar-main{grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr)}.profile-layout-region{display:grid;gap:var(--profile-module-gap);align-content:start;min-width:0}.region-full{grid-column:1 / -1}@media (max-width: 960px){.community-stage-grid,.discovery-band,.profile-grid-featured,.profile-layout,.profile-home-grid-top,.profile-home-grid-main,.profile-home-grid-social,.profile-home-extras,.workspace-hero,.workspace-grid,.workspace-grid-wide,.workspace-summary-grid,.app-auth-grid,.app-topbar,.editor-studio-grid,.editor-studio-toolbar,.studio-shell,.editor-shell,.editor-grid-two,.color-grid,.preset-grid,.module-picker-grid,.hero-grid,.content-grid,.profile-grid,.profile-surface-hero,.profile-preview-top,.profile-preview-grid,.gallery-grid,.mosaic-grid,.friends-grid{grid-template-columns:1fr}.profile-home-hero{grid-template-columns:180px minmax(0,1fr)}.profile-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-friends-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-toolbar-brand,.studio-toolbar-publish,.studio-canvas-topline{flex-wrap:wrap}.layout-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-preview-sticky{position:static}.editor-studio-toolbar{grid-template-columns:1fr}.studio-panel-box{max-height:none}.app-left-rail,.app-right-rail{position:static}}@media (max-width: 720px){.brand-row,.top-strip{display:block}.public-header-row{display:grid;gap:12px}.public-header-actions{justify-content:flex-start}.public-header-nav,.app-topbar-nav,.app-topbar-tools,.studio-toolbar-nav,.studio-toolbar-history,.studio-toolbar-publish,.app-user-chip-actions,.workspace-actions,.workspace-inline-actions,.sidebar-inline-actions{flex-wrap:wrap;justify-content:flex-start}.app-auth-shell{padding:10px}.app-topbar-search input,.app-user-chip,.app-user-chip-actions{width:100%}.editor-studio-toolbar{grid-template-columns:1fr}.studio-toolbar-brand{display:grid;gap:8px}.studio-canvas-topline,.studio-statusbar{display:grid;gap:10px}.layout-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-left-rail,.app-right-rail{display:none}.app-auth-grid{grid-template-columns:1fr}.status-bar{min-width:0;margin-top:10px}.app-header-meta{justify-items:stretch;margin-top:10px}.brand-logo{width:min(220px,100%)}.profile-home-hero{grid-template-columns:1fr;padding:20px}.profile-home-hero-avatar{max-width:180px}.music-card-layout,.mood-card-layout,.visitor-counter-layout{grid-template-columns:1fr}.music-card-layout{display:grid}.music-card-actions,.studio-canvas-badges{justify-content:flex-start}.profile-gallery-grid,.profile-friends-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-grid{grid-template-columns:1fr}.editor-block-head-row,.item-toolbar{display:grid;grid-template-columns:1fr}.studio-mobile-toggle,.studio-mobile-switcher{display:flex}.editor-studio-grid{min-height:0}.studio-outline-panel,.studio-canvas-panel,.studio-inspector-panel{display:none}.studio-outline-panel.mobile-open,.studio-canvas-panel.mobile-open,.studio-inspector-panel.mobile-open{display:block}.studio-canvas-frame{min-height:0;padding:10px}.studio-preview-panel,.studio-sidebar{display:none}.studio-preview-panel.mobile-open,.studio-sidebar.mobile-open{display:block}.main-nav{justify-content:center}.desktop-nav{display:none}.mobile-menu-button{display:inline-flex;justify-self:end}.mobile-nav-panel{display:block;border-top:4px solid var(--line);background:#111;padding:8px}.mobile-nav-list{display:grid;gap:6px}.mobile-nav-list .nav-link{border:2px solid #2e2e2e}.card-body,.profile-card-main,.profile-surface-identity,.preset-gallery{grid-template-columns:1fr}.section-card-top{display:grid;grid-template-columns:1fr}.outline-row{display:grid;gap:10px}.outline-actions{justify-content:flex-start}.community-stage-copy h1{font-size:34px}.live-row{grid-template-columns:48px 1fr}.live-row-tag{grid-column:2;justify-self:start}.user-menu{min-width:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--control-height-sm: 36px;--control-height-md: 44px;--control-height-lg: 50px;--panel-dark: linear-gradient(180deg, #14121a 0%, #0f0d14 100%);--panel-dark-border: #2f2940}.module,.site-header,.public-header,.app-topbar,.rail-group,.sidebar-widget,.workspace-hero,.profile-card,.friend-card,.studio-panel-box,.studio-canvas-frame,.studio-statusbar,.public-profile-card,.profile-home-hero{border-radius:20px}.module,.public-profile-card,.profile-home-hero,.profile-card,.friend-card,.studio-panel-box,.studio-canvas-frame,.studio-statusbar{overflow:hidden}.text-button,.primary-button,.secondary-button,.danger-button,.quiet-button,.theme-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-height-md);padding:0 16px;border:2px solid var(--line);border-radius:14px;font-weight:700;line-height:1;text-transform:lowercase;text-decoration:none;white-space:nowrap}.primary-button{background:linear-gradient(180deg,#c65cff,#8f2ce0);color:#fff;box-shadow:0 10px 18px #7123b447}.secondary-button{background:#fff;color:var(--ink)}.quiet-button,.text-button{background:#ffffff0d;border-color:#3d3550;color:#fff}.danger-button{background:linear-gradient(180deg,#d84f7b,#a11f4a);color:#fff}.small-button{min-height:var(--control-height-sm);padding:0 12px;font-size:11px}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.quiet-button:hover,.text-button:hover{transform:translateY(-1px);text-decoration:none}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.quiet-button:disabled,.text-button:disabled,.theme-chip:disabled{opacity:.55;cursor:not-allowed;transform:none}.field input,.field textarea,.field select,.auth-form input,.auth-form textarea,.auth-form select{width:100%;min-height:var(--control-height-md);padding:12px 14px;border:2px solid #443d55;border-radius:14px;background:#120f19;color:#fff}.field textarea,.auth-form textarea{min-height:132px;resize:vertical}.checkbox-field{display:flex;gap:10px;align-items:center}.checkbox-field input{width:18px;height:18px}.public-header{box-shadow:0 18px 34px #0003}.public-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px}.public-header-actions{display:flex;align-items:center;gap:16px}.public-header-nav{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.public-header-cta{min-width:152px}.app-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:18px;padding:14px 18px}.app-topbar-nav{gap:6px}.app-topbar-link{min-height:38px;padding:0 12px}.app-topbar-search input{width:min(280px,100%);min-height:42px}.app-user-chip{gap:12px;padding:8px 12px;border-color:#3a3149}.app-auth-grid{grid-template-columns:minmax(190px,220px) minmax(0,1fr) minmax(250px,280px);gap:16px}.app-left-rail,.app-right-rail{gap:14px}.rail-cta{min-height:48px}.rail-group,.sidebar-widget{border:2px solid var(--panel-dark-border);background:var(--panel-dark)}.rail-group{padding:14px;gap:8px}.rail-link,.rail-button{min-height:42px;padding:0 12px}.workspace-hero,.auth-home .module{border-width:2px}.auth-home .module{background:linear-gradient(180deg,#121017,#0d0c11)}.auth-home .module-title{padding:12px 16px}.workspace-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.8fr);gap:16px}.workspace-grid-wide{gap:16px}.workspace-summary-grid{gap:12px}.workspace-summary-card{min-height:116px;padding:16px}.workspace-list-row,.sidebar-note,.sidebar-person,.sidebar-profile-card{border-radius:16px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.profile-grid-featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px}.profile-card{gap:10px;min-height:auto;padding:16px;border-width:2px;background:linear-gradient(180deg,#fffffff5,#f4effbfa)}.profile-card-topline{align-items:flex-start}.profile-card-theme{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card-main{grid-template-columns:72px minmax(0,1fr);gap:14px}.profile-card-copy h3{font-size:17px;line-height:1.05}.profile-card-copy p{font-size:13px}.profile-card-cta{display:inline-flex;align-items:center;min-height:34px}.friend-card{padding:16px;border:2px solid #2f2940;background:linear-gradient(180deg,#16131b,#0f0d14);color:#fff;box-shadow:0 12px 22px #0000002e}.friend-card .profile-card-avatar{width:62px;height:62px}.friend-card p{margin:0;color:#ffffffb3}.profile-owner-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 8px;padding:0}.profile-home-page{width:min(1160px,100%);gap:18px}.profile-home-hero{grid-template-columns:210px minmax(0,1fr);min-height:0;padding:28px 30px;box-shadow:0 18px 30px rgba(0,0,0,calc(var(--profile-shadow-opacity) * .65))}.profile-home-hero-copy{gap:12px}.profile-home-hero h1{max-width:10ch}.profile-home-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;align-items:start}.profile-home-main-column,.profile-home-side-column{display:grid;gap:18px;align-items:start}.public-profile-card{border-width:max(1px,var(--profile-border-width));box-shadow:0 16px 26px rgba(0,0,0,calc(var(--profile-shadow-opacity) * .65))}.public-profile-card:hover{box-shadow:0 18px 28px rgba(0,0,0,calc(var(--profile-shadow-opacity) * .72))}.public-profile-card-title{padding:16px 18px 0}.public-profile-card-body{padding:16px 18px 18px}.public-profile-card-footer{padding:0 18px 16px}.public-profile-card-about .public-profile-card-body,.public-profile-card-guestbook .public-profile-card-body,.public-profile-card-gallery .public-profile-card-body{min-height:0}.profile-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-gallery-tile,.profile-gallery-placeholder{min-height:132px}.profile-friends-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-friend-chip{justify-items:start}.music-card-spotify{display:grid;gap:14px}.spotify-frame{width:100%;border:1px solid color-mix(in srgb,var(--profile-module-border) 32%,transparent);border-radius:calc(var(--profile-radius) + 10px);overflow:hidden;background:#ffffff0a}.spotify-frame iframe{width:100%;display:block;border:0}.spotify-frame-compact iframe{height:152px}.spotify-frame-full iframe{height:352px}.editor-studio-toolbar{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:12px 14px}.studio-toolbar-brand{gap:12px}.studio-toolbar-copy{display:grid;gap:2px}.studio-toolbar-copy strong{color:#fff;font-size:14px}.studio-toolbar-copy span{color:#fff9;font-size:11px}.editor-studio-grid{grid-template-columns:280px minmax(0,1.4fr) 320px}.studio-panel-box{max-height:calc(100vh - 152px)}.studio-canvas-frame{min-height:calc(100vh - 214px);padding:16px}.studio-canvas-topline{padding:0 4px}.outline-row{gap:12px;align-items:center}.outline-row-main{align-items:center}.outline-copy strong{font-size:13px}.outline-copy small{margin-top:3px;font-size:11px}.outline-actions{gap:8px;align-items:center}.icon-toggle-button,.outline-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #413853;border-radius:12px;background:#ffffff0a;color:#d6c1f7;cursor:pointer}.icon-toggle-button.is-off{color:#fff6}.outline-menu{position:relative}.outline-menu summary{list-style:none}.outline-menu summary::-webkit-details-marker{display:none}.outline-menu-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:5;min-width:144px;padding:8px;border:1px solid #413853;border-radius:14px;background:#16131d;box-shadow:0 12px 24px #00000047;display:grid;gap:6px}.module-picker,.outline-group,.inspector-scroll{padding:12px}.inspector-tab-row .secondary-button{flex:1}.inspector-card,.layout-template-card,.preset-gallery-card,.module-picker-row,.outline-row{border-radius:16px}.studio-statusbar{border-width:1px;min-height:52px}.studio-statusbar-actions{justify-content:flex-end}.single-column-layout,.editor-layout{display:grid;gap:18px}.single-column-layout .module,.editor-layout .module{border-radius:20px}.auth-form,.editor-form,.settings-stack,.manifesto{display:grid;gap:16px}.auth-form h1,.editor-form h1{margin:0}.home-layout-public{gap:0}.landing-minimal-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:28px;align-items:center;min-height:calc(100vh - 220px);padding:36px 8px 12px}.landing-minimal-copy{display:grid;gap:16px;min-width:0}.landing-minimal-copy h1{margin:0;max-width:9ch;font-size:clamp(48px,7vw,82px);line-height:.9;letter-spacing:-.05em;color:#fff}.landing-minimal-copy p{margin:0;max-width:34ch;color:#ffffffc2;font-size:18px;line-height:1.65}.landing-minimal-actions,.landing-panel-actions,.auth-card-switch,.auth-card-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.landing-minimal-card{border-color:#d7d1ef;background:radial-gradient(circle at top right,rgba(181,74,230,.12),transparent 28%),linear-gradient(180deg,#fffffffa,#f5f0fcfa);box-shadow:0 18px 38px #00000038}.landing-minimal-card-body{display:grid;gap:16px;padding:20px}.landing-minimal-steps{display:grid;gap:12px}.landing-minimal-steps div{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid #e4ddf2}.landing-minimal-steps div:last-child{border-bottom:0}.landing-minimal-steps strong{color:var(--ink)}.landing-minimal-steps span,.auth-switch{margin:0;color:var(--muted);line-height:1.6}.landing-minimal-links{padding-top:8px}.auth-screen{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(90deg,#070b1857,#070b181a 34%,#050814e0 72%,#04060ef5),linear-gradient(180deg,#5f34b024,#070b1800 24%,#070b1866),var(--auth-background) center center / cover no-repeat;color:#fff}.auth-screen-backdrop,.auth-screen-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.auth-screen-backdrop{background:radial-gradient(circle at 72% 44%,rgba(116,58,211,.16),transparent 22%),radial-gradient(circle at 18% 18%,rgba(255,255,255,.12),transparent 18%)}.auth-screen-vignette{background:linear-gradient(180deg,#05081238,#05081270)}.auth-stage{position:relative;z-index:1}.auth-stage{width:min(100%,calc(100% - 32px));margin:0 auto;min-height:100vh;display:grid;place-items:center;padding:24px 0}.auth-form-stage{width:100%;display:grid;justify-items:center}.auth-page-layout{display:grid;min-height:auto;margin:0}.auth-page-shell{width:100%;margin:0;display:grid}.auth-card{width:min(100%,440px);justify-self:center;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.auth-card-body{display:grid;gap:16px;padding:0}.auth-card-kicker{color:#ffffffa3;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-align:left}.auth-card-brand{display:flex;justify-content:center}.auth-card-logo{display:block;width:176px;image-rendering:pixelated}.auth-card-switch{justify-content:center;padding:0;width:100%}.auth-card-tab{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#ffffffc2;font-weight:700;text-transform:lowercase;background:#ffffff0a}.auth-card-tab.active,.auth-card-tab:hover{border-color:#b54ae68c;background:#b54ae624;color:#fff;text-decoration:none}.auth-card-heading{display:grid;gap:6px;text-align:center}.auth-card-heading h1{margin:0;font-size:clamp(30px,4vw,40px);line-height:1;color:#fff}.auth-card-heading p{margin:0;color:#ffffffb8;font-size:14px}.auth-form-clean{max-width:none;margin:0;gap:12px}.auth-form-clean .field{gap:8px}.auth-form-clean .field span{color:#ffffffe6;font-weight:600}.auth-form-clean .field input{min-height:50px;padding:12px 46px 12px 15px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:#ffffff0a;color:#fff;font-size:16px;box-shadow:none}.auth-form-clean .field input::placeholder{color:#ffffff6b}.auth-form-clean .field input:focus-visible{border-color:#b54ae6e6;background:#ffffff14}.password-field{position:relative}.password-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);min-height:34px;padding:0 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#ffffffb8;font-weight:700;text-transform:lowercase}.password-toggle:hover{color:#fff}.auth-submit-button{width:100%;min-height:50px;font-size:16px;border-color:#6f28a8e6;box-shadow:0 18px 32px #752ac63d}.auth-submit-button:disabled{box-shadow:none}.auth-card-footer{justify-content:center;padding-top:2px}.auth-card .status-message,.auth-card .error-box{padding:12px 14px;border-width:1px;border-radius:14px}.auth-card .status-message{border-color:#ffffff24;background:#ffffff0f;color:#fff}.auth-card .error-box{border-color:#eb69904d;background:#77183838}.auth-card .status-message strong,.auth-card .status-message p,.auth-switch,.auth-switch a{color:#ffffffe6}@media (max-width: 1200px){.app-auth-shell-inner{width:100%}.app-auth-grid{grid-template-columns:1fr}.app-left-rail,.app-right-rail{position:static}.profile-home-columns,.workspace-grid,.workspace-grid-wide{grid-template-columns:1fr}.editor-studio-grid{grid-template-columns:260px minmax(0,1fr)}.studio-inspector-panel{grid-column:1 / -1}.auth-stage,.auth-minimal-nav,.auth-compact-footer{width:min(100%,calc(100% - 32px))}}@media (max-width: 900px){.public-header-row,.workspace-hero,.profile-home-hero,.app-topbar,.landing-minimal-shell{grid-template-columns:1fr}.public-header-actions,.app-topbar-tools{justify-content:flex-start}.app-topbar-user{flex-wrap:wrap;justify-content:flex-start}.app-topbar-search,.app-topbar-search input{width:100%}.profile-home-hero h1{max-width:none}.profile-gallery-grid,.profile-friends-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-minimal-copy h1{max-width:none}.auth-stage{grid-template-columns:1fr;gap:26px;align-items:end}.auth-brand-panel{max-width:520px;padding:18px 0 0}.auth-brand-panel h1{max-width:10ch}.auth-form-stage{justify-items:center}.auth-card{width:min(100%,480px)}}html,body,#root,.app-auth-shell{overflow-x:hidden}.app-auth-shell-inner{width:min(100%,1760px)}.app-auth-grid{grid-template-columns:minmax(180px,208px) minmax(0,1fr) minmax(232px,252px);gap:18px}.app-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:24px;padding:18px 28px}.app-topbar-nav{gap:24px;align-items:center}.app-topbar-link{min-height:auto;padding:0;border:0;border-radius:0;background:transparent;color:#ffffffc2;line-height:1.2;position:relative}.app-topbar-link:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:transparent;transition:background-color .12s ease}.app-topbar-link.active,.app-topbar-link:hover{border-color:transparent;background:transparent;color:#fff}.app-topbar-link.active:after,.app-topbar-link:hover:after{background:#b54ae6}.app-topbar-tools,.app-topbar-user{gap:12px}.app-topbar-search input{width:clamp(180px,18vw,240px);border-radius:16px}.app-user-chip{gap:10px;padding:8px 12px}.app-left-rail,.app-right-rail{min-width:0}.rail-group,.sidebar-widget,.auth-home .module{border-radius:24px}.sidebar-widget{padding:14px}.sidebar-profile-card,.sidebar-note,.sidebar-person,.workspace-list-row{border-radius:18px}.sidebar-inline-actions{flex-wrap:wrap}.sidebar-inline-actions>*{flex:1 1 100px}.workspace-grid{grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);align-items:start}.workspace-page-card{display:grid;gap:14px}.workspace-inline-actions{flex-wrap:wrap}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px}.profile-card{gap:12px;min-height:0;padding:18px;border-color:#1c1524;background:linear-gradient(180deg,#fff,#f7f2ff)}.profile-card-topline{justify-content:flex-end}.profile-card-date,.profile-card-username,.profile-card-copy p{color:#5e556b}.profile-card-main{grid-template-columns:72px minmax(0,1fr);gap:16px}.profile-card-copy h3{font-size:clamp(20px,2.1vw,28px);line-height:.96}.profile-card-copy p{font-size:15px}.profile-card-cta{color:#7d2ed1}.profile-card-theme{display:none}.auth-home .module-title{padding:14px 18px}.workspace-list,.list-panel.search-panel{padding:16px}.search-panel .field span,.page-intro,.page-intro-compact,.workspace-hero,.workspace-summary-grid{display:none}@media (max-width: 1400px){.app-auth-grid{grid-template-columns:180px minmax(0,1fr) 232px}.app-topbar{padding-inline:22px}.app-topbar-nav{gap:18px}}@media (max-width: 1200px){.app-auth-grid{grid-template-columns:1fr}}@media (max-width: 900px){.app-topbar{gap:16px;padding:16px 18px}.app-topbar-nav{gap:14px;flex-wrap:wrap}.app-topbar-link:after{bottom:-5px}.profile-grid{grid-template-columns:1fr}}.app-auth-grid.no-right-rail{grid-template-columns:minmax(188px,216px) minmax(0,1fr)}.app-auth-main{min-width:0}.workspace-grid,.workspace-grid-wide{align-items:start}.workspace-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-list,.workspace-inline-actions{align-items:start}.profile-grid{justify-items:start}.profile-card{width:100%;max-width:100%;border-radius:16px;background:linear-gradient(180deg,#f7f3fb,#f1ebf7)}.profile-card-default,.profile-card-compact{max-width:560px}.profile-card-workspace{max-width:760px}.profile-card-topline:empty{display:none}.profile-card-copy h3{max-width:12ch;text-wrap:balance}.profile-card-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.friend-card{width:min(100%,680px);border-radius:16px;background:linear-gradient(180deg,#f5f0fa,#ece4f5)}.friends-grid{justify-items:start}.public-profile-empty-compact{min-height:0;padding-block:6px}.profile-layout,.profile-home-columns,.profile-home-main-column,.profile-home-side-column,.profile-home-extras{align-items:start}.profile-home-extras{display:grid;gap:18px}.public-profile-card{border-radius:18px;background:color-mix(in srgb,var(--profile-module-bg) 92%,#08080b)}.public-profile-card-body,.public-profile-card-footer{min-width:0}.public-profile-card-guestbook .guestbook-form{margin-top:10px}.public-profile-card-guestbook .field textarea{min-height:112px}.guestbook-list-compact .guestbook-entry{padding-block:10px}.studio-toolbar-history .secondary-button.active-tab,.studio-mobile-switcher .secondary-button.active-tab,.inspector-tab-row .secondary-button.active-tab{border-color:#8d49da;background:#8d49da2e;color:#fff}.editor-studio-grid{grid-template-columns:252px minmax(0,1fr) 320px;align-items:start}.studio-canvas-panel{min-width:0}.studio-canvas-frame{width:100%;min-width:0;overflow:auto;display:flex;justify-content:center;align-items:flex-start}.studio-canvas-frame .profile-surface-shell{width:100%;max-width:none;flex:0 1 auto}.studio-canvas-frame.viewport-desktop .profile-surface-shell{width:min(1080px,100%);--profile-content-width: 1040px}.studio-canvas-frame.viewport-tablet .profile-surface-shell{width:min(800px,100%);--profile-content-width: 760px}.studio-canvas-frame.viewport-mobile .profile-surface-shell{width:min(410px,100%);--profile-content-width: 100%}.editor-studio-grid.preview-mode .studio-canvas-frame{min-height:calc(100vh - 190px);padding-inline:20px}.profile-surface-shell.viewport-tablet .profile-home-columns,.profile-surface-shell.viewport-mobile .profile-home-columns,.profile-surface-shell.viewport-tablet .profile-layout,.profile-surface-shell.viewport-mobile .profile-layout,.profile-surface-shell.viewport-mobile .profile-surface-hero,.profile-surface-shell.viewport-mobile .profile-surface-identity,.profile-surface-shell.viewport-mobile .music-card-layout,.profile-surface-shell.viewport-mobile .mood-card-layout,.profile-surface-shell.viewport-mobile .visitor-counter-layout,.profile-surface-shell.viewport-tablet .profile-layout.template-main-right-sidebar,.profile-surface-shell.viewport-tablet .profile-layout.template-left-sidebar-main,.profile-surface-shell.viewport-mobile .profile-layout.template-main-right-sidebar,.profile-surface-shell.viewport-mobile .profile-layout.template-left-sidebar-main,.profile-surface-shell.viewport-mobile .profile-layout.template-two-equal-columns{grid-template-columns:1fr}.profile-surface-shell.viewport-mobile .profile-gallery-grid,.profile-surface-shell.viewport-mobile .profile-friends-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-surface-shell.viewport-mobile .profile-gallery-tile,.profile-surface-shell.viewport-mobile .profile-gallery-placeholder{min-height:110px}.profile-surface-shell.viewport-mobile .profile-home-hero-avatar{max-width:180px}@media (max-width: 1200px){.app-auth-grid.no-right-rail,.workspace-grid-wide{grid-template-columns:1fr}}@media (max-width: 640px){.page-wrap{width:min(var(--app-max),calc(100% - 16px));margin:8px auto 18px}.profile-grid,.profile-grid-featured{grid-template-columns:1fr}.profile-card-main{grid-template-columns:60px minmax(0,1fr)}.studio-mobile-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.editor-studio-grid{grid-template-columns:1fr}.studio-outline-panel,.studio-canvas-panel,.studio-inspector-panel{display:none}.studio-outline-panel.mobile-open,.studio-canvas-panel.mobile-open,.studio-inspector-panel.mobile-open{display:block}.profile-home-hero{padding:20px}.spotify-frame-full iframe{height:280px}.landing-minimal-shell,.auth-card-body{padding:18px}.auth-stage{width:min(100%,calc(100% - 24px));padding:18px 0}.auth-card{width:100%}.auth-card-body{gap:16px;padding:22px 18px 20px}.auth-card-logo{width:118px}.auth-card-heading h1{font-size:32px}.auth-card-heading p{font-size:14px}}.app-auth-shell{overflow-x:hidden}.app-auth-shell-inner{width:min(100% - 36px,1680px);margin:0 auto}.app-auth-grid,.app-auth-grid.no-right-rail{display:grid;grid-template-columns:248px minmax(0,1fr);gap:24px;align-items:start;width:100%}.app-auth-main,.auth-home,.module,.workspace-page-card{min-width:0}.app-topbar{display:grid;grid-template-columns:220px minmax(320px,1fr) auto;align-items:center;gap:24px;min-height:92px;padding:18px 28px;border-radius:18px}.app-topbar-logo{width:155px}.app-topbar-nav{display:flex;align-items:center;justify-content:center;gap:26px;min-width:0;flex-wrap:nowrap}.app-topbar-link{padding:8px 0;border:0;border-radius:0;background:transparent;white-space:nowrap}.app-topbar-link.active,.app-topbar-link:hover{background:transparent;color:#fff}.app-topbar-link.active:after,.app-topbar-link:hover:after{opacity:1}.app-topbar-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;flex-wrap:nowrap}.app-topbar-search{flex:0 1 280px;min-width:180px}.app-topbar-search input{height:46px;border-radius:14px}.app-topbar-user{flex:0 0 auto;max-width:220px}.app-user-chip-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.primary-button,.secondary-button,.quiet-button,.danger-button,.inline-button,.studio-toolbar-link{border-radius:12px}.workspace-grid,.workspace-grid-wide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.auth-home .module{border-radius:20px;overflow:hidden}.auth-home .module-title{min-height:48px;padding:14px 20px}.profile-grid,.profile-grid-featured{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,340px));gap:18px;align-items:start;justify-content:start}.profile-card{width:100%;max-width:340px;min-height:0;padding:18px;border-radius:16px;color:#181322}.profile-card-workspace,.workspace-page-card .profile-card{max-width:100%}.profile-card-main{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px}.profile-card-avatar{width:76px;height:76px}.profile-card-copy h3{max-width:100%;font-size:clamp(22px,3vw,30px);line-height:.98;color:#09080d}.profile-card-copy p,.profile-card-username,.profile-card-date{color:#5d556a}.profile-card-cta{color:#8d25d8}.friend-card{width:min(100%,720px);min-height:0;padding:18px;border-radius:16px;color:#17121f}.friend-card-head p,.friend-card-head strong{color:#17121f}.friend-card-head p{opacity:.72}.friends-grid{display:grid;gap:18px;align-items:start}.settings-stack{display:grid;gap:22px;padding:22px}.settings-group{border-radius:18px;background:#f7f3ff;color:#17121f;border:2px solid rgba(11,9,15,.9);padding:22px}.settings-group h2,.settings-group h3,.settings-group strong,.settings-group label,.settings-group p,.settings-group span{color:#17121f}.settings-group .status-message,.settings-group .field input,.settings-group .field textarea,.settings-group .field select{background:#fff;color:#17121f;border-color:#181322d9}.settings-group.danger-zone{background:#1d0b14;color:#fff;border-color:#9e345c}.settings-group.danger-zone h2,.settings-group.danger-zone p,.settings-group.danger-zone span,.settings-group.danger-zone strong{color:#fff}.shell-editor-mode .app-auth-shell-inner,.shell-editor-mode .app-auth-main,.editor-studio-page,.editor-studio-shell{width:100%;max-width:none}.shell-editor-mode .app-auth-grid{display:block}.editor-studio-toolbar{display:grid;grid-template-columns:minmax(240px,auto) minmax(360px,1fr) auto;align-items:center;gap:16px;min-height:84px;padding:14px 18px;border-radius:18px}.studio-toolbar-brand,.studio-toolbar-history,.studio-toolbar-publish{display:flex;align-items:center;gap:10px;min-width:0}.studio-toolbar-history{justify-content:center;flex-wrap:wrap}.studio-toolbar-publish{justify-content:flex-end;flex-wrap:wrap}.studio-toolbar-copy{min-width:0}.studio-toolbar-copy span{max-width:18ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-studio-grid{display:grid;grid-template-columns:280px minmax(520px,1fr) 340px;gap:18px;align-items:start;width:100%}.editor-studio-grid.preview-mode{grid-template-columns:minmax(0,1fr)}.editor-studio-grid.preview-mode .studio-outline-panel,.editor-studio-grid.preview-mode .studio-inspector-panel{display:none}.studio-outline-panel,.studio-inspector-panel{min-width:0}.studio-panel-box{max-height:calc(100vh - 180px);overflow:auto}.studio-canvas-panel{min-width:0;width:100%}.studio-canvas-frame{min-height:calc(100vh - 210px);overflow:auto;padding:20px;display:flex;justify-content:center;align-items:flex-start}.studio-canvas-frame .profile-surface-shell{flex:0 0 auto;max-width:100%}.studio-canvas-frame.viewport-desktop .profile-surface-shell{width:min(1080px,100%)}.studio-canvas-frame.viewport-tablet .profile-surface-shell{width:min(780px,100%)}.studio-canvas-frame.viewport-mobile .profile-surface-shell{width:min(410px,100%)}@media (max-width: 1360px){.app-topbar{grid-template-columns:180px minmax(280px,1fr) auto;gap:16px}.app-topbar-logo{width:132px}.app-topbar-nav{gap:18px}.app-topbar-search{flex-basis:220px}.editor-studio-grid{grid-template-columns:260px minmax(440px,1fr) 320px}}@media (max-width: 1180px){.app-auth-grid,.app-auth-grid.no-right-rail{grid-template-columns:1fr}.app-left-rail{display:none}.app-topbar{grid-template-columns:150px 1fr}.app-topbar-tools{grid-column:1 / -1;justify-content:flex-start}.workspace-grid,.workspace-grid-wide,.editor-studio-grid{grid-template-columns:1fr}.studio-panel-box{max-height:none}}@media (max-width: 760px){.app-auth-shell-inner{width:min(100% - 20px,1680px)}.app-topbar{grid-template-columns:1fr;padding:16px}.app-topbar-nav,.app-topbar-tools,.app-user-chip-actions{justify-content:flex-start;flex-wrap:wrap}.app-topbar-search{flex:1 1 100%}.profile-grid,.profile-grid-featured{grid-template-columns:1fr}.profile-card{max-width:none}.editor-studio-toolbar{grid-template-columns:1fr}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.social-profile-layout{width:min(100%,1220px);margin:18px auto 40px;color:#17141d}.social-profile-shell,.social-profile-discovery,.social-profile-card,.social-empty-card{background:#fffdf8;border:1px solid #d9d2c7;border-radius:8px;box-shadow:0 1px #17141d14}.social-profile-shell{overflow:hidden}.social-profile-cover{position:relative;min-height:clamp(240px,28vw,340px);background:#eee9de}.social-profile-cover img,.social-profile-cover-fallback{display:block;width:100%;height:clamp(240px,28vw,340px);object-fit:cover;object-position:center}.social-profile-cover-fallback{background:linear-gradient(90deg,rgba(87,36,128,.1) 1px,transparent 1px),linear-gradient(180deg,#f5f0e6,#ded6ca);background-size:38px 100%,auto}.social-edit-cover{position:absolute;right:18px;bottom:18px;min-height:36px;padding:8px 12px;border:1px solid #201b25;border-radius:4px;background:#fff;color:#16121b;font-weight:700}.social-profile-identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:end;padding:0 28px 22px}.social-avatar-wrap{display:grid;gap:10px;justify-items:center;margin-top:-74px;z-index:1}.social-avatar-wrap button{min-height:32px;padding:6px 10px;border:1px solid #201b25;border-radius:4px;background:#fff;font-weight:700}.social-profile-avatar{display:grid;place-items:center;overflow:hidden;border:3px solid #fff;background:#eee9de;color:#5b2585;font-weight:800;box-shadow:0 0 0 1px #d4ccbf}.social-profile-avatar img{width:100%;height:100%;object-fit:cover}.social-profile-avatar.hero{width:clamp(132px,14vw,168px);height:clamp(132px,14vw,168px);border-radius:50%;font-size:38px}.social-profile-avatar.small{width:42px;height:42px;border-radius:8px;font-size:13px}.social-profile-avatar.friend{width:100%;aspect-ratio:1 / 1;border-radius:8px}.social-identity-copy{display:grid;gap:6px;min-width:0}.social-identity-copy h1{margin:0;color:#111018;font-size:clamp(34px,5vw,56px);line-height:.96;letter-spacing:-.05em}.social-identity-copy p{margin:0;max-width:62ch;color:#4f4a56;font-size:15px}.social-identity-copy label{display:grid;gap:6px;max-width:620px;font-weight:700}.social-identity-copy input,.social-identity-copy textarea{width:100%;padding:10px 12px;border:1px solid #302a34;border-radius:4px;background:#fff;color:#17141d}.social-handle{color:#6c6274;font-weight:700}.social-profile-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.social-profile-meta span{display:inline-flex;min-height:28px;align-items:center;padding:4px 9px;border:1px solid #d8d0c4;border-radius:4px;background:#f7f2ea;color:#4f4a56;font-size:12px;font-weight:700}.social-profile-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:220px}.social-profile-actions .primary-button,.social-profile-actions .secondary-button,.social-guestbook-form .primary-button{min-height:38px;border-width:1px;border-radius:4px;text-transform:none}.social-profile-status{margin:0;padding:0 28px 18px;color:#6b247f;font-weight:700}.social-profile-discovery{margin-top:16px;padding:16px}.social-section-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:14px}.social-section-head h2{margin:0;color:#17141d;font-size:18px;letter-spacing:-.02em}.social-section-head p{margin:2px 0 0;color:#6b6570}.social-discovery-row{display:grid;grid-auto-columns:minmax(180px,220px);grid-auto-flow:column;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.social-discovery-row::-webkit-scrollbar{display:none}.social-discovery-card{display:grid;color:#17141d;text-decoration:none}.social-discovery-cover{position:relative;display:grid;place-items:end start;height:118px;padding:8px;border:1px solid #d8d0c4;border-radius:6px;overflow:hidden;background:#e9def6}.social-discovery-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85)}.social-discovery-copy{display:grid;gap:2px;padding:8px 0 0}.social-discovery-copy .small{margin-top:-31px;position:relative}.social-discovery-copy p{margin:4px 0 0;color:#5f5966;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-profile-main-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start;margin-top:18px}.social-profile-left-column,.social-profile-feed-column{min-width:0}.social-profile-feed-column{display:grid;gap:14px}.social-profile-card{padding:16px}.social-friend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.social-friend-tile{display:grid;gap:6px;color:#17141d;font-weight:700;text-decoration:none}.social-friend-tile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-empty-card{padding:14px;color:#4f4a56}.social-empty-card strong{display:block;color:#17141d;margin-bottom:4px}.social-empty-card p{margin:0 0 8px}.social-post-feed{display:grid;gap:14px}.social-profile-feed-column .post-composer,.social-profile-feed-column .post-card{border:1px solid #d9d2c7;border-radius:8px;box-shadow:0 1px #17141d14}.social-guestbook-card{margin-top:2px}.social-guestbook-list{display:grid;gap:10px}.social-guestbook-entry{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border:1px solid #ebe5da;border-radius:6px;background:#fbf8f2}.social-guestbook-entry p,.social-guestbook-entry time{margin:0;color:#5f5966}.social-guestbook-entry button{grid-column:2 / -1;justify-self:start;min-height:30px;border:1px solid #302a34;border-radius:4px;background:#fff;font-weight:700}.social-guestbook-form{display:grid;gap:10px;margin-top:14px}.social-guestbook-form label{display:grid;gap:6px;font-weight:700}.social-guestbook-form textarea{min-height:108px;padding:12px;border:1px solid #cfc7bc;border-radius:6px;background:#fff;color:#17141d;resize:vertical}.social-muted{margin:0;color:#6b6570}@media (max-width: 900px){.social-profile-identity{grid-template-columns:1fr;align-items:start}.social-avatar-wrap{justify-items:start}.social-profile-actions{justify-content:flex-start}.social-profile-main-grid{grid-template-columns:1fr}.social-profile-left-column{order:2}.social-profile-feed-column{order:1}}@media (max-width: 560px){.social-profile-layout{margin-top:12px}.social-profile-cover,.social-profile-cover img,.social-profile-cover-fallback{min-height:210px;height:210px}.social-profile-identity{padding:0 16px 18px}.social-profile-avatar.hero{width:124px;height:124px}.social-profile-meta{gap:6px}.social-discovery-row{grid-auto-columns:minmax(164px,78vw)}.social-guestbook-entry{grid-template-columns:38px minmax(0,1fr)}.social-guestbook-entry time{grid-column:2}}:root{--mobile-shell-height: 60px;--mobile-shell-gutter: 14px;--mobile-page-gap: 16px;--mobile-section-gap: 22px;--mobile-card-padding: 16px;--mobile-card-padding-compact: 12px;--mobile-bottom-nav-height: calc(64px + env(safe-area-inset-bottom)) }img{display:block;max-width:100%;height:auto}.app-auth-main,.app-page-shell,.section-panel,.section-panel-body,.user-card-grid,.friends-grid,.friend-card,.friend-card-actions,.post-composer,.post-card,.social-profile-main-grid,.social-profile-feed-column,.social-profile-left-column,.social-profile-discovery,.social-profile-card,.home-dashboard,.home-feature-row,.home-info-grid,.home-post-list,.settings-meta-grid,.settings-actions{min-width:0}.app-page-shell,.social-profile-layout,.editor-layout,.auth-page-layout{overflow-x:clip}.user-identity-copy,.sidebar-note span,.sidebar-person-copy span,.social-identity-copy p,.settings-field-card p,.home-note-row span,.social-discovery-copy p,.app-account-dropdown a,.app-account-dropdown button{overflow-wrap:anywhere}.app-mobile-search-button,.app-mobile-search-row,.mobile-bottom-nav,.public-header-mobile-actions{display:none}.app-mobile-search-button{min-height:44px;padding:0 12px;border:1px solid #242226;border-radius:6px;background:#fff;color:#151515;font-size:13px;font-weight:800;text-transform:lowercase}.mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:70;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:8px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));border-top:2px solid #221f29;background:linear-gradient(180deg,#fffffffa,#f7f2fafa);box-shadow:0 -12px 28px #140d1a24}.mobile-bottom-nav-link{min-height:52px;display:grid;justify-items:center;align-content:center;gap:3px;color:#5d5665;font-size:11px;font-weight:800;text-decoration:none;letter-spacing:.01em}.mobile-bottom-nav-link.active{color:#5f2a8b}.mobile-bottom-nav-icon{width:24px;height:24px;display:grid;place-items:center;border:1px solid currentColor;border-radius:6px;font-size:11px;line-height:1}.app-mobile-search-row{width:100%;padding:0 14px 12px}.app-mobile-search-row input{width:100%;min-height:48px;padding:0 14px;border:1px solid #d7d0e4;border-radius:10px;background:#fff;color:#17141d;font-size:16px}.settings-copy-button{margin-top:10px}.settings-helper-text{margin:-4px 0 0 30px;color:#696270;font-size:.92rem;line-height:1.45}.friends-tabs{width:100%}.explore-featured-grid .user-card{aspect-ratio:16 / 10}@media (max-width: 767px){html,body,#root{min-height:100dvh}.app-auth-shell{padding-bottom:var(--mobile-bottom-nav-height)}.app-auth-shell-inner{width:100%;margin:0;padding:0 0 calc(var(--mobile-bottom-nav-height) + 12px)}.app-auth-grid,.app-auth-grid.has-right-rail,.app-auth-grid.no-right-rail{display:block;grid-template-columns:1fr;gap:0}.app-sidebar,.app-right-rail{display:none}.app-auth-main{padding:0 var(--mobile-shell-gutter)}.app-topbar{position:sticky;top:0;z-index:60;min-height:var(--mobile-shell-height);grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0;padding:calc(8px + env(safe-area-inset-top)) max(var(--mobile-shell-gutter),env(safe-area-inset-right)) 8px max(var(--mobile-shell-gutter),env(safe-area-inset-left));border:0;border-bottom:2px solid #231f2a;background:#fbfaf6f7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-topbar-brand{min-width:0}.app-topbar-logo{width:118px;max-height:34px}.app-topbar-nav,.app-topbar-search,.app-random-button{display:none}.app-topbar-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.app-mobile-search-button,.mobile-bottom-nav,.public-header-mobile-actions,.app-mobile-search-row.is-open{display:grid}.app-topbar-user{gap:8px}.app-account-trigger{min-width:0;max-width:none;min-height:44px;padding:6px 10px;border-radius:10px}.app-account-trigger .user-identity-copy{display:none}.app-account-trigger .user-identity-avatar{width:30px;height:30px}.app-account-dropdown{position:fixed;top:calc(var(--mobile-shell-height) + env(safe-area-inset-top) + 8px);right:max(12px,env(safe-area-inset-right));left:max(12px,env(safe-area-inset-left));width:auto;padding:10px;border-radius:12px;box-shadow:0 14px 34px #110d172e}.app-account-dropdown a,.app-account-dropdown button{min-height:44px;display:flex;align-items:center;padding:0 10px}.public-header .top-strip,.public-header-nav,.public-header-cta{display:none}.public-header-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:calc(8px + env(safe-area-inset-top)) max(var(--mobile-shell-gutter),env(safe-area-inset-right)) 10px max(var(--mobile-shell-gutter),env(safe-area-inset-left))}.public-brand-note{display:none}.public-brand-logo{width:118px}.public-header-mobile-actions{grid-auto-flow:column;gap:8px}.public-header-mobile-actions .inline-button{min-height:40px;padding:0 12px}.app-page-shell,.social-profile-layout,.editor-layout{width:100%;max-width:none;margin:0;padding:14px 0 0}.app-page-shell>*,.social-profile-layout>*,.editor-layout>*{margin-bottom:var(--mobile-section-gap)}.section-panel,.social-profile-shell,.social-profile-discovery,.social-profile-card,.sidebar-widget,.home-block,.home-info-card,.post-composer,.post-card,.auth-card,.editor-layout .module{border-radius:10px}.section-panel-body,.social-profile-card,.social-profile-discovery,.home-block,.home-info-card,.editor-layout .module{padding:var(--mobile-card-padding)}.section-panel-header{gap:10px;align-items:start}.section-panel-header h2{font-size:clamp(1.5rem,6vw,2rem)}.section-panel-header p{font-size:.95rem}.user-card-grid,.user-card-grid.compact,.friends-grid,.app-two-column-grid{grid-template-columns:1fr}.user-card,.friend-card,.settings-field-card{padding:var(--mobile-card-padding-compact)}.friend-card-actions,.friend-action-row,.settings-actions,.social-profile-actions{display:grid;grid-template-columns:1fr;width:100%}.friend-card-actions .secondary-button,.friend-card-actions .primary-button,.friend-action-row .secondary-button,.friend-action-row .primary-button,.settings-actions .secondary-button,.settings-actions .danger-button,.social-profile-actions .primary-button,.social-profile-actions .secondary-button{width:100%;min-height:44px;justify-content:center}.app-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.app-tab{min-height:44px;padding:0 8px;font-size:13px}.auth-page-layout{min-height:100dvh;width:100%;padding:0;background:transparent!important;box-shadow:none!important}.auth-screen{background:linear-gradient(180deg,#0a0c1870,#070a14bd),radial-gradient(circle at top,rgba(123,56,196,.18),transparent 38%),var(--auth-background) center center / cover no-repeat}.auth-screen-backdrop{background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.12),transparent 24%),radial-gradient(circle at 50% 52%,rgba(116,58,211,.12),transparent 30%)}.auth-screen-vignette{background:linear-gradient(180deg,#05081224,#05081257)}.auth-page-shell{min-height:100dvh;display:grid;place-items:center;width:100%;background:transparent!important;box-shadow:none!important;padding:calc(18px + env(safe-area-inset-top)) var(--mobile-shell-gutter) 20px}.auth-card{width:100%;max-width:none;border:0;border-radius:0;background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none!important}.auth-card-body{gap:16px;padding:0;background:transparent!important;box-shadow:none!important;justify-items:center}.auth-stage,.auth-form-stage{width:100%;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important}.auth-card-logo{width:240px;index:-1}.auth-card-heading{justify-items:center;text-align:center}.auth-card-heading h1{font-size:clamp(2rem,9vw,3rem)}.auth-card-heading p{max-width:34ch;font-size:.98rem;text-align:center}.auth-form-clean .field input{min-height:50px;padding:14px 72px 14px 14px;font-size:16px}.password-toggle{right:8px;min-width:50px;min-height:44px;padding:0 10px}.auth-card-footer{justify-content:center}.home-dashboard{gap:var(--mobile-section-gap);padding-bottom:6px}.home-info-grid,.home-feature-row,.home-post-list{grid-template-columns:1fr;gap:14px}.home-feature-cover,.home-random-preview{aspect-ratio:16 / 10}.post-composer{padding:14px}.composer-main-row{align-items:start}.composer-prompt{min-height:48px}.composer-actions{gap:8px;flex-wrap:wrap}.composer-actions>button,.composer-submit-group button{min-height:44px}.composer-submit-group{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.composer-submit-group span{grid-column:1 / -1}.social-profile-layout{gap:0}.social-profile-shell{overflow:hidden}.social-profile-cover,.social-profile-cover img,.social-profile-cover-fallback{min-height:190px;height:190px}.social-profile-identity{padding:0 16px 16px;gap:14px}.social-avatar-wrap{justify-items:start;margin-top:-52px}.social-profile-avatar.hero{width:96px;height:96px;font-size:28px}.social-identity-copy h1{font-size:clamp(2rem,9vw,3rem)}.social-profile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.social-profile-meta span{min-height:40px;justify-content:center;text-align:center}.social-profile-main-grid{grid-template-columns:1fr;gap:16px;margin-top:16px}.social-profile-left-column{order:2}.social-profile-feed-column{order:1}.social-discovery-row{grid-auto-columns:minmax(168px,72vw)}.social-discovery-cover{height:auto;aspect-ratio:16 / 10}.social-friend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.social-guestbook-entry{grid-template-columns:38px minmax(0,1fr)}.social-guestbook-entry time,.social-guestbook-entry button{grid-column:2}.settings-meta-grid,.app-settings-grid{grid-template-columns:1fr}.settings-group{display:grid;gap:12px}.settings-field-card{padding:14px}.settings-field-card p{margin-bottom:0}.editor-layout{grid-template-columns:1fr;gap:16px}.editor-form,.editor-layout .module{padding:16px}.editor-form input,.editor-form textarea,.editor-form select{font-size:16px}.editor-studio-page{padding-top:12px}.editor-studio-toolbar{position:sticky;top:calc(var(--mobile-shell-height) + env(safe-area-inset-top));z-index:30;gap:10px;padding:12px}.editor-toolbar-left,.editor-toolbar-center,.editor-toolbar-right{width:100%;justify-content:space-between}.studio-mobile-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 0 10px}.editor-studio-grid{gap:12px}.studio-canvas-frame.viewport-mobile .profile-surface-shell{width:min(100%,390px)}}@media (max-width: 430px){:root{--mobile-shell-gutter: 12px}.social-friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-profile-meta{grid-template-columns:1fr}.auth-card-body,.section-panel-body,.social-profile-card,.social-profile-discovery,.home-block,.home-info-card{padding:14px}}:root{--app-bg: #f7f2e9;--app-surface: #ffffff;--app-surface-muted: #fbf6f1;--app-surface-soft: #f8f3ed;--app-surface-strong: #ffffff;--app-border: #d8d0c8;--app-border-strong: #b9aea1;--app-text: #181411;--app-text-muted: #716b65;--app-text-soft: #5b534d;--app-accent: #7248b1;--app-accent-hover: #5a3190;--app-accent-soft: #f1e9f7;--app-success: #1f7c4b;--app-warning: #b37a03;--app-danger: #b32f55;--app-radius-sm: 10px;--app-radius-md: 16px;--app-radius-lg: 24px;--app-radius-xl: 32px;--app-shadow-soft: 0 18px 42px rgba(20, 16, 13, .08);--app-shadow-card: 0 12px 30px rgba(20, 16, 13, .06);--app-max: 1240px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--header-height: 80px;--mobile-shell-height: 68px;--mobile-gutter: 16px}body{background:var(--app-bg);color:var(--app-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,[disabled]{cursor:not-allowed;opacity:.6}a{color:inherit;text-decoration:none}img,picture,svg,video{display:block;max-width:100%}*{box-sizing:border-box}:focus-visible{outline:3px solid var(--app-accent);outline-offset:3px}.app-auth-shell,.app-auth-shell-inner,.page-wrap,.app-page-shell,.section-panel,.sidebar-widget,.social-profile-card,.home-block,.home-info-card,.home-feature-card,.friend-card,.user-card{color:var(--app-text)}.app-auth-shell{min-height:100vh;background:var(--app-bg)}.app-auth-shell-inner,.page-wrap{width:min(var(--app-max),calc(100% - 40px));margin:0 auto;padding:28px 0 32px}.app-auth-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:start}.app-auth-grid.has-right-rail{grid-template-columns:minmax(0,1fr) 300px}.app-auth-grid.no-right-rail{grid-template-columns:1fr}.app-topbar{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:18px 24px;border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-surface);box-shadow:var(--app-shadow-soft)}.public-header{width:min(var(--app-max),calc(100% - 40px));margin:0 auto 28px;padding:24px;border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-surface);box-shadow:var(--app-shadow-soft)}.public-header-row,.app-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.public-brand-stack,.app-topbar-brand,.app-topbar-tools,.app-topbar-user{display:flex;align-items:center;gap:12px}.public-brand-note{margin:0;color:var(--app-text-muted);font-size:.95rem}.public-header-nav,.app-topbar-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.public-nav-link,.app-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;color:var(--app-text-muted);font-size:.95rem;font-weight:700;background:transparent;transition:background-color .15s ease,color .15s ease}.public-nav-link.active,.app-nav-link.active,.public-nav-link:hover,.app-nav-link:hover{background:var(--app-surface-hover);color:var(--app-text)}.public-header-cta,.primary-button,.composer-post-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:var(--app-radius-md);border:none;background:var(--app-accent);color:#fff;font-weight:800}.secondary-button,.inline-button,.app-mobile-search-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:var(--app-radius-md);border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);font-weight:700}.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:var(--app-radius-md);border:1px solid transparent;background:#fff0f3;color:var(--app-danger);font-weight:700}.primary-button:hover,.composer-post-button:hover{background:var(--app-accent-hover)}.secondary-button:hover,.inline-button:hover,.app-mobile-search-button:hover{background:var(--app-surface-hover)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--app-accent);outline-offset:4px}.app-topbar-search{width:min(360px,100%)}.app-topbar-search input,.field input,.field textarea,.field select,.social-guestbook-form textarea{width:100%;min-height:48px;padding:14px 16px;border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:var(--app-surface-strong);color:var(--app-text)}.field{display:grid;gap:10px}.field span,.section-panel-header p,.home-block-head p,.social-section-head p,.settings-helper-text,.status-message p{color:var(--app-text-muted)}.field textarea{min-height:140px;resize:vertical}.section-panel,.home-block,.home-info-card,.social-profile-card,.sidebar-widget,.friend-card,.user-card,.error-box{border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-surface);box-shadow:var(--app-shadow-card)}.section-panel{overflow:hidden}.section-panel-header,.home-block-head,.home-card-title,.social-section-head,.sidebar-widget-head{display:flex;justify-content:space-between;gap:16px;padding:22px;border-bottom:1px solid var(--app-border)}.section-panel-header h2,.home-block-head h2,.social-section-head h2{margin:0;font-size:1.2rem;line-height:1.2}.section-panel-action{align-self:center}.section-panel-body,.sidebar-widget,.social-profile-card,.home-block,.home-info-card,.error-box{padding:22px}.app-page-shell,.home-dashboard,.social-profile-layout,.user-card-grid,.friends-grid,.app-settings-grid,.app-two-column-grid,.home-info-grid,.home-feature-row,.social-friend-grid,.social-discovery-row,.social-profile-main-grid{display:grid;gap:24px}.home-dashboard{max-width:100%}.user-card-grid,.friends-grid,.social-friend-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.app-two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-info-grid{grid-template-columns:minmax(0,1fr) 360px}.home-feature-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.home-avatar-strip{display:flex;flex-wrap:wrap;gap:12px}.home-avatar,.social-profile-avatar,.user-identity-avatar,.sidebar-person,.sidebar-note,.home-feature-avatar{width:52px;height:52px;display:inline-grid;place-items:center;border-radius:18px;background:var(--app-surface-muted);color:var(--app-accent);font-weight:700;overflow:hidden}.user-identity-avatar{border:1px solid var(--app-border);box-shadow:0 6px 18px #14100d14}.user-identity-avatar img{width:100%;height:100%;object-fit:cover}.home-avatar.large,.profile-avatar-large,.social-profile-avatar.hero{width:140px;height:140px;border-radius:28px}.home-feature-card,.social-discovery-card,.home-random-card,.home-mini-row,.home-note-row,.sidebar-note,.sidebar-person,.friend-card,.user-card{display:grid;gap:14px;text-decoration:none;color:inherit}.home-feature-cover{position:relative;min-height:200px;border-radius:var(--app-radius-md);overflow:hidden;background:var(--app-surface-muted)}.home-feature-cover img,.social-discovery-cover img,.home-random-preview img,.social-profile-cover img{width:100%;height:100%;object-fit:cover}.home-feature-cover-fallback,.social-discovery-cover,.home-random-preview{display:grid;place-items:center;min-height:200px;background:var(--app-surface-muted)}.home-feature-meta,.social-discovery-copy{display:grid;gap:6px}.home-feature-meta strong,.social-discovery-copy strong,.home-random-card strong,.user-card-meta strong,.sidebar-note strong,.sidebar-person strong{font-size:1rem}.home-feature-meta span,.home-random-card span,.social-discovery-copy span,.home-mini-row span,.home-note-row span,.social-recent-meta,.social-profile-status{color:var(--app-text-muted);font-size:.95rem}.home-empty,.social-muted,.error-box p{margin:0;color:var(--app-text-muted)}.home-block,.home-info-card,.social-profile-card,.sidebar-widget{background:var(--app-surface)}.social-profile-layout{grid-template-columns:minmax(0,1.2fr) 340px}.social-profile-cover{min-height:220px;border-radius:var(--app-radius-lg);overflow:hidden;background:var(--app-surface-muted)}.social-profile-identity{display:grid;gap:16px;padding:20px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius-lg)}.social-profile-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--app-text-muted)}.social-profile-actions,.friend-card-actions,.settings-actions,.app-tabs,.search-panel{display:flex;gap:12px;flex-wrap:wrap}.social-profile-discovery{padding:0}.social-discovery-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:20px;background:var(--app-surface)}.social-discovery-card{padding:18px;border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-surface)}.sidebar-widget-head,.social-section-head{align-items:flex-start}.sidebar-widget-head a,.social-section-head a,.home-block-head a{color:var(--app-accent)}.status-chip,.app-sidebar-count{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--app-accent-soft);color:var(--app-accent);font-size:.85rem;font-weight:700}.error-box{border-color:color-mix(in srgb,var(--app-danger) 30%,var(--app-border));background:#fff2f6}.error-box strong{display:block;margin-bottom:8px;color:var(--app-danger)}.app-topbar-user,.app-topbar-tools{justify-content:flex-end}.app-account-trigger{min-height:48px;padding:8px 14px;border-radius:999px;border:1px solid var(--app-border);background:var(--app-surface-strong);display:flex;align-items:center;gap:10px}.app-account-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;padding:10px;border:1px solid var(--app-border);border-radius:var(--app-radius-lg);background:var(--app-surface);box-shadow:var(--app-shadow-soft)}.app-account-dropdown a,.app-account-dropdown button{width:100%;min-height:44px;display:inline-flex;align-items:center;padding:0 12px;border-radius:var(--app-radius-md);background:transparent;color:var(--app-text);text-align:left}.app-account-dropdown a:hover,.app-account-dropdown button:hover{background:var(--app-surface-hover)}.app-mobile-search-row.is-open{display:grid;padding:0 16px 16px}.app-mobile-search-row input{width:100%;min-height:48px;padding:0 16px;border:1px solid var(--app-border);border-radius:999px;background:var(--app-surface)}@media (max-width: 1024px){.app-auth-shell-inner,.page-wrap{width:calc(100% - 32px)}.app-auth-grid.has-right-rail{grid-template-columns:1fr}.app-right-rail{display:none}.app-topbar{grid-template-columns:1fr;padding:18px 20px}.app-topbar-nav,.app-topbar-search,.app-topbar-user{width:100%}}@media (max-width: 720px){.app-auth-shell-inner,.page-wrap{width:calc(100% - 24px);padding:20px 0 24px}.app-topbar{position:sticky;top:0;z-index:60;grid-template-columns:1fr auto;padding:calc(10px + env(safe-area-inset-top)) 16px 12px 16px;border-radius:0;box-shadow:inset 0 -1px #0000000a}.app-topbar-nav,.app-topbar-search,.app-random-button{display:none}.app-topbar-tools{justify-content:flex-end}.app-mobile-search-button{display:inline-flex}.app-account-trigger{width:auto}.app-account-dropdown{position:fixed;top:calc(var(--mobile-shell-height) + env(safe-area-inset-top) + 10px);right:16px;left:16px}.app-page-shell,.home-dashboard,.user-card-grid,.friends-grid,.app-two-column-grid,.app-settings-grid,.social-profile-layout,.home-info-grid{grid-template-columns:1fr}.home-feature-row,.social-discovery-row,.home-avatar-strip{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.app-right-rail{display:none}.public-header{margin-bottom:20px;padding:calc(16px + env(safe-area-inset-top)) 16px 16px}.public-header-row{grid-template-columns:1fr}.public-header-mobile-actions{display:flex;gap:10px;flex-wrap:wrap}}:root{--app-bg: #efede8;--app-surface: #fffdfa;--app-surface-strong: #ffffff;--app-surface-muted: #f4f1eb;--app-surface-selected: #ece6dc;--app-text: #161311;--app-text-soft: #4d4741;--app-text-muted: #777068;--app-line: #d5cec4;--app-line-strong: #231e1a;--app-accent: #5d3150;--app-accent-soft: #f3e8ef;--app-danger: #a52b4c;--shell-max: 1228px;--shell-gap: 24px;--shell-left: 240px;--shell-center: 620px;--shell-right: 300px;--shell-top: 20px;--mobile-shell-height: 60px;--mobile-bottom-nav-height: calc(68px + env(safe-area-inset-bottom)) }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-auth-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(170,138,102,.08),transparent 28%),var(--app-bg);color:var(--app-text);overflow-x:clip}.app-mobile-header{display:none}.app-auth-shell-inner,.page-wrap{width:min(var(--shell-max),calc(100% - 32px));margin:0 auto;padding:20px 0 36px}.app-auth-grid{display:grid;grid-template-columns:var(--shell-left) minmax(0,var(--shell-center)) var(--shell-right);justify-content:center;gap:var(--shell-gap);align-items:start}.app-auth-main,.app-page-shell,.app-shell-left-column,.app-shell-right-column{min-width:0}.app-shell-sticky{position:sticky;top:var(--shell-top);display:grid;gap:14px}.app-shell-panel,.section-panel,.post-composer,.post-card,.mobile-bottom-nav,.app-mobile-header,.utility-card,.home-empty-card,.feed-discovery-module{border:1px solid var(--app-line);border-radius:14px;background:var(--app-surface);box-shadow:none}.app-shell-panel{padding:12px}.app-shell-brand-panel{display:flex;align-items:center;justify-content:flex-start;min-height:88px;padding:12px 16px}.app-shell-brand-link,.app-shell-brand-link:hover{display:inline-block;text-decoration:none}.app-shell-brand-logo{width:118px;max-width:100%}.app-shell-nav-panel{display:grid;gap:4px}.desktop-shell-nav-link{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;min-height:48px;padding:0 12px;border-radius:10px;color:var(--app-text-soft);font-weight:700;text-decoration:none;transition:background-color .14s ease,color .14s ease}.desktop-shell-nav-link:hover{background:var(--app-surface-muted);color:var(--app-text);text-decoration:none}.desktop-shell-nav-link.is-active{background:var(--app-surface-selected);color:var(--app-text)}.desktop-shell-nav-link.is-disabled{opacity:.54;cursor:default}.shell-icon{position:relative;width:22px;height:22px;border:1.5px solid currentColor;border-radius:6px}.shell-icon:before,.shell-icon:after,.shell-icon-core{content:"";position:absolute;background:currentColor}.shell-icon-home:before{left:4px;right:4px;bottom:4px;height:7px;border-radius:2px}.shell-icon-home:after{left:5px;right:5px;top:4px;height:9px;clip-path:polygon(50% 0,100% 65%,100% 100%,0 100%,0 65%)}.shell-icon-profile{border-radius:999px}.shell-icon-profile:before{width:7px;height:7px;top:3px;left:6px;border-radius:999px}.shell-icon-profile:after{left:4px;right:4px;bottom:3px;height:8px;border-radius:8px 8px 4px 4px}.shell-icon-explore{border-radius:999px}.shell-icon-explore:before{width:8px;height:1.5px;right:1px;bottom:3px;transform:rotate(45deg);transform-origin:right center}.shell-icon-explore:after{top:4px;right:4px;bottom:4px;left:4px;border:1.5px solid currentColor;border-radius:999px;background:transparent}.shell-icon-explore .shell-icon-core{width:5px;height:5px;top:7px;left:7px;border-radius:999px}.shell-icon-friends:before,.shell-icon-friends:after{width:6px;height:6px;top:4px;border-radius:999px}.shell-icon-friends:before{left:4px}.shell-icon-friends:after{right:4px}.shell-icon-friends .shell-icon-core{left:4px;right:4px;bottom:4px;height:7px;border-radius:8px 8px 4px 4px}.shell-icon-chat:before{left:4px;right:4px;top:4px;bottom:7px;border-radius:5px}.shell-icon-chat:after{left:7px;bottom:3px;width:7px;height:7px;clip-path:polygon(0 0,100% 0,0 100%)}.app-shell-utility-search input,.field input,.field textarea,.field select,.social-guestbook-form textarea,.social-profile-identity input,.social-profile-identity textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-surface-strong);color:var(--app-text)}.utility-card{overflow:hidden}.utility-card-head{padding:14px 16px 10px;border-bottom:1px solid var(--app-line)}.utility-card-head h2{margin:0;font-size:.95rem;letter-spacing:-.01em}.utility-card-body,.utility-card-stack,.app-page-shell,.search-panel,.user-card-grid,.app-settings-stack{display:grid;gap:12px}.utility-card-body{padding:14px 16px 16px}.utility-update-row,.utility-action-link,.utility-action-button,.utility-inline-profile{display:block;padding:11px 12px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-surface-strong);color:var(--app-text);text-decoration:none}.utility-update-entry{gap:6px;cursor:default}.utility-update-row:hover,.utility-action-link:hover,.utility-inline-profile:hover{background:var(--app-surface-muted);text-decoration:none}.utility-update-row strong,.utility-note-inline strong{display:block;margin-bottom:2px}.utility-update-row span,.utility-note-inline span,.utility-empty{color:var(--app-text-muted)}.utility-action-button{width:100%;text-align:left;font:inherit}.utility-note-inline{padding:10px 0 0;border-top:1px solid var(--app-line)}.section-panel,.section-panel-header,.section-panel-body,.user-card,.friend-card,.sidebar-widget{border-color:var(--app-line)}.section-panel-header,.social-section-head{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--app-line);background:var(--app-surface-strong)}.section-panel-body{padding:16px}.user-card,.friend-card{border-radius:12px;background:var(--app-surface)}.user-identity{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;color:inherit;min-width:0}.user-identity-copy{min-width:0;display:grid;gap:2px}.user-identity-copy strong,.user-identity-handle,.user-identity-status{display:block;min-width:0}.user-identity-copy strong{color:var(--app-text);line-height:1.2}.user-identity-handle,.user-identity-status,.user-card-meta{color:var(--app-text-muted)}.user-identity-status{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.user-card{padding:14px;color:var(--app-text)}.user-card-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.user-card-meta{margin:0}.explore-random-wrap{width:min(360px,100%)}.settings-inline-field{margin-top:10px}.app-account-menu{position:relative}.app-account-trigger,.primary-button,.secondary-button,.danger-button,.inline-button,.composer-post-button,.app-mobile-search-button{min-height:38px;border:1px solid var(--app-line-strong);border-radius:10px;box-shadow:none;text-transform:none}.primary-button,.composer-post-button{background:var(--app-accent);color:#fff}.secondary-button,.inline-button,.app-account-trigger,.app-mobile-search-button,.utility-action-button{background:var(--app-surface-strong);color:var(--app-text)}.danger-button{background:#fff6f8;color:var(--app-danger);border-color:color-mix(in srgb,var(--app-danger) 38%,var(--app-line))}.app-account-trigger{display:flex;align-items:center;gap:10px;padding:6px 10px}.app-account-identity{min-width:0}.app-account-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:220px;display:grid;padding:6px;border:1px solid var(--app-line-strong);border-radius:12px;background:var(--app-surface-strong)}.app-account-dropdown a,.app-account-dropdown button{min-height:38px;display:flex;align-items:center;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--app-text);font:inherit;text-align:left}.app-account-dropdown a:hover,.app-account-dropdown button:hover{background:var(--app-surface-muted);text-decoration:none}.app-account-sheet-overlay,.app-account-sheet-shell,.app-account-sheet,.app-account-sheet-handle,.app-account-sheet-actions,.mobile-bottom-nav{display:none}.mobile-bottom-nav-link{min-height:52px;display:grid;justify-items:center;align-content:center;gap:4px;color:var(--app-text-muted);font-size:11px;font-weight:700}.mobile-bottom-nav-link:hover,.mobile-bottom-nav-link.active{color:var(--app-text);text-decoration:none}.mobile-bottom-nav-icon{width:24px;height:24px;display:grid;place-items:center;border:1px solid currentColor;border-radius:7px;font-size:11px;line-height:1}.mobile-bottom-nav-icon svg{width:18px;height:18px}.app-mobile-search-row{display:none}.mobile-route-page{display:grid;gap:12px;padding:12px 0 0;width:100%;max-width:100%;overflow-x:clip}.mobile-section-card,.mobile-search-card,.compact-composer,.compact-empty-state,.inline-error{border:1px solid var(--app-line);border-radius:12px;background:var(--app-surface);width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.mobile-search-card,.compact-empty-state,.inline-error{padding:12px}.mobile-search-card input{width:100%;min-height:44px;padding:0 14px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-surface-strong)}.mobile-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 10px}.mobile-section-head h2,.mobile-note-form,.mobile-info-list{margin:0}.mobile-section-head h2{font-size:1rem;letter-spacing:-.02em}.mobile-section-head a,.mobile-section-head span{color:var(--app-accent);font-size:.85rem;font-weight:700}.mobile-row-stack,.mobile-feed-list,.mobile-horizontal-profiles{display:grid;gap:8px;padding:0 12px 12px}.mobile-horizontal-profiles{grid-auto-flow:column;grid-auto-columns:124px;align-items:stretch;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;scrollbar-width:none;box-sizing:border-box}.mobile-horizontal-profiles::-webkit-scrollbar{display:none}.compact-profile-tile{min-width:0;border:1px solid var(--app-line);border-radius:13px;background:var(--app-surface-strong)}.compact-profile-tile-link{min-height:156px;display:grid;align-content:start;gap:8px;padding:11px;color:inherit;text-decoration:none}.compact-profile-tile-avatar{width:50px;height:50px;border-radius:14px;overflow:hidden;display:inline-grid;place-items:center;background:var(--app-surface-muted);color:var(--app-accent);font-weight:800}.compact-profile-tile-avatar img{width:100%;height:100%;object-fit:cover}.compact-profile-tile-copy{display:grid;gap:3px;min-width:0}.compact-profile-tile-copy strong{font-size:.92rem;line-height:1.08}.compact-profile-tile-copy span,.compact-profile-tile-copy small{color:var(--app-text-muted);line-height:1.22;font-size:.84rem}.compact-profile-tile-copy small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.compact-profile-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:72px;padding:10px 0;border-bottom:1px solid var(--app-line)}.compact-profile-row:last-child,.mobile-note-row:last-child{border-bottom:0}.compact-profile-row-main{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;min-width:0;color:inherit;text-decoration:none}.compact-profile-avatar{width:44px;height:44px;border:1px solid var(--app-line);border-radius:12px;overflow:hidden;display:inline-grid;place-items:center;background:var(--app-surface-muted);color:var(--app-accent);font-weight:800}.compact-profile-avatar img{width:100%;height:100%;object-fit:cover}.compact-profile-copy{display:grid;gap:2px;min-width:0}.compact-profile-copy strong,.compact-profile-copy span,.compact-profile-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-profile-copy span,.compact-profile-copy small{color:var(--app-text-muted)}.compact-row-action,.compact-row-actions button{min-height:auto;padding:0;border:0;border-radius:0;background:transparent;color:var(--app-accent);font-size:.84rem;font-weight:700;text-decoration:none}.compact-row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.compact-empty-state strong,.inline-error span{display:block}.compact-empty-state p{margin:6px 0 0;color:var(--app-text-muted)}.inline-error{display:flex;justify-content:space-between;align-items:center;gap:10px;border-color:var(--mobile-danger-border, #e7b9c1);background:var(--mobile-danger-bg, #fff1f2);color:var(--app-danger)}.inline-error button{min-height:34px;padding:0 10px;border:1px solid currentColor;border-radius:10px;background:transparent;color:inherit;font-weight:700}.compact-composer{padding:12px}.compact-composer-prompt{width:100%;min-height:48px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;padding:0;border:0;background:transparent;color:var(--app-text-muted);text-align:left}.compact-composer-avatar{width:40px;height:40px;border:1px solid var(--app-line);border-radius:12px;overflow:hidden;display:inline-grid;place-items:center;background:var(--app-surface-muted)}.compact-composer-avatar img{width:100%;height:100%;object-fit:cover}.compact-composer-actions{display:flex;gap:8px;margin-top:10px}.compact-composer-actions button{min-height:38px;padding:0 12px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-surface-strong);color:var(--app-text);font-weight:700}.mobile-create-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;align-items:end;animation:mobile-drawer-fade-in .22s ease}.mobile-create-sheet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0e0c1157;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-create-sheet-card{position:relative;z-index:1;max-height:min(82dvh,760px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:24px 24px 0 0;background:var(--app-surface);box-shadow:0 -16px 40px #0e0c112e;animation:mobile-drawer-slide-up .22s ease}.mobile-create-sheet.is-closing{animation:mobile-drawer-fade-out .18s ease forwards}.mobile-create-sheet-card.is-closing{animation:mobile-drawer-slide-down .18s ease forwards}.mobile-create-sheet-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:18px 16px 14px;border-bottom:1px solid var(--app-line)}.mobile-create-sheet-head strong,.mobile-create-sheet-head button:last-child{justify-self:center}.mobile-create-sheet-handle{position:absolute;top:8px;left:50%;width:42px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--app-text-muted) 36%,#ffffff 64%);transform:translate(-50%)}.mobile-create-sheet-head button{border:0;background:transparent;color:var(--app-accent);font-weight:700}.mobile-create-sheet-body{display:grid;align-content:start;gap:12px;padding:14px 16px calc(18px + env(safe-area-inset-bottom));overflow-y:auto}.mobile-create-author{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center}.sheet-post-avatar{width:40px;height:40px;border-radius:12px;overflow:hidden;display:inline-grid;place-items:center}.sheet-post-avatar img{width:100%;height:100%;object-fit:cover}.mobile-create-author div{display:grid;gap:2px}.mobile-create-author span,.mobile-create-sheet-body small{color:var(--app-text-muted)}.mobile-create-sheet-body textarea,.mobile-create-select select,.mobile-note-form textarea{width:100%;border:1px solid var(--app-line);border-radius:12px;background:var(--app-surface-strong)}.mobile-create-sheet-body textarea{min-height:120px;padding:14px;resize:none}.mobile-create-preview img{width:100%;aspect-ratio:16 / 10;border-radius:12px;object-fit:cover}.mobile-create-actions{display:grid;gap:8px}.mobile-create-actions button,.mobile-create-select select{min-height:44px;padding:0 14px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-surface-strong);color:var(--app-text);text-align:left;font-weight:700}.mobile-note-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid var(--app-line)}.mobile-note-row p,.mobile-profile-copy p{margin:0}.mobile-note-row time{color:var(--app-text-muted);font-size:.8rem}.mobile-note-form,.mobile-info-list{display:grid;gap:10px;padding:0 12px 12px}.mobile-note-form textarea{min-height:96px;padding:12px 14px}@keyframes mobile-drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mobile-drawer-fade-out{0%{opacity:1}to{opacity:0}}@keyframes mobile-drawer-slide-up{0%{transform:translateY(28px)}to{transform:translateY(0)}}@keyframes mobile-drawer-slide-down{0%{transform:translateY(0)}to{transform:translateY(32px)}}.mobile-info-list div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--app-line)}.mobile-profile-header{overflow:hidden;border:1px solid var(--app-line);border-radius:0 0 12px 12px;background:var(--app-surface)}.mobile-profile-cover img,.mobile-profile-cover .social-profile-cover-fallback{width:100%;aspect-ratio:16 / 9;object-fit:cover}.mobile-profile-summary{position:relative;padding:54px 16px 16px}.mobile-profile-avatar-wrap{position:absolute;left:16px;top:0;transform:translateY(-50%)}.mobile-profile-copy{display:grid;gap:6px}.mobile-profile-copy h1{margin:0;font-size:1.9rem;letter-spacing:-.04em}.mobile-profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.mobile-tabs-card{padding:2px 0 0}.profile-mobile-tabs{width:100%;display:flex;justify-content:center;gap:28px;padding:0 4px 4px;border-bottom:1px solid var(--app-line)}.profile-mobile-tabs .app-tab{min-height:36px;padding:0 0 10px;border:0;border-radius:0;background:transparent;color:var(--app-text-muted);font-size:.95rem;font-weight:700}.profile-mobile-tabs .app-tab.is-active{color:var(--app-text);box-shadow:inset 0 -2px 0 var(--app-accent)}.friends-tabs.mobile-segmented-tabs{width:100%;display:flex;justify-content:center;gap:34px;padding:2px 12px 6px;border-bottom:1px solid var(--app-line)}.friends-tabs.mobile-segmented-tabs .app-tab{min-height:36px;padding:0 2px 10px;border:0;border-radius:0;background:transparent;color:var(--app-text-muted);font-size:.96rem;font-weight:800}.friends-tabs.mobile-segmented-tabs .app-tab.is-active{color:var(--app-text);box-shadow:inset 0 -2px 0 var(--app-accent)}@media (max-width: 1239px){.app-auth-grid{grid-template-columns:220px minmax(0,1fr) 280px}}@media (max-width: 1024px){.app-auth-shell-inner,.page-wrap{width:calc(100% - 24px)}.app-auth-grid{grid-template-columns:200px minmax(0,1fr) 240px;gap:16px}}@media (max-width: 767px){html,body,#root{min-height:100dvh}.app-auth-shell{min-height:100dvh;padding-bottom:var(--mobile-bottom-nav-height)}.app-auth-shell-inner,.page-wrap{width:100%;margin:0;padding:0 0 calc(var(--mobile-bottom-nav-height) + 10px)}.app-mobile-header{position:sticky;top:0;z-index:50;display:block;margin:0;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.app-mobile-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:var(--mobile-shell-height);padding:calc(8px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left))}.app-mobile-header-logo{width:96px}.app-mobile-header-title{font-size:1.7rem;letter-spacing:-.04em}.app-mobile-header-actions{display:flex;align-items:center;gap:8px}.app-mobile-icon-button{width:44px;min-width:44px;padding:0;font-size:1.2rem}.app-mobile-search-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px}.app-mobile-search-row{padding:0 max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left))}.app-mobile-search-row.is-open{display:block}.app-mobile-search-row input{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-surface-strong)}.app-account-trigger{min-height:auto;min-width:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.app-account-trigger .user-identity-copy{display:none}.app-account-trigger .user-identity-avatar{width:38px;height:38px;border:0;box-shadow:none;background:transparent;border-radius:14px}.app-account-sheet-overlay,.app-account-sheet-shell,.app-account-sheet,.app-account-sheet-handle,.app-account-sheet-actions{display:block}.app-account-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:79;border:0;background:#100c0b57;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:account-sheet-overlay-in .22s ease}.app-account-sheet-shell{position:fixed;right:0;bottom:0;left:0;z-index:80;padding:0 max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));pointer-events:none}.app-account-sheet{width:100%;max-width:100%;display:grid;gap:10px;padding:8px 0 10px;border:1px solid color-mix(in srgb,var(--app-line) 92%,#ffffff 8%);border-radius:24px 24px 0 0;background:#fffdfafa;box-shadow:0 -18px 36px #100c0b24;transform:translateY(0);transition:transform .22s ease;pointer-events:auto;animation:account-sheet-in .22s ease}.app-account-sheet-handle{width:100%;display:grid;place-items:center;padding:4px 0 2px;border:0;background:transparent}.app-account-sheet-handle span{width:42px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--app-text-muted) 42%,#ffffff 58%)}.app-account-sheet-actions{display:grid;padding:0 8px}.app-account-sheet-actions a,.app-account-sheet-actions button{min-height:56px;display:flex;align-items:center;width:100%;padding:0 16px;border:0;background:transparent;color:var(--app-text);font:inherit;font-size:1rem;font-weight:700;text-align:left;text-decoration:none}.app-account-sheet-actions a:hover,.app-account-sheet-actions button:hover,.app-account-sheet-actions a:focus-visible,.app-account-sheet-actions button:focus-visible{background:var(--app-surface-muted);outline:none}.app-account-sheet-actions button,.app-account-sheet-actions a{border-radius:16px}.app-auth-grid{display:block}.app-shell-left-column,.app-shell-right-column{display:none}.app-auth-main,.app-page-shell{padding:0 16px}.mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:60;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right));border-right:0;border-bottom:0;border-left:0;border-radius:0;background:#fffdfafa}.mobile-bottom-nav-link{min-height:58px;gap:2px;font-size:10px}.mobile-bottom-nav-link:nth-child(3) .mobile-bottom-nav-icon{width:34px;height:34px;border-radius:999px;background:var(--app-accent);color:#fff;border-color:var(--app-accent)}.mobile-bottom-nav-link.active{color:var(--app-accent)}@keyframes account-sheet-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes account-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}