:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--atlas-bg: #f7f1e8;--atlas-surface: #fffaf2;--atlas-surface-strong: #ffffff;--atlas-ink: #26211c;--atlas-muted: #746b61;--atlas-line: #e4d8c9;--atlas-orange: #d97757;--atlas-orange-strong: #b95f45;--atlas-sage: #607764;--atlas-blue: #536d82;--atlas-gold: #ae7f3e;--atlas-plum: #806076;--atlas-shadow: 0 18px 50px rgb(71 49 32 / 12%);--tabbar-height: 66px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--atlas-bg);color:var(--atlas-ink);-webkit-font-smoothing:antialiased}button,input{font:inherit}h1,h2{margin:0;letter-spacing:-.01em}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;gap:12px}.brand-centered{justify-content:center}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:10px;background:var(--atlas-orange);color:#fff;font-weight:800;font-size:18px}.brand-mark svg{width:27px;height:27px;fill:none;stroke:#fffaf2;stroke-width:5.2;stroke-linecap:round;stroke-linejoin:round}.brand-text strong{display:block;font-size:18px;line-height:1.1}.brand-text span{display:block;margin-top:2px;color:var(--atlas-muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.auth-shell{display:grid;min-height:100vh;padding:24px;place-items:center}.checking-panel{display:grid;gap:18px;justify-items:center;color:var(--atlas-muted);font-size:14px}.login-card{display:grid;gap:26px;width:min(400px,100%);padding:40px 32px;border:1px solid var(--atlas-line);border-radius:16px;background:var(--atlas-surface);box-shadow:var(--atlas-shadow)}.login-intro{display:grid;gap:8px;text-align:center}.login-intro h1{font-size:30px}.login-intro p{margin:0;color:var(--atlas-muted);font-size:14px}.login-form{display:grid;gap:18px}.field{display:grid;gap:8px}.field>span{color:var(--atlas-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.input-frame{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:0 14px;border:1px solid var(--atlas-line);border-radius:10px;background:var(--atlas-surface-strong);transition:border-color .16s ease,box-shadow .16s ease}.input-frame:focus-within{border-color:#d97757a8;box-shadow:0 0 0 3px #d9775724}.input-frame svg{color:var(--atlas-orange-strong)}.input-frame input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--atlas-ink)}.input-frame input::placeholder{color:#746b619e}.icon-action{display:inline-grid;width:40px;height:40px;place-items:center;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--atlas-muted);cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.icon-action:hover{border-color:var(--atlas-line);background:var(--atlas-surface-strong);color:var(--atlas-ink)}.icon-action:disabled{cursor:wait;opacity:.6}.form-error{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgb(185 95 69 / 26%);border-radius:10px;background:#d9775717;color:var(--atlas-orange-strong)}.form-error svg{flex:0 0 auto}.form-error span{min-width:0;overflow-wrap:anywhere;font-size:14px;font-weight:600}.login-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;border:0;border-radius:10px;background:var(--atlas-ink);color:#fff;cursor:pointer;transition:opacity .16s ease,transform .16s ease}.login-button:hover:not(:disabled){transform:translateY(-1px)}.login-button:disabled{cursor:wait;opacity:.7}.login-foot{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--atlas-muted);font-size:12px;letter-spacing:.04em}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:32px;min-height:100vh;padding:28px 20px;border-right:1px solid var(--atlas-line);background:var(--atlas-surface)}.nav-list{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--atlas-muted);cursor:pointer;text-align:left;transition:background .16s ease,color .16s ease,border-color .16s ease}.nav-item:hover{background:color-mix(in srgb,var(--channel-color, var(--atlas-orange)) 8%,white);color:var(--atlas-ink)}.nav-item.is-active{border-color:color-mix(in srgb,var(--channel-color, var(--atlas-orange)) 28%,white);background:color-mix(in srgb,var(--channel-color, var(--atlas-orange)) 12%,white);color:var(--atlas-ink)}.nav-item svg{flex:0 0 auto;color:var(--channel-color, var(--atlas-orange))}.nav-item span{min-width:0;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.section-label{display:flex;align-items:center;gap:7px;color:var(--atlas-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.section-label svg{color:var(--atlas-orange-strong)}.profile-account-list{display:grid;gap:6px}.profile-account-row{display:grid;align-items:center;width:100%;border:1px solid transparent;background:transparent;color:var(--atlas-muted);cursor:pointer;text-align:left;transition:background .16s ease,border-color .16s ease,color .16s ease}.profile-account-row>span{display:grid;place-items:center;border-radius:9px;background:#d977571f;color:var(--atlas-orange-strong);font-weight:800}.profile-account-row strong{min-width:0;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.profile-account-row svg{color:var(--atlas-orange-strong)}.account-menu-wrap{margin-top:auto;position:relative}.account-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main menu" "switch switch";align-items:center;gap:8px;width:100%;padding:10px;border:1px solid var(--atlas-line);border-radius:14px;background:linear-gradient(135deg,#ffffffb3,#fffaf2f0),var(--atlas-surface-strong);box-shadow:0 12px 28px #47312014;color:var(--atlas-ink);text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.account-card:hover{border-color:#d9775757;box-shadow:0 16px 34px #4731201f;transform:translateY(-1px)}.account-main-button{grid-area:main;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;min-height:52px;padding:2px;border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer;text-align:left}.account-main-button:hover{background:#ffffff75}.account-avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--atlas-orange);color:#fff;font-size:18px;font-weight:800;box-shadow:0 10px 22px #d977573d}.account-meta{display:block;min-width:0}.account-meta .account-role{display:block;color:var(--atlas-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.account-meta strong{display:block;margin-top:6px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-meta em{display:block;margin-top:4px;color:var(--atlas-muted);font-size:12px;font-style:normal;overflow-wrap:anywhere}.account-switch-button,.account-menu-button{display:inline-grid;place-items:center;border:1px solid var(--atlas-line);border-radius:10px;background:#ffffff7a;color:var(--atlas-muted);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.account-switch-button{grid-area:switch;grid-auto-flow:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:32px;padding:0 10px;border-style:dashed;background:#d9775712;color:var(--atlas-orange-strong);font-size:12px;font-weight:700;white-space:nowrap}.account-menu-button{grid-area:menu;width:34px;height:34px;align-self:center}.account-switch-button:hover,.account-menu-button:hover{border-color:#d977574d;background:#d9775717;color:var(--atlas-ink)}.account-menu-button svg{color:var(--atlas-muted);transition:transform .16s ease,color .16s ease}.account-menu-button svg.is-open{color:var(--atlas-orange-strong);transform:rotate(180deg)}.account-popover{position:absolute;right:0;bottom:calc(100% + 10px);left:0;display:grid;gap:6px;padding:8px;border:1px solid var(--atlas-line);border-radius:14px;background:#fffaf2f5;box-shadow:0 18px 46px #47312029;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.account-popover.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.account-popover button{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--atlas-muted);cursor:pointer;text-align:left}.account-popover button:hover{background:#ffffffa3;color:var(--atlas-ink)}.account-popover button:disabled{cursor:wait;opacity:.7}.mobile-account-menu{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;padding:24px;place-items:center;background:#26211c38;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-panel{display:grid;gap:20px;width:min(520px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;padding:22px;border:1px solid var(--atlas-line);border-radius:18px;background:var(--atlas-surface);box-shadow:0 26px 70px #47312038}.switch-panel{width:min(420px,100%)}.profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.profile-head span,.profile-current span{color:var(--atlas-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.profile-head h2{margin-top:4px;font-size:24px}.profile-current{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:16px;border:1px solid var(--atlas-line);border-radius:16px;background:linear-gradient(135deg,#ffffffad,#fffaf2eb),var(--atlas-surface-strong)}.profile-current strong{display:block;margin-top:5px;overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.profile-current em{display:block;margin-top:4px;color:var(--atlas-muted);font-size:13px;font-style:normal}.profile-section,.mount-form{display:grid;gap:12px}.profile-account-row{grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;min-height:48px;padding:0 12px;border-radius:12px}.profile-account-row:hover,.profile-account-row.is-active{border-color:#d977573d;background:#ffffff8f;color:var(--atlas-ink)}.profile-account-row>span{width:32px;height:32px;font-size:14px}.profile-account-row em{color:var(--atlas-muted);font-size:12px;font-style:normal;white-space:nowrap}.workspace{display:flex;flex-direction:column;gap:24px;padding:28px 32px}.channel-view{display:grid;justify-items:center;align-content:center;gap:14px;flex:1;min-height:62vh;padding:48px 24px;border:1px solid var(--atlas-line);border-radius:18px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--channel-color, var(--atlas-orange)) 9%,transparent),transparent 62%),var(--atlas-surface);text-align:center}.channel-emblem{display:grid;width:68px;height:68px;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--channel-color, var(--atlas-orange)) 14%,white);color:var(--channel-color, var(--atlas-orange))}.channel-eyebrow{color:var(--atlas-muted);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.channel-view h2{font-size:26px}.channel-summary{max-width:360px;margin:0;color:var(--atlas-muted);font-size:15px;line-height:1.5}.ledger-card{display:grid;gap:5px;min-width:min(320px,100%);max-width:420px;margin-top:4px;padding:14px 16px;border:1px solid var(--atlas-line);border-radius:14px;background:#ffffff7a}.ledger-card span{color:var(--atlas-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ledger-card strong{font-size:18px}.ledger-card em{color:var(--atlas-muted);font-size:11px;font-style:normal;overflow-wrap:anywhere}.dev-badge{margin-top:4px;padding:7px 16px;border-radius:999px;background:color-mix(in srgb,var(--channel-color, var(--atlas-orange)) 14%,white);color:color-mix(in srgb,var(--channel-color, var(--atlas-orange)) 78%,black);font-size:13px;font-weight:700;letter-spacing:.08em}.permission-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--atlas-line);border-radius:999px;color:var(--atlas-muted);font-size:12px;letter-spacing:.04em}.no-access .channel-emblem{background:#ffffffb3;color:var(--atlas-muted)}.tabbar{display:none}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.workspace{padding:22px 18px calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px) + 22px)}.mobile-account-menu{position:fixed;bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px) + 12px);left:14px;z-index:30;display:block;margin:0}.mobile-account-menu .account-card{grid-template-columns:1fr;grid-template-areas:"main";gap:0;width:56px;height:56px;padding:7px;border-radius:18px}.mobile-account-menu .account-main-button{grid-template-columns:1fr;width:100%;min-height:0;height:100%;padding:0;place-items:center}.mobile-account-menu .account-avatar{width:40px;height:40px;border-radius:13px}.mobile-account-menu .account-meta,.mobile-account-menu .account-switch-button,.mobile-account-menu .account-menu-button{display:none}.mobile-account-menu .account-popover{right:auto;left:0;width:188px}.channel-view{min-height:56vh;padding:40px 20px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--atlas-line);background:#fffaf2eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:var(--atlas-muted);cursor:pointer;transition:color .16s ease}.tab-item svg{color:currentColor}.tab-item span{font-size:11px;letter-spacing:.02em}.tab-item.is-active{color:var(--channel-color, var(--atlas-orange))}}@media(max-width:420px){.login-card{padding:32px 22px}.modal-backdrop{padding:14px;align-items:end}.profile-panel{max-height:calc(100vh - 28px);padding:18px;border-radius:18px 18px 14px 14px}.profile-account-row{grid-template-columns:auto minmax(0,1fr) auto}.profile-account-row em{display:none}.tab-item span{font-size:10px}}