.dragon-guide{position:fixed;right:24px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:20}
.dragon-launcher{display:flex;flex-direction:column;align-items:center;width:128px;padding:0;border:0;background:none;color:var(--white);cursor:pointer;border-radius:12px}
.dragon-launcher rubin-mascot{--rubin-width:116px;pointer-events:none;filter:drop-shadow(0 4px 12px #0008)}
.dragon-launcher-label{padding:8px 12px 9px;border:1px solid #343139;border-radius:9px;background:#111115f5;font-size:14px;line-height:1.4;box-shadow:0 8px 24px #0003;white-space:nowrap}
.dragon-launcher-label>span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.dragon-launcher:hover .dragon-launcher-label{border-color:var(--red)}
.dragon-launcher[aria-expanded=true] .dragon-launcher-label{border-color:var(--red)}
.dragon-panel{position:absolute;right:0;bottom:calc(100% + 16px);width:min(420px,calc(100vw - 48px));height:min(640px,calc(100svh - 240px));max-height:calc(100svh - 240px);display:flex;flex-direction:column;border:1px solid #39323a;border-radius:16px;background:#111114;box-shadow:0 22px 75px #0009;overflow:hidden}
.dragon-panel[hidden]{display:none}.dragon-panel:focus{outline:none}
.dragon-panel-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);flex-shrink:0}
.dragon-name{font-size:18px;font-weight:700;line-height:1.4}.dragon-role{margin-top:2px;font-size:14px;color:var(--muted);line-height:1.4}
.dragon-panel-tools{display:flex;align-items:center;gap:6px}.dragon-tool,.dragon-close{display:grid;place-items:center;min-height:44px;border:0;border-radius:7px;background:none;color:var(--muted);cursor:pointer}
.dragon-tool{padding:8px;font-size:14px}.dragon-close{width:44px;min-width:44px}.dragon-tool:hover,.dragon-close:hover{background:#ffffff08;color:white}
.dragon-panel-content{overflow-y:auto;overscroll-behavior:contain;padding:20px;min-height:0;scrollbar-color:#49424a transparent}
.dragon-step{color:var(--red);font-size:13px;letter-spacing:1.2px;line-height:1.4;margin-bottom:9px}
.dragon-panel h2{font-size:28px;line-height:1.15;letter-spacing:-.7px;margin:0 0 14px;overflow-wrap:anywhere}
.dragon-explanation,.dragon-example>p:last-child{color:#bebbc3;font-size:16px;line-height:1.55;overflow-wrap:anywhere}
.dragon-example{margin-top:22px}.dragon-small-label{color:var(--muted);font-size:14px;line-height:1.4;margin-bottom:7px}
.dragon-question{margin-top:22px;padding-left:14px;border-left:2px solid var(--red)}.dragon-question>p:last-child{color:#fff;font-size:16px;line-height:1.5}
.dragon-panel-actions{display:flex;flex-direction:column;gap:8px;padding:14px 20px 18px;border-top:1px solid var(--line);flex-shrink:0}
.dragon-primary,.dragon-secondary{min-height:44px;padding:11px 14px;border-radius:8px;font-size:14px;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}
.dragon-primary{background:var(--red);border:1px solid var(--red);color:white;font-weight:600}.dragon-primary:hover{background:#cf202c;border-color:#cf202c}
.dragon-secondary{background:transparent;border:1px solid #3a363e;color:#dedbe2}.dragon-secondary:hover{border-color:#71656e}
.dragon-tabs{display:flex;gap:8px;padding:8px 20px;border-bottom:1px solid var(--line);flex-shrink:0}
.dragon-tabs button{flex:1;min-height:44px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:14px;cursor:pointer}
.dragon-tabs button[aria-selected=true]{background:#ee29341a;color:#fff;box-shadow:inset 0 -2px var(--red)}
.dragon-view{display:flex;flex:1;flex-direction:column;min-height:0}.dragon-view[hidden]{display:none}
.dragon-view>.dragon-panel-content{flex:1}
.dragon-chat-context{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 16px;border-bottom:1px solid var(--line);flex-shrink:0;color:var(--muted);font-size:12px;line-height:1.5}
.dragon-chat-context strong{color:#dedbe2;font-weight:500}.dragon-chat-context .dragon-tool{font-size:12px;flex-shrink:0}
.dragon-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#49424a transparent;padding:18px 16px;display:flex;flex-direction:column;gap:14px}
.dragon-message{padding:12px 14px;border-radius:12px;max-width:94%;flex-shrink:0;overflow-wrap:anywhere}
.dragon-message-assistant{align-self:flex-start;background:#202025;border:1px solid #2b2931}
.dragon-message-user{align-self:flex-end;background:#4a171e;border:1px solid #762631}
.dragon-message-author{display:block;margin-bottom:7px;font-size:11px;color:#bcb5c0;line-height:1.4}
.dragon-message p{margin:0;white-space:pre-wrap;font-size:15px;line-height:1.55;color:#efedf2}
.dragon-chat-starters{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 12px;flex-shrink:0}
.dragon-chat-starters button{border:1px solid #42353e;background:transparent;color:#d8ced7;font-size:12px;line-height:1.4;min-height:44px;border-radius:8px;padding:8px 10px;cursor:pointer}
.dragon-chat-form{padding:12px 16px 14px;border-top:1px solid var(--line);flex-shrink:0}
.dragon-chat-form textarea{display:block;width:100%;min-height:68px;max-height:130px;padding:12px 13px;resize:none;background:#09090c;color:#fff;border:1px solid #49404b;border-radius:9px;font-family:inherit;font-size:16px;line-height:1.4;overflow-y:auto}
.dragon-chat-form textarea::placeholder{color:#8f8895}.dragon-chat-form textarea:focus{outline:2px solid var(--red);outline-offset:2px}
.dragon-chat-send-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;min-height:44px}
.dragon-chat-send-row>p{font-size:12px;line-height:1.4;color:#b8afbc;margin:0;overflow-wrap:anywhere}
.dragon-chat-send-row button{flex-shrink:0}.dragon-chat-note{margin:9px 0 0;color:#958e9c;font-size:11px;line-height:1.4}
.dragon-chat-form>button{width:100%;margin-top:10px}
.dragon-panel button:disabled{opacity:.45;cursor:default}.dragon-panel [hidden]{display:none}
.dragon-chat-session{display:flex;flex:1;min-height:0;flex-direction:column}
.dragon-account-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px;border-bottom:1px solid var(--line);flex-shrink:0}
.dragon-account-bar span{font-size:12px;color:#c9bdca;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dragon-account-bar button{flex-shrink:0;font-size:12px}
.dragon-auth-gate{padding:22px 20px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-color:#49424a transparent}
.dragon-auth-copy{font-size:15px;line-height:1.5;color:#bebbc3;margin:0 0 18px}
.dragon-auth-modes{display:flex;gap:8px;margin-bottom:18px}
.dragon-auth-modes button{flex:1;min-height:44px;padding:9px;border:1px solid #42353e;border-radius:8px;background:transparent;color:#c4bcc8;cursor:pointer;font-size:14px}
.dragon-auth-modes button[aria-pressed=true]{border-color:var(--red);background:#ee29341a;color:#fff}
.dragon-auth-form label{display:block;font-size:13px;line-height:1.5;color:#d5cbd8;margin:14px 0 7px}
.dragon-auth-form input{display:block;box-sizing:border-box;width:100%;min-height:48px;padding:12px;background:#09090c;color:#fff;border:1px solid #49404b;border-radius:8px;font:inherit;font-size:16px}
.dragon-auth-form input:focus{outline:2px solid var(--red);outline-offset:2px}
.dragon-password-row{display:flex;align-items:center;gap:6px}.dragon-password-row input{min-width:0;flex:1}
.dragon-password-row button{flex-shrink:0;font-size:12px}
.dragon-auth-status{min-height:36px;margin:16px 0 10px;font-size:13px;line-height:1.5;color:#c7bacb;overflow-wrap:anywhere}
.dragon-auth-form>.dragon-primary,.dragon-auth-form>.dragon-secondary{width:100%;margin-bottom:8px}
.dragon-auth-gate .dragon-step{font-size:11px}.dragon-auth-gate h2{font-size:25px}
.dragon-guide.is-compact .dragon-auth-gate{padding:12px}.dragon-guide.is-compact .dragon-auth-copy{display:none}
.dragon-guide.is-compact .dragon-auth-modes{margin-bottom:8px}.dragon-guide.is-compact .dragon-auth-form label{margin-top:9px}
.dragon-guide.is-compact .dragon-panel-header{padding:5px 12px;gap:6px}.dragon-guide.is-compact .dragon-role{display:none}
.dragon-guide.is-compact .dragon-tabs{padding:3px 12px}.dragon-guide.is-compact .dragon-chat-starters{display:none}
.dragon-guide.is-compact .dragon-chat-form{padding:8px 12px}.dragon-guide.is-compact .dragon-chat-form textarea{min-height:50px;max-height:80px}
.dragon-guide.is-compact .dragon-chat-send-row{margin-top:5px}.dragon-guide.is-compact .dragon-messages{padding:8px 12px}
.dragon-guide.is-short .dragon-chat-note{display:none}.dragon-guide.is-short .dragon-chat-context{display:none}
.site-footer{padding-bottom:85px}
@media(max-width:560px){
 .dragon-guide{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
 .dragon-launcher{width:90px}.dragon-launcher rubin-mascot{--rubin-width:78px}
 .dragon-launcher-label{font-size:12px;padding:6px 9px}.dragon-launcher-label>span{font-size:12px}
 .dragon-panel{position:fixed;right:12px;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--dragon-keyboard-offset,0px));width:auto;height:min(700px,calc(var(--dragon-viewport-height,100svh) - 32px - env(safe-area-inset-bottom,0px)));max-height:calc(var(--dragon-viewport-height,100svh) - 32px - env(safe-area-inset-bottom,0px));border-radius:14px}
 .dragon-panel-header{padding:15px 16px}.dragon-panel-content{padding:18px 16px}.dragon-panel-actions{padding:12px 16px 16px}
 .dragon-panel h2{font-size:26px}.dragon-name{font-size:17px}.dragon-role{font-size:14px}
 .dragon-tabs{padding:6px 16px}.dragon-messages{padding:14px 12px}.dragon-message{max-width:96%;padding:11px 12px}
 .dragon-chat-form{padding:10px 12px 12px}.dragon-chat-starters{padding:0 12px 10px}.dragon-chat-context{padding:0 12px}
 .dragon-guide.is-open .dragon-launcher{visibility:hidden;pointer-events:none}
 .visual-bottom{padding-right:90px}
 .site-footer{padding-bottom:130px}
}
@media(max-height:620px) and (min-width:561px){.dragon-panel{bottom:0;right:calc(100% + 14px);height:calc(100svh - 40px);max-height:calc(100svh - 40px)}}
@media(max-height:540px){.dragon-panel-header{padding:5px 12px;gap:6px}.dragon-role{display:none}.dragon-tabs{padding:3px 12px}.dragon-chat-starters{display:none}.dragon-chat-note{margin-top:5px}.dragon-chat-form{padding:8px 12px}.dragon-chat-form textarea{min-height:50px}.dragon-chat-send-row{margin-top:5px}.dragon-messages{padding:10px 12px;gap:10px}}
@media(prefers-reduced-motion:reduce){.dragon-launcher rubin-mascot{filter:none}}