.ruth-page{--ruth-violet:#6845dc;--ruth-deep:#211944;--ruth-cyan:#19c8ee;--ruth-ink:#171329;--ruth-muted:#746d82;--ruth-line:rgba(101,67,210,.13);width:100%;max-width:1320px;height:calc(100dvh - var(--gpt-header-height));margin:0 auto;padding:18px 24px;overflow:hidden}
.ruth-workspace{display:block;width:100%;max-width:980px;height:100%;margin:0 auto}
.ruth-workspace>aside{position:relative;overflow:hidden;min-height:690px;padding:38px 34px;border-radius:34px;background:radial-gradient(circle at 72% 18%,rgba(25,200,238,.19),transparent 29%),linear-gradient(155deg,#201944,#352572 67%,#6947d8);color:#fff;box-shadow:0 28px 70px rgba(42,28,97,.18)}
.ruth-workspace>aside:after{content:"ῥῆμα";position:absolute;right:-10px;bottom:-22px;color:rgba(255,255,255,.06);font:700 96px/1 Georgia,serif;pointer-events:none}
.ruth-workspace>aside .gpt-eyebrow{color:#75eaff}
.ruth-workspace>aside h1{max-width:330px;margin:18px 0 14px;font-size:clamp(38px,4.3vw,62px);line-height:.98;letter-spacing:-.055em}
.ruth-workspace>aside>p{max-width:330px;color:rgba(255,255,255,.69);font-size:13px;line-height:1.75}
.ruth-current{display:grid;gap:5px;margin:26px 0 12px;padding:16px;border:1px solid rgba(255,255,255,.15);border-radius:19px;background:rgba(255,255,255,.09);backdrop-filter:blur(10px)}
.ruth-current b{font-size:14px}.ruth-current span{color:rgba(255,255,255,.67);font-size:10px;line-height:1.45}
.ruth-workspace>aside>a{display:inline-flex;margin-top:5px;color:#78eaff;font-size:11px;font-weight:850;text-decoration:none}
.ruth-workspace .gpt-bv-note{position:absolute;left:34px;right:34px;bottom:30px;padding-top:15px;border-top:1px solid rgba(255,255,255,.13);font-size:10px!important}
.ruth-conversation{display:flex;flex-direction:column;min-width:0;height:100%;min-height:0;max-height:none;padding:24px;border:1px solid var(--ruth-line);border-radius:34px;background:#fff;box-shadow:0 22px 60px rgba(42,28,97,.07);overflow:hidden}
.ruth-conversation>.ruth-thread{flex:1 1 auto;display:flex;flex-direction:column;gap:12px;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(104,69,220,.28) transparent;padding:4px 6px 16px}
.ruth-conversation>.ruth-thread::-webkit-scrollbar{width:7px}.ruth-conversation>.ruth-thread::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(104,69,220,.28)}
.ruth-conversation .ruth-bubble{display:flex;align-items:flex-start;gap:12px}
.ruth-conversation .ruth-bubble>span{flex:0 0 48px;width:48px;height:48px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#1cc8ed,#6946db);box-shadow:0 8px 20px rgba(101,67,210,.18)}
.ruth-conversation .ruth-bubble>span img{width:100%;height:100%;object-fit:cover;object-position:top center}
.ruth-conversation .ruth-bubble>div{max-width:min(680px,calc(100% - 60px));padding:15px 17px;border:1px solid var(--ruth-line);border-radius:5px 19px 19px 19px;background:linear-gradient(145deg,#faf9ff,#fff)}
.ruth-conversation .ruth-bubble b{color:var(--ruth-violet);font-size:11px}.ruth-conversation .ruth-bubble p{margin:6px 0 0;color:#5e576c;font-size:13px;line-height:1.7}
.ruth-chat-dock{position:sticky;z-index:5;bottom:0;flex:0 0 auto;min-width:0;background:#fff}
.ruth-conversation form{display:grid;gap:14px;margin:0;padding-top:18px;border-top:1px solid var(--ruth-line)}
.ruth-orientations{display:flex;gap:7px;overflow-x:auto;padding:0 0 5px;border:0;scrollbar-width:none}.ruth-orientations::-webkit-scrollbar{display:none}.ruth-orientations legend{width:100%;margin-bottom:9px;color:#756d82;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ruth-orientations label{flex:0 0 auto;cursor:pointer}.ruth-orientations input{position:absolute;opacity:0;pointer-events:none}.ruth-orientations span{display:flex;align-items:center;min-height:37px;padding:0 12px;border:1px solid var(--ruth-line);border-radius:999px;background:#fff;color:#746d82;font-size:9px;font-weight:850;white-space:nowrap}.ruth-orientations input:checked+span{border-color:#6845dc;background:#eee9ff;color:#5c3ac8}
.ruth-conversation .ruth-quick{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.ruth-conversation .ruth-quick::-webkit-scrollbar{display:none}.ruth-conversation .ruth-quick button{flex:0 0 auto;min-height:36px;padding:0 11px;border:1px solid var(--ruth-line);border-radius:11px;background:#faf9fd;color:#625a70;font-family:inherit;font-size:9px;font-weight:800;cursor:pointer}
.ruth-composer{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px;align-items:center;padding:6px;border:1px solid rgba(101,67,210,.2);border-radius:18px;background:#faf9fd;box-shadow:0 8px 24px rgba(58,38,128,.06);transition:border-color .18s ease,box-shadow .18s ease}
.ruth-composer:focus-within{border-color:rgba(104,69,220,.46);box-shadow:0 0 0 4px rgba(104,69,220,.08),0 12px 28px rgba(58,38,128,.08)}
.ruth-composer textarea{width:100%;height:44px;min-height:44px;max-height:44px;padding:11px 10px;border:0;background:transparent;color:var(--ruth-ink);font:600 13px/1.55 Manrope,sans-serif;resize:none;overflow:hidden;outline:none}
.ruth-composer-action{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:13px;font-size:17px;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}
.ruth-composer-action:hover{transform:translateY(-1px)}
.ruth-composer-action.is-mic{background:#f0ebff;color:#6642d2}
.ruth-composer-action.is-mic.is-listening{background:#ffe8ee;color:#bd3154;box-shadow:0 0 0 4px rgba(189,49,84,.09)}
.ruth-composer-action.is-send{background:linear-gradient(135deg,#7655df,#5631ce);color:#fff;box-shadow:0 8px 18px rgba(91,55,207,.22)}
.ruth-composer-action:disabled{cursor:wait;opacity:.7;transform:none}
.ruth-composer-action.is-busy i{animation:ruth-send-pulse .8s ease-in-out infinite alternate}
.ruth-composer>.gpt-voice-button:not([data-ruth-mic]){display:none!important}
@keyframes ruth-send-pulse{to{transform:translate(2px,-2px);opacity:.55}}
.ruth-word-link{justify-self:start;color:#6845dc;font-size:10px;font-weight:850;text-decoration:none}
.ruth-conversation .gpt-ruth-result{max-height:110px;margin-top:10px;padding:13px 15px;border:1px solid var(--ruth-line);border-radius:16px;background:#faf9ff;color:#4f485d;font-size:12px;line-height:1.6;overflow:auto}
body[data-page="ruth"]{overflow:hidden}
body[data-page="ruth"] .gpt-app{height:100dvh;min-height:0;padding-bottom:0!important;overflow:hidden}
@media(max-width:1199px){.ruth-page{padding:10px 16px calc(84px + env(safe-area-inset-bottom))}}
@media(max-width:640px){.ruth-page{padding:8px 7px calc(78px + env(safe-area-inset-bottom))}.ruth-conversation{padding:12px 10px;border-radius:22px}.ruth-conversation>.ruth-thread{max-height:none;padding-right:3px}.ruth-conversation .ruth-bubble>span{width:42px;height:42px;flex-basis:42px;border-radius:14px}.ruth-conversation .ruth-bubble>div{max-width:calc(100% - 50px);padding:13px}.ruth-conversation form{gap:9px;padding-top:10px}.ruth-composer{grid-template-columns:minmax(0,1fr) 42px 42px;padding:5px}.ruth-composer-action{width:42px;height:42px}.ruth-word-link{display:none}}
.ruth-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 4px 16px;margin-bottom:8px;border-bottom:1px solid var(--ruth-line)}
.ruth-conversation-head>div{display:grid;gap:3px}.ruth-conversation-head span{color:#7a7388;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ruth-conversation-head b{color:#25194f;font-size:15px}
.ruth-mode-control{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 10px;border:1px solid rgba(104,69,220,.18);border-radius:13px;background:#f4f0ff;color:#5e3bc8;font-size:12px;font-weight:800;white-space:nowrap}
.ruth-mode-control i{font-size:13px;flex-shrink:0}.ruth-mode-control select{max-width:190px;border:0;outline:0;background:transparent;color:inherit;font:800 11px/1.2 Manrope,sans-serif;cursor:pointer}
.ruth-orientations-fallback{display:none!important}
.ruth-head-actions{display:flex;align-items:center;gap:8px}.gpt-ruth-head .ruth-mode-control{min-height:36px;padding:0 8px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}.gpt-ruth-head .ruth-mode-control select{max-width:145px;color:inherit}.gpt-ruth-head .ruth-mode-control option{color:#211944;background:#fff}
@media(max-width:640px){.ruth-conversation-head{align-items:flex-start}.ruth-mode-control.is-page{min-height:38px}.ruth-mode-control select{max-width:130px;font-size:10px}.gpt-ruth-head .ruth-mode-control{max-width:150px}.gpt-ruth-head .ruth-mode-control select{max-width:110px}}