@import url('/assets/zionflow.css');
:root{color-scheme:light}body{margin:0;background:#f2f5f8;color:var(--ink)}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ac832b;outline-offset:4px}[hidden]{display:none!important}.layout{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.rail{position:sticky;top:0;height:100dvh;background:var(--navy);color:#e7ecf3;padding:32px 24px;display:flex;flex-direction:column;box-sizing:border-box}.brand{text-decoration:none;font-size:26px;font-weight:750;letter-spacing:-1px}.brand span{color:var(--gold)}.edition{font-size:12px;letter-spacing:2px;text-transform:uppercase;margin:12px 0 44px;color:#c7b88b}.rail nav{display:grid;gap:8px}.nav-button{border:0;text-align:left;background:none;color:#aebbd0;padding:14px;border-radius:10px;font-size:15px}.nav-button[aria-current=page],.nav-button:hover{background:#ffffff0d;color:#fff}.nav-button[aria-current=page]{box-shadow:inset 3px 0 var(--gold)}.rail-footer{margin-top:auto;border-top:1px solid #ffffff1a;padding-top:24px;font-size:14px;line-height:1.7;color:#aebbd0}.rail-footer a{display:block;color:#e8d292;margin-top:10px}.main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 40px;background:#fff;border-bottom:1px solid var(--line)}.crumb{font-size:14px;color:var(--muted)}.top-actions{display:flex;gap:10px;align-items:center}.workspace{max-width:1320px;margin:auto;padding:40px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#806322;font-weight:700}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px;margin:10px 0}h2{font-size:21px;letter-spacing:-.5px;margin:0 0 12px}h3{font-size:17px;margin:0 0 10px}p{line-height:1.7}.muted{color:var(--muted)}.page-head p{margin:0;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px 18px;background:#fff;color:var(--ink);font-size:14px;font-weight:650;text-decoration:none;min-height:44px;box-sizing:border-box}.button.gold{background:var(--gold);border-color:var(--gold);color:#10213b}.button.dark{background:var(--navy);color:#fff;border-color:var(--navy)}.button.quiet{background:transparent}.status{font-size:13px;display:inline-block;border:1px solid var(--line);padding:7px 12px;border-radius:99px;background:#fff}.overview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:28px;box-shadow:0 7px 24px #10213b04}.score-card{background:linear-gradient(135deg,#102944,#081a30);color:#fff;min-height:248px;position:relative;overflow:hidden}.score-card .muted{color:#b9c5d7}.score-card .eyebrow{color:#e4ca87}.score-inner{display:flex;align-items:center;gap:36px;margin-top:22px}.score-dial{--score:0;width:160px;aspect-ratio:1;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--score)*1%),#ffffff15 0);display:grid;place-items:center;box-shadow:0 0 0 12px #ffffff03}.score-dial>div{width:138px;height:138px;border-radius:50%;background:#10243d;display:flex;align-items:center;justify-content:center;flex-direction:column}.score-dial strong{font-family:Georgia,serif;font-size:48px;font-weight:400}.score-dial small{color:#b9c5d7;font-size:14px}.score-card h2{font-family:Georgia,serif;font-size:28px;font-weight:400}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.metric{padding:22px 24px}.metric strong{display:block;font-family:Georgia,serif;font-size:32px;font-weight:400;margin:10px 0}.metric span,.metric small{font-size:14px;color:var(--muted)}.section-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.task-list{display:grid;gap:0}.task{display:flex;align-items:flex-start;gap:14px;padding:19px 0;border-bottom:1px solid var(--line)}.task:last-child{border:0}.task input{width:20px;height:20px;accent-color:#967021;flex-shrink:0;margin-top:3px}.task label{cursor:pointer;line-height:1.5;font-size:15px}.task small{display:block;color:var(--muted);margin-top:6px;font-size:13px}.task input:checked+label{text-decoration:line-through;color:var(--muted)}.area{margin:20px 0}.area-label{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:9px}.track{height:5px;background:#e9edf2;border-radius:9px;overflow:hidden}.track>span{display:block;height:100%;background:#b89343;border-radius:9px}.empty{padding:22px 0;color:var(--muted);line-height:1.7}.assistant-teaser{display:flex;flex-direction:column}.assistant-teaser .button{margin-top:auto;align-self:start}.assistant-mark{width:42px;height:42px;background:#f5efdF;color:#806322;border-radius:12px;display:grid;place-items:center;font-size:24px;margin-bottom:18px}.assistant-layout{max-width:900px;margin:auto}.conversation{min-height:280px;max-height:60vh;overflow-y:auto;display:grid;align-content:start;gap:18px;padding:8px 0 24px}.message{border-radius:14px;padding:18px 22px;white-space:pre-wrap;line-height:1.75;font-size:16px;background:#fff;border:1px solid var(--line)}.message.user{background:#e8edf3;margin-left:12%;border:0}.message.assistant{margin-right:7%}.composer{display:flex;gap:12px;background:#fff;padding:14px;border:1px solid var(--line);border-radius:14px}.composer textarea{resize:vertical;width:100%;border:0;min-height:54px;outline-offset:0;padding:8px;background:transparent}.suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.suggestions button{font-size:13px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:grid;gap:8px;margin:18px 0;font-size:14px;font-weight:600}.field input,.field textarea{padding:13px;border:1px solid #cbd3dd;border-radius:8px;width:100%;box-sizing:border-box;font-size:16px}.field textarea{min-height:100px}.notice{padding:15px 18px;background:#fff7e2;border:1px solid #e6d4a0;border-radius:10px;line-height:1.6;font-size:14px;margin:18px 0}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{padding:60px;background:linear-gradient(135deg,#102b49,#07172c);color:#fff;display:flex;flex-direction:column}.auth-brand h1{font-size:clamp(40px,5vw,68px);max-width:540px;line-height:1.1;margin:auto 0 24px}.auth-brand p{color:#b7c4d8;max-width:460px}.auth-brand small{margin-top:auto;padding-top:60px;color:#c5b480}.auth-content{display:grid;place-items:center;padding:40px}.auth-card{width:min(100%,420px)}.auth-card h1{font-size:36px}.auth-card .button{width:100%}.auth-links{display:flex;justify-content:space-between;gap:16px;margin:20px 0;font-size:14px}.auth-links button{border:0;background:transparent;text-decoration:underline;color:var(--muted)}.qr{max-width:220px;display:block;margin:16px auto}.mobile-menu{display:none}.service-list{display:grid;gap:12px}.service-list a{display:flex;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none}.service-list a:hover{color:#806322}.app-footer{margin-top:32px;display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted)}@media(max-width:1050px){.layout{grid-template-columns:200px 1fr}.rail{padding:28px 16px}.workspace{padding:28px}.overview-grid,.section-grid{grid-template-columns:1fr}.score-inner{gap:26px}.settings-grid{grid-template-columns:1fr}}@media(max-width:700px){.layout{display:block}.rail{position:fixed;z-index:5;left:0;top:0;width:260px;transform:translateX(-100%);transition:transform .2s}.rail.open{transform:translateX(0);box-shadow:0 0 0 100vw #081a3060}.topbar{padding:16px 20px;position:sticky;top:0;z-index:2}.mobile-menu{display:inline-flex}.workspace{padding:24px 18px}.page-head{align-items:start}.page-head>.status{display:none}.card{padding:22px}.metric-row{gap:10px}.metric{padding:16px 12px}.metric strong{font-size:27px}.metric span,.metric small{font-size:12px}.score-inner{gap:20px}.score-dial{width:128px}.score-dial>div{width:110px;height:110px}.score-dial strong{font-size:40px}.auth-shell{display:block}.auth-brand{padding:28px}.auth-brand h1{font-size:36px;margin:34px 0 8px}.auth-brand small{display:none}.auth-content{padding:32px 24px}.composer{flex-direction:column}.app-footer{flex-direction:column}.crumb{display:none}.top-actions{margin-left:auto}.score-card h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.support-link{text-decoration:none;display:block}

/* Ambient artwork must never participate in card layout. */
#app .depth-card>.zion-depth{position:absolute;inset:0;z-index:0;opacity:.24;width:100%;height:100%}
#app .score-card{min-height:0}#app .depth-card{transform:none}
.message.assistant{white-space:normal}.message.assistant p{margin:0 0 14px}.message.assistant p:last-child{margin-bottom:0}.message.assistant h3{font-size:18px;margin:20px 0 10px}.message.assistant h3:first-child{margin-top:0}.message.assistant ul,.message.assistant ol{padding-left:24px;margin:10px 0 18px}.message.assistant li{margin:7px 0}.message.assistant hr{border:0;border-top:1px solid var(--line);margin:20px 0}.message.assistant code{font-family:monospace;background:#f2f5f8;padding:2px 4px;border-radius:4px}.mobile-tabs{display:none}
@media(max-width:700px){.mobile-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:6;background:#fff;border-top:1px solid var(--line);padding:8px 4px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #10213b08}.mobile-tabs button,.mobile-tabs a{display:flex;align-items:center;justify-content:center;padding:10px 3px;min-height:44px;font-size:11px;text-align:center;text-decoration:none;color:var(--ink);border-radius:8px}.mobile-tabs [aria-current=page]{background:#f5efdf;color:#725416;box-shadow:inset 0 2px var(--gold)}.workspace{padding-bottom:100px}.auth-brand{padding:24px}.auth-brand h1{font-size:28px;margin:20px 0 8px}.auth-brand p{margin:0}.score-inner{flex-wrap:wrap}.message.assistant{margin-right:0;padding:18px}.topbar{padding:12px 18px}}

.brand{display:inline-flex;align-items:center;gap:8px}.brand-mark{border-radius:10px;flex-shrink:0;object-fit:contain}
