:root{color-scheme:dark;--bg: #080d0d;--bg-deep: #030505;--panel: rgba(9, 22, 23, .84);--panel-strong: rgba(12, 27, 29, .94);--panel-soft: rgba(19, 41, 39, .56);--line: rgba(124, 198, 174, .16);--line-strong: rgba(124, 226, 184, .33);--text: #edf4ef;--muted: #9aa9a4;--faint: #67736f;--accent: #64f4a6;--accent-strong: #31d98e;--cyan: #62d5c4;--amber: #e3aa48;--danger: #ff685f;--shadow: 0 24px 90px rgba(0, 0, 0, .48);--radius: 8px;--display: "Georgia", "Times New Roman", serif;--mono: "Cascadia Mono", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--sans: Inter, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;overflow-x:hidden}body{margin:0;background:linear-gradient(#030808b3,#030808e0),radial-gradient(ellipse at 74% 0%,rgba(142,92,38,.22),transparent 34rem),radial-gradient(ellipse at 36% 22%,rgba(54,108,88,.19),transparent 32rem),linear-gradient(135deg,#080b0a,#111515 45%,#050707);color:var(--text);font-family:var(--sans);letter-spacing:0}body:before{position:fixed;inset:0;z-index:-2;background:linear-gradient(112deg,transparent 0 12%,rgba(255,230,175,.09) 12.2% 12.6%,transparent 12.8% 100%),linear-gradient(25deg,transparent 0 58%,rgba(255,230,175,.05) 58.2% 58.8%,transparent 59% 100%),linear-gradient(rgba(118,166,151,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(118,166,151,.02) 1px,transparent 1px);background-size:100% 100%,100% 100%,28px 28px,28px 28px;content:"";-webkit-mask-image:linear-gradient(to bottom,black,transparent 95%);mask-image:linear-gradient(to bottom,black,transparent 95%)}body:after{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.02) 50%,transparent 50%) 0 0 / 100% 4px,radial-gradient(circle at 50% -10%,transparent 0,rgba(0,0,0,.42) 80%);content:""}button,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{display:grid;width:100%;min-height:100vh;grid-template-columns:clamp(210px,14vw,228px) minmax(0,1fr) clamp(300px,24vw,390px);overflow-x:hidden}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:12px;overflow-x:hidden;overflow-y:auto;border-right:1px solid var(--line);background:linear-gradient(180deg,#0f1718f5,#040b0cf5),#061011;box-shadow:var(--shadow);padding:28px 14px 16px;min-width:0;scrollbar-gutter:stable}.brand{display:grid;justify-items:center;gap:6px;margin-bottom:16px;text-align:center}.brand strong{display:block;font-family:var(--display);font-size:30px;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.18),0 0 26px rgba(255,255,255,.12)}.brand small,.sidebar small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.brand-emblem{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(227,170,72,.55);clip-path:polygon(50% 0,94% 28%,82% 86%,50% 100%,18% 86%,6% 28%);color:#e5c47a;font-family:var(--display);font-size:16px;font-weight:900;text-shadow:0 0 16px rgba(227,170,72,.32)}.section-label,.panel-kicker{margin:0 0 10px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.quest-stack{display:grid;gap:8px}.project-library-nav{display:grid;gap:9px;padding-top:10px;border-top:1px solid var(--line)}.project-library-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-library-head .section-label{margin:0}.project-library-head button,.back-to-projects{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;border:1px solid var(--line);border-radius:6px;background:#0a181994;color:var(--muted);cursor:pointer;padding:0 9px;font-size:11px}.project-library-head button:hover,.back-to-projects:hover{border-color:var(--line-strong);color:var(--accent)}.active-project-block{display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.active-project-block .section-label{margin:0}.back-to-projects{width:100%}.quest-card,.project-link,.nav-list button,.nav-list a,.quick-panel button,.header-actions button,.header-actions a,.sidebar-footer button,.sidebar-footer a,.button-row button,.export-button,.scan-button,.wide{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:#0a181994;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.quest-card:hover,.project-link:hover,.nav-list button:hover,.nav-list a:hover,.quick-panel button:hover,.header-actions button:hover,.header-actions a:hover,.button-row button:hover,.export-button:hover,.scan-button:hover{border-color:var(--line-strong);background:#15302bc2;box-shadow:inset 3px 0 #64f4a680,0 0 22px #64f4a614;transform:translateY(-1px)}.project-link{position:relative;gap:12px;width:100%;min-height:52px;margin:2px 0 5px;padding:9px 11px;text-align:left}.project-link.active{border-color:#64f4a659;color:var(--accent)}.project-link span{display:block}.project-link strong{display:block;color:var(--text);font-size:13px}.project-link i{position:absolute;top:15px;right:11px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.quest-card{position:relative;gap:10px;width:100%;min-height:64px;padding:8px;text-align:left}.quest-card.active{border-color:#69f6aa61;background:linear-gradient(90deg,#69f6aa21,#0c1e1fc2)}.quest-card strong{display:block;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.quest-card em{display:inline-block;max-width:100%;overflow:hidden;margin-top:5px;color:var(--accent);font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.quest-card i{position:absolute;top:14px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}.quest-thumb{display:grid;width:50px;height:50px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:6px;background:linear-gradient(135deg,rgba(105,246,170,.18),transparent),linear-gradient(45deg,#0c1919,#27302d);color:#c9fff0;font-family:var(--mono);font-weight:800}.quest-thumb b{position:relative;z-index:1}.quest-thumb.protocol-19{background:linear-gradient(#050c0d38,#050c0db8),radial-gradient(circle at 52% 20%,rgba(100,244,166,.58),transparent 18px),linear-gradient(135deg,#0f2829,#151a19 58%,#050707)}.quest-thumb.shadows-lviv{background:linear-gradient(#050c0d33,#050c0db8),radial-gradient(circle at 70% 22%,rgba(227,170,72,.46),transparent 18px),linear-gradient(135deg,#25201a,#0a1518)}.quest-thumb.last-lighthouse{background:linear-gradient(#050c0d2e,#050c0dc2),radial-gradient(circle at 46% 18%,rgba(98,213,196,.48),transparent 16px),linear-gradient(135deg,#26302b,#101514 62%,#050707)}.quest-thumb.dawn-code{background:linear-gradient(#050c0d38,#050c0db8),radial-gradient(circle at 48% 24%,rgba(120,150,255,.42),transparent 18px),linear-gradient(135deg,#161f2b,#101818)}.nav-list{display:grid;gap:4px;padding-top:11px;border-top:1px solid var(--line)}.primary-nav{padding-top:12px}.project-tree{position:relative;padding-top:12px;padding-bottom:8px;border-bottom:1px solid rgba(124,198,174,.1)}.nav-list button,.nav-list a{gap:11px;width:100%;min-height:40px;border-color:transparent;background:transparent;padding:8px 10px;color:#c8d6d2;text-align:left;font-size:13px}.nav-list button:hover,.nav-list a:hover{border-color:#7cc6ae24;background:#15302b57;box-shadow:inset 2px 0 #64f4a647;transform:none}.nav-list button.active,.nav-list a.active{border-color:#64f4a666;background:linear-gradient(90deg,#64f4a62e,#122a2994);color:var(--accent);box-shadow:inset 3px 0 #64f4a6d1}.nav-list span{display:block;min-width:0}.nav-list svg{flex:0 0 auto;opacity:.92}.nav-list button small,.nav-list a small{color:var(--faint);font-size:10px}.nav-group{position:relative}.nav-group>.active{border-color:#64f4a652;color:var(--accent)}.nav-children{display:grid;gap:3px;margin:3px 0 2px 22px;padding:2px 0 2px 15px;border-left:1px solid rgba(124,198,174,.2)}.nav-children button,.nav-children a{position:relative;min-height:31px;border-color:transparent;background:transparent;color:var(--muted);padding:6px 9px;font-size:12px}.nav-children button:before,.nav-children a:before{position:absolute;top:50%;left:-15px;width:10px;height:1px;background:#7cc6ae2e;content:""}.nav-children button.active,.nav-children a.active{border-color:#64f4a657;background:#64f4a61a;color:var(--accent);box-shadow:inset 2px 0 #64f4a6d6}.nav-children button i,.nav-children a i{width:5px;height:5px;margin-left:auto;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.sidebar-footer{display:grid;gap:10px;margin-top:auto}.sidebar-footer label{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:var(--radius);padding:9px 11px;color:var(--muted);font-size:12px}.sidebar-footer select{border:0;background:transparent;color:var(--text)}.sidebar-footer button,.sidebar-footer a{gap:10px;justify-content:flex-start;min-height:42px;padding:9px 11px;font-size:13px}.author-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius);padding:8px 9px;background:#0a1718b8;font-size:13px}.avatar{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line-strong);border-radius:7px;background:#69f6aa1f;color:var(--accent);font-family:var(--mono);font-weight:800}.workspace{overflow:auto;min-width:0;max-height:100vh;padding:clamp(18px,1.6vw,28px) clamp(14px,1.4vw,24px) 22px}.screen-grid{display:grid;min-width:0;gap:14px}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.screen-header{display:flex;align-items:center;justify-content:space-between;grid-column:1 / -1;gap:18px}.screen-header h1{display:inline-flex;align-items:center;gap:12px;margin:0;font-size:clamp(32px,2.75vw,40px);font-weight:900;line-height:1;text-shadow:0 0 34px rgba(255,255,255,.11)}.screen-header h1 span{color:var(--accent);font-size:16px}.screen-header p{max-width:720px;margin:7px 0 0;color:var(--muted);font-size:13px}.theme-chip{display:inline-flex;align-items:center;height:30px;margin-left:16px;border:1px solid var(--line);border-radius:5px;padding:0 10px;color:var(--muted);font-size:13px}.header-actions{display:flex;align-items:center;gap:10px}.header-actions button,.header-actions a{min-height:48px;padding:0 16px}.icon-button{justify-content:center;width:50px;padding:0}.placeholder-grid{grid-template-columns:1fr}.placeholder-panel{min-height:620px;padding:clamp(16px,1.4vw,24px)}.placeholder-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.placeholder-cards article{min-height:150px;border:1px solid var(--line);border-radius:7px;background:#071212a8;padding:16px}.placeholder-cards strong{display:block;color:var(--accent);font-size:16px}.placeholder-cards p{margin:10px 0 0;color:var(--muted);line-height:1.55}.module-tabs{display:flex;gap:10px;overflow-x:auto;border-bottom:1px solid var(--line);padding-bottom:9px}.module-tabs button{flex:0 0 auto;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer;padding:7px 1px 9px;font-size:12px;font-weight:700;white-space:nowrap}.module-tabs button.active{border-color:var(--accent);color:var(--accent)}.tabbed-module-panel{display:grid;align-content:start;gap:18px}.tabbed-module-body{border:1px solid var(--line);border-radius:7px;background:#071212a8;padding:16px}.tabbed-module-body h2{margin:0;color:var(--accent);font-size:24px}.tabbed-module-body p{max-width:760px;margin:10px 0 0;color:var(--muted);line-height:1.55}.quest-library-screen{grid-template-columns:1fr}.quest-library-panel{min-height:620px;padding:16px}.quest-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quest-library-card{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);gap:13px;align-items:center;min-height:116px;border:1px solid var(--line);border-radius:7px;background:#071212a8;padding:12px;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.quest-library-card:hover{border-color:var(--line-strong);background:#15302b8a;box-shadow:inset 3px 0 #64f4a67a,0 0 22px #64f4a614}.quest-library-card strong,.quest-library-card small{display:block}.quest-library-card strong{overflow-wrap:anywhere;font-size:18px}.quest-library-card small{margin-top:7px;color:var(--accent)}.quest-library-card i{position:absolute;top:13px;right:13px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.quest-poster{display:grid;width:88px;height:88px;place-items:center;border:1px solid var(--line);border-radius:6px;color:#dfffee;font-family:var(--mono);font-size:20px;font-weight:900}.quest-poster.protocol-19{background:linear-gradient(#050c0d2e,#050c0dad),radial-gradient(circle at 50% 22%,rgba(100,244,166,.56),transparent 30px),linear-gradient(135deg,#0f2829,#151a19 58%,#050707)}.quest-poster.shadows-lviv{background:linear-gradient(#050c0d33,#050c0db3),radial-gradient(circle at 72% 24%,rgba(227,170,72,.46),transparent 28px),linear-gradient(135deg,#25201a,#0a1518)}.quest-poster.last-lighthouse{background:linear-gradient(#050c0d2e,#050c0db8),radial-gradient(circle at 48% 20%,rgba(98,213,196,.48),transparent 28px),linear-gradient(135deg,#26302b,#101514 62%,#050707)}.quest-poster.dawn-code{background:linear-gradient(#050c0d33,#050c0db3),radial-gradient(circle at 48% 24%,rgba(120,150,255,.42),transparent 28px),linear-gradient(135deg,#161f2b,#101818)}.stages-grid{grid-template-columns:minmax(260px,330px) minmax(420px,1fr) 300px}.stages-list-panel,.stage-detail-panel,.stages-side .panel{padding:16px}.stages-list-panel h2,.stage-readiness h2,.stage-preview-card h2{margin:0;font-size:16px;letter-spacing:.04em;text-transform:uppercase}.stage-editor-list{display:grid;gap:8px;margin-top:14px}.stage-editor-list button{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px 12px;align-items:center;width:100%;min-height:68px;border:1px solid var(--line);border-radius:7px;background:#08121394;color:var(--text);cursor:pointer;padding:10px;text-align:left}.stage-editor-list button.active{border-color:#64f4a66b;background:linear-gradient(90deg,#64f4a624,#0c1c1dc7);box-shadow:inset 3px 0 #64f4a6d6}.stage-editor-list button>span{display:grid;width:38px;height:38px;grid-row:span 2;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--accent);font-family:var(--mono);font-weight:800}.stage-editor-list strong{overflow:hidden;text-overflow:ellipsis;white-space:normal}.stage-editor-list small{overflow:hidden;text-overflow:ellipsis}.stage-editor-list small{color:var(--muted);font-size:11px}.stage-editor-list i,.stage-status-chip{justify-self:start;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--muted);font-size:10px;font-style:normal;text-transform:uppercase}.stage-editor-list i.completed,.stage-status-chip.completed,.stage-editor-list i.current,.stage-status-chip.current{border-color:#64f4a666;color:var(--accent)}.stage-editor-list i.available,.stage-status-chip.available{border-color:#62d5c461;color:var(--cyan)}.stage-editor-list i.locked,.stage-status-chip.locked{border-color:#ffffff1a;color:var(--faint)}.stage-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px}.stage-detail-head h2{margin:0;font-size:clamp(24px,2vw,34px)}.stage-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.stage-detail-panel .module-tabs{margin-top:14px}.stage-form label{display:grid;gap:7px}.stage-form .wide-field{grid-column:1 / -1}.stage-form span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.stage-form input,.stage-form select,.stage-form textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;background:#040c0db8;color:var(--text);padding:11px 12px;font:inherit}.stage-form textarea{min-height:92px;resize:vertical}.stage-tab-card{border:1px solid var(--line);border-radius:7px;background:#071212a8;margin-top:16px;padding:16px}.stage-form .stage-tab-card{margin-top:0}.stage-tab-card strong{display:block;color:var(--accent);font-size:16px}.stage-tab-card p{margin:8px 0 0;color:var(--muted);line-height:1.55}.stage-form input:focus,.stage-form select:focus,.stage-form textarea:focus{outline:1px solid rgba(100,244,166,.5);border-color:#64f4a673}.stages-side{display:grid;align-content:start;gap:14px}.stage-preview-card p{display:grid;gap:6px;margin:0;border-top:1px solid rgba(140,255,210,.09);padding:12px 0;color:var(--muted)}.stage-preview-card p:first-of-type{margin-top:8px}.stage-preview-card strong{color:var(--accent)}.session-status{position:relative;min-width:230px;border:1px solid var(--line);border-radius:var(--radius);background:#0a1919b8;padding:9px 12px 9px 36px}.session-status span{position:absolute;top:17px;left:16px;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent)}.session-status strong{display:block;color:var(--accent)}.session-status small{color:var(--muted)}.panel{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 42%),var(--panel);box-shadow:var(--shadow),inset 0 1px #ffffff08}.mission-panel{position:relative;min-height:590px;padding:clamp(16px,1.4vw,24px);overflow:hidden}.mission-panel:before,.materials-table-panel:before{position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(130,255,210,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(130,255,210,.025) 1px,transparent 1px);background-size:34px 34px;content:"";-webkit-mask-image:radial-gradient(circle at center,black,transparent 78%);mask-image:radial-gradient(circle at center,black,transparent 78%)}.mission-summary{position:relative;z-index:1;display:flex;justify-content:space-between;gap:28px}.mission-summary h2{margin:0;font-size:38px;line-height:1}.mission-summary h2 strong{color:var(--accent)}.mission-summary p{margin:10px 0 0;color:var(--muted);font-size:18px}.progress-card{width:310px;color:var(--muted)}.progress-card strong{display:inline-block;margin-left:12px;color:var(--accent);font-size:22px}.progress-card small{display:block;margin-top:12px}.bar{display:inline-block;width:210px;height:9px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#00000042}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#d8ffe9);box-shadow:0 0 18px #69f6aa73}.stage-map{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:clamp(34px,3vw,58px) clamp(16px,2.4vw,48px);margin:clamp(42px,4vw,64px) clamp(0px,2vw,40px) 42px}.stage-node{position:relative;display:grid;width:clamp(46px,3.2vw,58px);height:clamp(46px,3.2vw,58px);place-items:center;justify-self:center;border:2px solid rgba(170,190,185,.45);border-radius:50%;background:#0e1718;color:#dce8e4;font-family:var(--mono);font-weight:800}.stage-node:before{position:absolute;top:50%;right:calc(100% - 2px);width:clamp(28px,4vw,68px);height:2px;background:#d2e1dc4d;content:""}.stage-node:nth-child(6n+1):before{content:none}.stage-node.completed,.stage-node.current{border-color:var(--accent);color:var(--accent);box-shadow:0 0 28px #69f6aa40}.stage-node.current{width:clamp(58px,4vw,72px);height:clamp(58px,4vw,72px);outline:1px solid rgba(105,246,170,.55);outline-offset:8px;font-size:20px}.stage-node.locked{opacity:.5}.stage-node.final{border-radius:14px;transform:rotate(45deg)}.stage-node.final span,.stage-node.final svg{transform:rotate(-45deg)}.stage-node svg{position:absolute;right:-10px;bottom:-18px;color:var(--muted)}.legend{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:18px;border:1px solid var(--line);border-radius:6px;padding:12px 14px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:7px}.assistant-panel{padding:18px}.assistant-header{display:flex;align-items:center;gap:18px;margin:-18px -18px 20px;border-bottom:1px solid rgba(233,184,95,.22);padding:20px}.portrait{display:grid;width:80px;height:80px;flex:0 0 auto;place-items:center;border:1px solid var(--line-strong);border-radius:7px;background:radial-gradient(circle,rgba(105,246,170,.24),transparent 62%),linear-gradient(135deg,#69f6aa24,#0d1919eb);color:var(--accent);font-family:var(--mono);font-size:26px;font-weight:900}.assistant-header h2{margin:0;color:var(--accent);font-family:var(--mono);font-size:28px}.assistant-header small,.assistant-header strong{display:block;margin-top:10px;color:var(--muted)}.assistant-header strong{color:var(--accent);text-transform:uppercase}.assistant-panel h3,.quick-panel h2,.artifacts-panel h2,.master-panel h2,.materials-side h2{margin:0 0 16px;font-size:18px;letter-spacing:.06em;text-transform:uppercase}.message-list{display:grid;gap:12px}.message-list article{display:grid;grid-template-columns:48px 1fr;gap:14px;border:1px solid var(--line);border-radius:7px;padding:14px;background:#091415cc}.message-list article>span{display:grid;height:48px;place-items:center;border:1px solid var(--line-strong);border-radius:6px;color:var(--accent);font-family:var(--mono);font-size:22px;font-weight:800}.message-list p{margin:0;color:#d8e4df;line-height:1.55}.message-list strong{margin-right:8px;color:var(--accent);font-family:var(--mono)}.message-list small{color:var(--faint)}.wide{justify-content:center;width:100%;min-height:44px;margin-top:14px}.ghost{color:var(--muted)}.artifacts-panel,.master-panel,.quick-panel{min-height:210px;padding:18px}.artifact-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.artifact-row article{min-width:0;border:1px solid var(--line);border-radius:7px;padding:8px;background:#091314b8}.artifact-row article.selected{border-color:var(--amber);box-shadow:0 0 18px #e9b85f38}.artifact-row article.locked{opacity:.48}.artifact-image{display:grid;height:70px;place-items:center;border:1px solid var(--line);border-radius:5px;background:linear-gradient(135deg,#69f6aa26,#141c1cf2),#05090acc;color:var(--accent)}.artifact-row strong,.artifact-row small{display:block;overflow:hidden;margin-top:8px;text-overflow:ellipsis;white-space:nowrap}.artifact-row small{color:var(--muted)}.fragments{display:flex;gap:16px;margin:20px 0}.fragments span{display:grid;width:52px;height:72px;place-items:end center;color:var(--faint);font-family:var(--mono)}.fragments span:before{display:block;width:44px;height:52px;margin-bottom:6px;clip-path:polygon(15% 0,85% 8%,100% 75%,42% 100%,0 70%);border:1px solid var(--line);background:#192324e6;content:""}.fragments span.filled:before{background:linear-gradient(135deg,#69f6aae0,#26694ce0);box-shadow:0 0 18px #69f6aa57}.master-panel p{color:var(--muted)}.master-panel p strong{color:var(--text)}.locked-reward{display:flex;align-items:center;gap:12px;margin-top:16px;border:1px solid rgba(233,184,95,.18);border-radius:7px;padding:12px;color:var(--muted)}.locked-reward strong{display:block;color:var(--text)}.quick-panel{display:grid;gap:10px}.quick-panel button{gap:14px;min-height:58px;justify-content:flex-start;padding:12px;text-align:left}.quick-panel button strong{display:block}.quick-panel button span span,.quick-panel button small,.quick-panel button span{color:var(--muted)}.materials-grid{grid-template-columns:minmax(610px,1fr) 360px}.materials-table-panel{position:relative;min-height:692px;overflow:hidden;padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.026),transparent 36%),#091617c7}.tabs{position:relative;z-index:1;display:flex;gap:10px;overflow-x:auto;border-bottom:1px solid var(--line);padding-bottom:9px}.tabs button{display:inline-flex;align-items:center;gap:6px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer;padding:6px 1px 9px;font-size:12px;line-height:1;white-space:nowrap}.tabs button.active{border-color:var(--accent);color:var(--accent)}.materials-table{position:relative;z-index:1;margin-top:14px;border:1px solid var(--line);border-radius:7px;background:#050d0e9e;overflow:hidden}.table-head,.material-group article{display:grid;grid-template-columns:48px 52px minmax(210px,1fr) 192px minmax(118px,150px);align-items:center;gap:9px}.table-head{grid-template-columns:minmax(310px,1fr) 192px minmax(118px,150px);padding:12px 13px;color:var(--muted);font-size:12px;font-weight:800;background:#ffffff05}.material-group h3{margin:0;border-top:1px solid var(--line);padding:9px 13px;color:#c9d8d4;font-size:13px}.material-group article{border-top:1px solid rgba(140,255,210,.09);min-height:54px;padding:7px 13px}.row-id,.material-group em{color:var(--muted);font-style:normal}.material-thumb{display:grid;width:42px;height:37px;place-items:center;border:1px solid var(--line);border-radius:5px;background:linear-gradient(180deg,#64f4a61a,#142625bd);color:var(--accent)}.material-group strong,.material-group small{display:block}.material-group strong{font-size:13px}.material-group small{margin-top:3px;color:var(--muted);font-size:11px}.status{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:12px;min-width:0;white-space:normal}.status.ready,.check-row.ready{color:var(--accent)}.status.attention,.check-row.attention{color:var(--amber)}.status.danger,.check-row.danger{color:var(--danger)}.material-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:11px}.material-stats span{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;min-height:50px;padding:9px 11px;color:var(--muted);background:#08121385;font-size:12px}.material-stats strong{margin-left:auto;color:var(--text);font-size:19px}.materials-side{display:grid;align-content:start;gap:14px}.qr-sheet,.readiness{padding:15px}.panel-title-row{display:flex;align-items:center;justify-content:space-between}.panel-title-row span{border:1px solid var(--line);border-radius:5px;padding:5px 10px;color:var(--muted);font-size:12px}.qr-page{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:14px auto;border:1px solid #a7aaa7;background:#efeeea;padding:11px;color:#161c1a;box-shadow:0 12px 32px #00000057}.qr-page-head{display:flex;justify-content:space-between;grid-column:1 / -1;color:#1b211f;font-weight:800}.qr-page-head span{border:1px solid #333;padding:2px 5px}.fake-qr{display:grid;min-height:74px;place-items:center;border:1px solid #b7bab8}.fake-qr small{color:#27302d;font-weight:800}.button-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.button-row button{justify-content:center;gap:7px;min-height:40px;color:var(--accent);font-size:13px}.check-row{display:grid;grid-template-columns:20px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid rgba(140,255,210,.09);padding:9px 0;font-size:12px}.check-row strong{color:var(--muted)}.export-button{justify-content:center;gap:10px;width:100%;min-height:54px;margin-top:14px;border-color:#64f4a680;background:linear-gradient(180deg,#64f4a642,#186346b8);color:#dffff0;font-weight:800;font-size:13px;box-shadow:inset 0 1px #ffffff1a,0 0 28px #64f4a624}.player-preview{overflow-y:auto;overflow-x:hidden;min-width:0;max-height:100vh;border-left:1px solid var(--line);background:#030b0c9e;padding:clamp(10px,1.1vw,18px)}.player-route{display:grid;min-height:100vh;place-items:start center;background:linear-gradient(#030808a8,#030808e6),linear-gradient(135deg,#06100f,#020707)}.player-route .player-preview{display:block;width:min(100%,430px);max-height:none;min-height:100vh;overflow:visible;border-left:0;background:transparent;padding:18px}.phone-shell{width:min(100%,390px);min-width:0;margin:0 auto;border:1px solid var(--line-strong);border-radius:8px;background:linear-gradient(180deg,rgba(105,246,170,.05),transparent 22%),#040b0c;box-shadow:0 24px 80px #0000008c;overflow:hidden;padding:clamp(12px,1vw,16px)}.phone-shell header{display:flex;align-items:center;justify-content:space-between}.phone-shell h2{margin:0;font-family:var(--mono);font-size:clamp(19px,1.6vw,26px)}.phone-shell header span{display:inline-block;margin-top:8px;border:1px solid var(--line);border-radius:4px;padding:5px 9px;color:var(--muted)}.phone-shell header button{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--line);border-radius:8px;background:#0e1f1fb8}.phone-progress{display:grid;grid-template-columns:minmax(0,auto) minmax(64px,1fr) auto;gap:12px;align-items:center;margin:22px 0;border:1px solid var(--line);border-radius:7px;padding:14px}.phone-progress strong{color:var(--accent);font-size:clamp(14px,1vw,18px);white-space:nowrap}.phone-progress b{color:var(--accent)}.step-line{display:flex;gap:clamp(4px,.5vw,8px);align-items:center;min-width:0}.step-line span{width:clamp(7px,.65vw,10px);height:clamp(7px,.65vw,10px);border-radius:50%;background:#4d5a58}.step-line span.done{background:var(--accent);box-shadow:0 0 12px var(--accent)}.assistant-message{display:grid;grid-template-columns:clamp(64px,5vw,84px) minmax(0,1fr);gap:12px;align-items:stretch;margin-bottom:14px}.assistant-message .portrait{width:100%;height:clamp(78px,7vw,120px)}.assistant-message article,.phone-panel{min-width:0;border:1px solid var(--line-strong);border-radius:7px;background:#0a1818c7;padding:14px}.assistant-message h3{margin:0 0 12px;color:var(--accent);font-family:var(--mono)}.assistant-message p,.phone-panel p{margin:0;color:#c8d6d2;line-height:1.5}.phone-panel{display:grid;gap:12px;margin-bottom:14px}.phone-panel h3{display:flex;align-items:center;gap:8px;margin:0;color:var(--accent);font-size:clamp(18px,1.35vw,22px)}.phone-panel>strong{font-size:clamp(16px,1.2vw,20px)}.phone-panel label{color:var(--accent)}.code-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;align-items:center}.code-row span{min-width:0;height:clamp(38px,2.8vw,44px);border:1px solid var(--line-strong);border-radius:5px;background:#0000002e}.code-row span.active{border-color:var(--accent);box-shadow:0 0 18px #69f6aa57}.code-row button{grid-column:1 / -1;width:100%;min-width:0;height:48px;border:1px solid rgba(105,246,170,.44);border-radius:6px;background:linear-gradient(180deg,#69f6aa42,#14604cb8);color:#eafff5;font-weight:800}.error-line{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,107,101,.5);border-radius:5px;padding:10px;color:#eaa5a1}.scan-button{justify-content:center;gap:9px;min-height:48px;color:#eafff5;font-size:17px}.hint-content{display:grid;grid-template-columns:110px 1fr;gap:12px}.hint-content button{display:flex;align-items:center;gap:8px;height:52px;border:1px solid var(--line);border-radius:6px;background:#0c1c1ccc;color:var(--text)}.hint-content button.active{border-color:var(--accent);color:var(--accent)}.hint-image{display:grid;height:84px;place-items:center;border:1px solid var(--line);border-radius:5px;background:linear-gradient(#0000002e,#0000002e),linear-gradient(135deg,#4a4238,#101818);color:#141a18;font-family:var(--mono);font-size:28px;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.18)}.hint-content p{margin-top:7px;color:var(--muted);font-size:13px}.compact-artifacts>div{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.compact-artifacts span{display:grid;height:44px;place-items:center;border:1px solid var(--line);border-radius:6px;color:var(--accent)}.compact-artifacts span.locked{color:var(--faint)}.next-locked{display:flex;gap:12px;align-items:center;border:1px solid rgba(255,107,101,.28);border-radius:7px;background:#2a0d0e73;padding:14px;color:#bdc4c2}.next-locked strong{display:block;color:var(--text)}@media(max-width:1680px){.app-shell{grid-template-columns:228px minmax(0,1fr)}.player-preview{display:none}}@media(max-width:960px){.app-shell{display:block}.sidebar{position:static;height:auto}.dashboard-grid,.materials-grid,.stages-grid{grid-template-columns:1fr}.screen-header,.header-actions,.mission-summary{align-items:stretch;flex-direction:column}.stage-map{grid-template-columns:repeat(3,1fr);margin-inline:0}.stage-node:before{content:none}.artifact-row{grid-template-columns:repeat(3,1fr)}.table-head{display:none}.material-group article{grid-template-columns:42px 48px 1fr}.material-group em,.status{grid-column:3}.material-stats{grid-template-columns:1fr 1fr}.placeholder-cards{grid-template-columns:1fr}.quest-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-form{grid-template-columns:1fr}}@media(max-width:540px){.sidebar,.workspace{display:none}.player-preview{display:block;overflow:visible;max-height:none;min-height:100vh;border-left:0;padding:0;background:#040b0c}.phone-shell{width:100%;min-height:100vh;border:0;border-radius:0;box-shadow:none}.player-route .player-preview{padding:0}.code-row{grid-template-columns:repeat(6,minmax(0,1fr))}.code-row span{height:44px}.code-row button{grid-column:1 / -1;width:100%}.workspace{padding:14px}.screen-header h1{font-size:38px}.stage-map{gap:36px 18px}.material-stats{grid-template-columns:1fr}}