:root{--chat-sidebar-inset: 10px;--brand-inset-inline: calc(var(--chat-sidebar-inset) + 8px);--brand-inset-block: max(12px, env(safe-area-inset-top));--brand-row-height: max(36px, var(--platform-control-height));--brand-height: 28px;--brand-offset-block: calc( var(--brand-inset-block) + (var(--brand-row-height) - var(--brand-height)) / 2 );--platform-ink: #202124;--platform-accent: #0868ce;--platform-muted: #62656d;--platform-line: #dedfe4;--platform-paper: #ffffff;--platform-surface: #f4f5f7;--platform-accent-soft: #e6f0fc;--platform-danger: #b42332;--action: #0868ce;--action-hover: #075ab2;--surface-hover: #e8e9ed;--platform-select-hover: var(--surface-hover);--platform-focus: #438ee5;--line-strong: #b8bbc3;--danger-soft: #fff0f1;--danger-line: #edc6cc;--danger-hover: #961e2b;--success: #287044;--success-soft: #eaf5ee;--warning: #79581e;--warning-soft: #fff6df;--warning-line: #e8d7ad;--overlay: #14182140;--serif: inherit;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;background:var(--paper)}body{background:var(--paper)}button,a,summary{touch-action:manipulation}button{line-height:1.4;overflow-wrap:anywhere}button,input,select,textarea{transition:background .14s,border-color .14s,box-shadow .14s}button:disabled{cursor:not-allowed}.ui-icon{width:18px;height:18px;flex-shrink:0}.chat-brand,.legal-brand{display:inline-flex;align-items:center;gap:var(--platform-space-2);flex-shrink:0;width:fit-content;height:var(--brand-height);color:var(--ink);font-size:19px;font-weight:650;line-height:28px;letter-spacing:-.6px;text-decoration:none;text-transform:lowercase;white-space:nowrap}.chat-brand:before,.legal-brand:before{content:"";flex-shrink:0;width:24px;height:25px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4H8a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4v-4'/%3E%3Ccircle cx='19' cy='5' r='2' fill='black' stroke='none'/%3E%3C/svg%3E") center / 25px 25px no-repeat}.brand-dot,.legal-brand-name>span{color:var(--green)}.primary,.secondary,.danger{min-height:var(--platform-control-height);padding:6px 14px;border-radius:var(--platform-radius);font-size:13px;font-weight:550;line-height:1.5}.primary{background:var(--action);color:#fff;border-color:transparent}.primary:hover{background:var(--action-hover)}.secondary{background:var(--paper);border-color:var(--line);box-shadow:0 1px 2px #00000008}.secondary:hover{background:var(--surface-muted);border-color:var(--line-strong)}.danger{background:var(--danger);color:#fff}.danger:hover{background:var(--danger-hover)}[data-platform-part=loading]{display:grid;place-content:center;gap:16px;color:var(--muted);font-size:14px}[data-platform-part=loading]:before{content:"";width:24px;height:24px;margin:auto;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:turn 1s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}[data-platform-part=auth]{min-height:calc(100dvh - 49px);grid-template-columns:minmax(320px,.9fr) minmax(440px,1.1fr);background:var(--paper)}.denkraum-story{display:flex;flex-direction:column;padding:0;background:var(--surface-muted);color:var(--ink);border-inline-end:1px solid var(--line)}.denkraum-story>.chat-brand{margin-block:var(--brand-offset-block) calc((var(--brand-row-height) - var(--brand-height)) / 2);margin-inline-start:var(--brand-inset-inline)}.auth-language{inset-block-start:calc(var(--brand-offset-block) + (var(--brand-height) - 44px) / 2);inset-inline-end:var(--brand-inset-inline)}.denkraum-story .story-content{margin:auto 0;padding:40px clamp(28px,5vw,72px)}.denkraum-story .eyebrow{margin:0 0 18px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:1px}.denkraum-story h1{font-family:inherit;font-size:clamp(32px,3.5vw,52px);font-weight:600;line-height:1.12;letter-spacing:-1.7px;margin:0 0 24px}.denkraum-story .story-title-secondary{color:var(--muted)}.denkraum-story .story-description{max-width:390px;font-size:15px;line-height:1.7;color:var(--muted)}.story-principles{display:grid;max-width:420px;margin-top:32px;border-top:1px solid var(--line)}.story-principle{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.story-principle>span{color:var(--muted);font-size:11px;padding-top:3px}.story-principle strong{display:block;font-weight:550;font-size:13px}.story-principle p{font-size:12px;line-height:1.6;color:var(--muted);margin:4px 0 0}[data-platform-part=auth-side]{justify-content:center;padding:104px 32px 64px}[data-platform-part=auth-card]{max-width:360px;margin:0}[data-platform-part=auth-card] :is(h1,h2){font-size:27px;font-weight:650;letter-spacing:-.8px}[data-platform-part=auth-card]>p{font-size:14px;line-height:1.6}[data-platform-part=auth-tabs]{border:0;padding:3px;background:var(--surface-muted)}[data-platform-part=auth-tabs] button{min-height:32px;font-size:13px;border-radius:6px}[data-platform-part=auth-tabs] .active{color:var(--ink);box-shadow:0 1px 3px #0000001a}label{font-size:13px;color:var(--ink)}[data-platform-part=auth-form] input{min-height:42px;font-size:15px}input::placeholder,textarea::placeholder{color:var(--muted)}[data-platform-part=auth-submit]{justify-content:center;min-height:40px}[data-platform-part=forgot-password]{background:transparent;border-color:transparent;box-shadow:none;font-size:13px;color:var(--green)}[data-platform-part=forgot-password]:hover{background:var(--surface-muted)}.hint,.registration-legal{font-size:12px;color:var(--muted);line-height:1.6}[data-platform-part=auth-message]{padding:12px;background:var(--accent-soft);border-radius:var(--platform-radius);font-size:13px}.error:not(:empty),[data-platform-part=auth-error]:not(:empty),[data-platform-part=settings-error]:not(:empty){padding:10px 12px;border:1px solid var(--danger-line);border-radius:var(--platform-radius);background:var(--danger-soft);color:var(--danger);font-size:13px;line-height:1.6}.legal-footer{background:var(--paper);color:var(--muted);font-size:11px}[data-platform-part=toast]{background:var(--ink);color:var(--paper);box-shadow:0 8px 28px #0002;border-radius:10px;font-size:13px;z-index:50}dialog{border-radius:var(--platform-radius-panel);border-color:var(--line);padding:var(--platform-inset-panel);box-shadow:0 24px 80px #0003,0 2px 8px #0001;background:var(--paper)}dialog::backdrop{background:var(--overlay);backdrop-filter:blur(2px)}dialog h2{font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.5px}dialog h3{font-size:16px;font-weight:600}dialog p{font-size:13px;line-height:1.6;color:var(--muted)}dialog input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--green)}dialog button:where(:not(.primary,.secondary,.danger)){border-color:var(--line);font-size:13px;line-height:1.5}dialog button:where(:not(.primary,.danger)):hover{background:var(--surface-hover)}dialog [data-platform-part=dialog-close]:not(.primary,.secondary,.danger){position:absolute;top:14px;right:14px;display:grid;place-items:center;min-height:32px;width:32px;height:32px;padding:7px;border:0;border-radius:50%;color:var(--muted);background:var(--surface-muted)}dialog:has([data-platform-part=dialog-close]) h2{padding-inline-end:36px}[data-platform-part=security-qr]{padding:12px;border:1px solid var(--line);border-radius:var(--platform-radius);background:#fff}#action-dialog{width:420px}.action-symbol{display:grid;place-items:center;width:40px;height:40px;margin-bottom:16px;border-radius:50%;background:var(--danger-soft);color:var(--danger)}.toolbar-button,dialog .toolbar-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-width:34px;height:34px;min-height:34px;padding:7px;border:0;border-radius:7px;color:var(--muted);background:transparent}.toolbar-button:hover,dialog .toolbar-button:hover{background:var(--surface-hover);color:var(--ink)}.toolbar-button[aria-expanded=true]{background:var(--accent-soft);color:var(--green)}.toolbar-group{display:inline-flex;gap:2px;align-items:center;padding:2px;border:1px solid var(--line);border-radius:9px;background:var(--surface-muted)}.toolbar-search{display:flex;align-items:center;min-width:0;width:240px;gap:4px;padding-inline-start:9px;border:1px solid var(--line-strong);border-radius:8px;background:var(--paper)}:root:where(:not([data-platform-input=pointer])) .toolbar-search:has(input:focus-visible){outline:3px solid var(--platform-focus);outline-offset:1px}.toolbar-search input{border:0;border-radius:0;min-height:32px;padding:5px 0;font-size:13px;outline:none;width:100%;min-width:0;background:transparent;color:var(--ink)}:root .toolbar-search input:focus{outline:none}.toolbar-search .toolbar-button{width:28px;min-width:28px}.platform-menu :is(button,a){border:0}.platform-menu .danger:hover{background:var(--danger-soft);color:var(--danger)}@media(prefers-color-scheme:dark){:root{--platform-ink: #f0f0f3;--platform-accent: #79b4ff;--platform-muted: #acafb8;--platform-line: #414249;--platform-paper: #232429;--platform-surface: #2c2d33;--platform-accent-soft: #293e5a;--platform-danger: #ff8b97;--action: #0966c6;--action-hover: #075ab2;--surface-hover: #383a42;--line-strong: #626571;--danger-soft: #432d34;--danger-line: #75404b;--danger-hover: #8f2231;--success: #8dd6a6;--success-soft: #253e30;--warning: #e9c477;--warning-soft: #423b29;--warning-line: #766240;--overlay: #0006;--platform-focus: #70acfa}.danger{background:#ad2939;color:#fff}.primary{color:#fff}}@media(max-width:900px){[data-platform-part=auth]{display:flex;min-height:calc(100dvh - 49px)}.denkraum-story{padding-bottom:var(--brand-inset-block);border-inline-end:0;border-bottom:1px solid var(--line)}.denkraum-story .story-content,.story-principles{display:none}[data-platform-part=auth-side]{justify-content:flex-start;padding:40px 24px}[data-platform-part=auth-card]{max-width:380px;margin:auto 0}}@media(max-width:760px){:root{--chat-sidebar-inset: var(--platform-space-3)}[data-platform-part=auth-form] input,.toolbar-search input{font-size:16px}.toolbar-button,dialog .toolbar-button{width:40px;min-width:40px;height:40px;min-height:40px}dialog h2{font-size:20px}}@media(pointer:coarse){.toolbar-button,dialog .toolbar-button{min-width:44px;height:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){:root{--line: var(--muted);--line-strong: var(--ink)}}.toolbar-search input::-webkit-search-cancel-button{-webkit-appearance:none}
