@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@500;600&display=swap');

:root { color-scheme:dark; --bg:#090c0b; --surface:#121716; --surface-2:#18201d; --line:#29332f; --line-soft:#202925; --text:#f3f6f3; --muted:#9ba8a1; --orange:#a4e59a; --serif:"Playfair Display", Georgia, serif; --sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing:border-box; } html { background:#000; } body { margin:0; min-width:320px; background:var(--bg); color:var(--text); font-family:var(--sans); -webkit-font-smoothing:antialiased; } button,input { font:inherit; } button { color:inherit; border:0; cursor:pointer; outline:none; } svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; }
.orin-app { min-height:100dvh; background:radial-gradient(circle at 85% -12%,#1b3028 0,transparent 34%),var(--bg); } .desktop-rail,.assistant-panel { display:none; } .phone-stage { width:100%; max-width:500px; margin:0 auto; } .screen { display:none; min-height:100dvh; padding:calc(env(safe-area-inset-top) + 40px) 24px 126px; position:relative; } .screen.is-active { display:block; }
.page-header { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:28px; } .page-header h1 { font:600 42px/1 var(--serif); letter-spacing:-1.8px; margin:0 0 9px; } .page-header p { margin:0; font-size:16px; line-height:1.3; color:var(--muted); letter-spacing:-.3px; } .more-button,.compose { width:38px; height:38px; border-radius:12px; background:var(--surface); color:var(--orange); font-size:15px; letter-spacing:1px; line-height:25px; padding:0; border:1px solid var(--line); } .compose { font-size:27px; font-weight:300; line-height:28px; }
.day-stats { min-height:108px; border:1px solid #29292c; background:linear-gradient(135deg,#161616,#101011); border-radius:17px; display:grid; grid-template-columns:1fr 1fr; margin:0 0 38px; overflow:hidden; box-shadow:inset 0 1px rgba(255,255,255,.025); } .day-stats>div { display:flex; gap:15px; align-items:center; padding:16px 18px; } .day-stats>div+div { border-left:1px solid #2a2a2d; } .day-stats i { width:30px; height:30px; flex:0 0 auto; color:#dedee0; } .day-stats p { margin:0; display:grid; gap:4px; } .day-stats strong { font-size:17px; font-weight:500; white-space:nowrap; letter-spacing:-.45px; } .day-stats span { font-size:15px; color:#b1b1b5; }
.schedule h2 { margin:0; color:#a2a2a6; text-transform:uppercase; font-size:14px; letter-spacing:.2px; font-weight:500; padding-bottom:12px; border-bottom:1px solid #1e1e20; } .timeline { position:relative; list-style:none; padding:0; margin:0; } .timeline::before { content:""; position:absolute; width:1px; background:#68686b; top:35px; bottom:38px; left:14px; } .timeline li { position:relative; display:grid; grid-template-columns:118px minmax(0,1fr); min-height:101px; padding:23px 0 0 43px; } .timeline li::before { content:""; width:22px; height:22px; border:2px solid #a5a5aa; border-radius:50%; background:#050505; position:absolute; top:26px; left:3px; z-index:1; box-shadow:0 0 0 2px #000; } .timeline li.is-current::before { border-color:var(--orange); box-shadow:0 0 0 2px #000, inset 0 0 0 3px #050505; } .timeline li[data-task-item] { cursor:pointer; } .timeline li[data-task-item]:focus { outline:none; } .timeline li[data-task-item].is-completed::before { content:"✓"; display:grid; place-items:center; color:#050505; background:var(--orange); border-color:var(--orange); font:700 15px/1 var(--sans); } .timeline li.is-completed strong,.timeline li.is-completed span { color:#78787d; text-decoration:line-through; } .timeline time { color:#adadb1; font-size:20px; line-height:1.2; letter-spacing:-.5px; } .timeline .is-current time { color:var(--orange); font-weight:600; } .timeline li>div { min-width:0; padding-bottom:20px; border-bottom:1px solid #1e1e20; } .timeline li:last-child>div { border-bottom:0; } .timeline strong { display:block; font:500 22px/1.2 var(--serif); letter-spacing:-.65px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .timeline span { display:block; margin-top:6px; color:#9c9ca0; font-size:18px; line-height:1.25; letter-spacing:-.35px; }
.fab { position:fixed; z-index:5; right:max(31px, calc((100vw - 500px)/2 + 31px)); bottom:calc(env(safe-area-inset-bottom) + 107px); width:73px; height:73px; border-radius:50%; background:var(--orange); box-shadow:0 4px 17px rgba(255,149,0,.2); color:#111; display:grid; place-items:center; } .fab span { font-size:52px; font-weight:300; line-height:1; margin-top:-4px; }
.tabbar { position:fixed; z-index:10; bottom:0; left:0; width:100%; height:88px; padding:12px 20px max(10px, env(safe-area-inset-bottom)); background:#111112; border-top:1px solid #27272a; display:grid; grid-template-columns:repeat(5,1fr); } .tabbar button { background:transparent; display:flex; min-width:0; flex-direction:column; align-items:center; gap:6px; color:#9a9a9f; font-size:13px; line-height:1; letter-spacing:-.25px; padding:0; } .tabbar i { display:block; width:28px; height:28px; } .tabbar button.is-active { color:var(--orange); } .tabbar button.is-active i { filter:drop-shadow(0 0 5px rgba(255,149,0,.15)); } .tabbar button.is-active span { font-weight:600; }
.orin-presence { display:flex; align-items:center; gap:10px; color:#a8a8ac; font-size:14px; margin:-8px 0 23px; } .orin-orb { width:9px; height:9px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 4px rgba(255,149,0,.08); } .assistant-card,.learning-card,.project-card { background:linear-gradient(145deg,#1a1a1b,#111112); border:1px solid #29292c; border-radius:19px; } .assistant-card { padding:27px 25px; margin-bottom:17px; } .eyebrow,.group-label { margin:0 0 13px; color:#a2a2a6; font-size:11px; letter-spacing:.5px; font-weight:500; } .assistant-card h2,.learning-card h2 { margin:0 0 17px; font:500 29px/1.18 var(--serif); letter-spacing:-.8px; } .muted,.assistant-card p:last-child { color:#a1a1a5; font-size:15px; line-height:1.48; margin:0; } .prompt-chips { display:flex; gap:9px; flex-wrap:wrap; } .prompt-chips button { padding:10px 13px; background:#171717; color:#d0d0d2; border:1px solid #2b2b2e; border-radius:14px; font-size:14px; }
.composer { position:fixed; z-index:6; left:40px; right:40px; bottom:calc(env(safe-area-inset-bottom) + 118px); height:51px; border:1px solid #303034; background:#171718; border-radius:16px; display:flex; align-items:center; padding:4px 5px 4px 15px; } .composer input { min-width:0; flex:1; color:#fff; background:transparent; border:0; outline:0; font-size:16px; } .composer input::placeholder { color:#89898e; } .composer button { width:40px; height:40px; border-radius:12px; background:var(--orange); color:#17110a; font-size:23px; line-height:1; }
.project-list { display:grid; gap:15px; } .project-card { position:relative; padding:23px; min-height:216px; } .project-icon { float:right; width:31px; height:31px; color:#bababe; } .project-card h2 { margin:0 0 11px; font:500 27px/1.1 var(--serif); letter-spacing:-.8px; } .project-card p:not(.eyebrow) { margin:0; color:#a0a0a4; font-size:15px; line-height:1.4; max-width:260px; } .project-progress { overflow:hidden; height:4px; background:#303034; border-radius:5px; margin:29px 0 9px; } .project-progress span { display:block; height:100%; border-radius:inherit; background:var(--orange); } .project-card small { color:#8e8e93; font-size:12px; }
.search { height:51px; display:flex; gap:11px; align-items:center; padding:0 15px; background:#171718; border:1px solid #2b2b2e; border-radius:14px; margin:-6px 0 19px; color:#a3a3a7; } .search i { width:21px; height:21px; } .search input { min-width:0; flex:1; color:#fff; background:none; outline:0; border:0; font-size:16px; } .learning-card { padding:25px; margin-bottom:24px; position:relative; overflow:hidden; } .learning-card::after { content:""; position:absolute; width:175px; height:175px; border-radius:50%; background:radial-gradient(circle,rgba(255,149,0,.11),transparent 67%); top:-90px; right:-82px; } .learning-icon { width:26px; height:26px; color:var(--orange); margin-bottom:17px; } .learning-card p:not(.eyebrow) { margin:0 0 22px; color:#a6a6aa; } .learning-card button { padding:0; background:none; color:var(--orange); font-size:15px; } .learning-card b { font-size:24px; vertical-align:-2px; padding-left:4px; } .folder-list { display:grid; border-top:1px solid #242427; } .folder-list button,.profile-card { width:100%; min-height:61px; background:transparent; border-bottom:1px solid #242427; display:flex; align-items:center; text-align:left; gap:14px; padding:0 3px; color:#dedee0; font-size:16px; } .folder-list i { width:23px; height:23px; color:#a7a7ab; } .folder-list b,.profile-card>b { margin-left:auto; color:#9b9b9f; font-size:26px; font-weight:300; }
.profile-card { border-top:1px solid #242427; min-height:78px; padding:10px 3px; margin-bottom:28px; } .avatar { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#29292c; color:#d8d8da; font-size:15px; font-weight:600; } .avatar.large { width:50px; height:50px; font-size:19px; } .profile-card h2 { margin:0 0 4px; font-size:17px; font-weight:500; } .profile-card p { margin:0; color:#97979c; font-size:14px; } .group-label { margin:0 0 10px; } .layout-picker { display:grid; grid-template-columns:repeat(3,1fr); padding:4px; background:#181819; border:1px solid #2a2a2d; border-radius:13px; margin:-3px 0 28px; } .layout-picker button { min-height:35px; background:transparent; border-radius:9px; color:#97979c; font-size:12px; } .layout-picker button.selected { color:#fff; background:#343437; }
.task-sheet { border:0; padding:0; color:#f4f3f0; max-width:none; width:min(100%,500px); height:auto; margin:auto auto 0; border-radius:26px 26px 0 0; background:linear-gradient(160deg,#1c1c1e,#111112); box-shadow:0 -12px 40px rgba(0,0,0,.45); } .task-sheet::backdrop { background:rgba(0,0,0,.62); } .task-sheet form { padding:10px 21px calc(env(safe-area-inset-bottom) + 24px); display:grid; gap:10px; } .sheet-handle { width:39px; height:4px; background:#77777b; border-radius:5px; justify-self:center; margin-bottom:5px; } .task-sheet h2 { margin:2px 0 9px; font:500 30px/1.1 var(--serif); letter-spacing:-.8px; } .task-sheet label { color:#a9a9ad; font-size:11px; letter-spacing:.5px; } .task-sheet input,.sheet-row { width:100%; background:#18181a; border:1px solid #323236; border-radius:12px; color:#f1f1f3; } .task-sheet input { display:block; min-height:67px; padding:12px 15px; margin-top:8px; outline:0; font-size:16px; line-height:1.35; } .sheet-row { height:52px; display:flex; align-items:center; gap:12px; padding:0 13px; text-align:left; font-size:15px; } .sheet-row i { width:22px; height:22px; } .sheet-row b { margin-left:auto; font-size:25px; color:#aaa; font-weight:300; } .task-options { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:3px 0 2px; } .task-options[hidden] { display:none; } .task-options label { color:#a9a9ad; } .task-options input { min-height:46px; padding:8px 10px; margin-top:6px; color-scheme:dark; font-size:14px; } .project-options { grid-template-columns:1fr; border:1px solid #303034; border-radius:12px; overflow:hidden; background:#18181a; } .project-options button { height:43px; text-align:left; padding:0 14px; background:transparent; border-bottom:1px solid #303034; color:#b9b9bd; font-size:14px; } .project-options button:last-child { border-bottom:0; } .project-options button.selected { color:var(--orange); } .create-task { height:51px; margin-top:5px; border-radius:12px; background:var(--orange); color:#17110a; font-weight:600; font-size:16px; }
.security-sheet .security-intro { margin:0 0 14px; color:#a6a6ab; font-size:14px; line-height:1.42; } .security-content { display:grid; gap:17px; } .security-status,.security-empty { margin:0; padding:15px; border:1px solid #303034; border-radius:12px; color:#a6a6ab; background:#18181a; font-size:14px; line-height:1.42; } .security-group { display:grid; gap:8px; } .security-group h3 { margin:0; color:#a9a9ad; font-size:11px; font-weight:500; letter-spacing:.55px; } .security-entry { display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; padding:14px; border:1px solid #303034; border-radius:12px; background:#18181a; } .security-entry strong { display:block; color:#f2f2f3; font-size:15px; font-weight:500; } .security-entry span { display:block; margin-top:4px; color:#96969b; font-size:12px; line-height:1.35; } .security-entry button { padding:7px 0; background:transparent; color:#ff9d92; font-size:13px; white-space:nowrap; } .security-entry button:disabled { color:#77777c; } .security-close { height:51px; margin-top:3px; border:1px solid #3a3a3e; border-radius:12px; background:#27272a; color:#f1f1f2; font-size:16px; font-weight:600; }
.connection-card { padding:16px; border:1px solid #303034; border-radius:13px; background:#18181a; } .connection-card strong { display:block; color:#f2f2f3; font-size:16px; font-weight:500; } .connection-card p { margin:5px 0 0; color:#9c9ca1; font-size:13px; line-height:1.4; } .connection-card button { width:100%; height:45px; margin-top:15px; border-radius:11px; background:var(--orange); color:#1b1208; font-size:15px; font-weight:650; } .connection-card button:disabled { background:#333337; color:#89898e; }
.auth-gate { position:fixed; z-index:50; inset:0; display:grid; place-items:center; padding:28px; background:radial-gradient(circle at 50% 10%,#1b1713 0,#080809 38%,#000 74%); color:#f4f3f0; } .auth-gate[hidden] { display:none; } .auth-gate-inner { width:min(100%,350px); text-align:center; } .auth-wordmark { margin:0 0 62px; font:600 28px/1 var(--serif); letter-spacing:-1px; } .auth-wordmark span { color:var(--orange); font:500 17px/1 var(--sans); letter-spacing:-.7px; padding-left:2px; } .auth-orb { display:block; width:68px; height:68px; margin:0 auto 31px; border:1px solid rgba(255,149,0,.65); border-radius:50%; box-shadow:0 0 0 7px rgba(255,149,0,.055),0 0 42px rgba(255,149,0,.15),inset 0 0 22px rgba(255,149,0,.14); } .auth-gate .eyebrow { margin:0 0 15px; color:var(--orange); } .auth-gate h1 { margin:0; font:500 42px/1.05 var(--serif); letter-spacing:-1.25px; } .auth-copy { margin:18px auto 28px; color:#9e9ea3; font-size:15px; line-height:1.52; } .auth-primary,.auth-secondary { width:100%; min-height:52px; border-radius:13px; font-size:16px; } .auth-primary { background:var(--orange); color:#191108; font-weight:650; } .auth-secondary { margin-top:10px; background:transparent; color:#b9b9bd; } .enrollment-form { display:grid; gap:10px; margin-top:20px; text-align:left; } .enrollment-form[hidden] { display:none; } .enrollment-form label { color:#a9a9ad; font-size:11px; letter-spacing:.55px; } .enrollment-form input { box-sizing:border-box; width:100%; min-height:52px; margin-top:7px; padding:0 14px; border:1px solid #303034; border-radius:12px; outline:0; background:#151516; color:#f2f2f4; font:600 16px/1 var(--sans); letter-spacing:1.3px; text-transform:uppercase; } .auth-status { min-height:21px; margin:17px 0 0; color:#a7a7ab; font-size:13px; line-height:1.4; } .auth-status.is-error { color:#ff9d92; } body[data-auth-state="checking"] .orin-app,body[data-auth-state="locked"] .orin-app { visibility:hidden; }
.project-progress .is-half { width:50%; }
@media (max-width:390px) { .screen { padding-left:27px; padding-right:27px; } .page-header h1 { font-size:40px; } .timeline li { grid-template-columns:97px minmax(0,1fr); padding-left:39px; } .timeline strong { font-size:20px; } .timeline time { font-size:18px; } .day-stats>div { padding:14px 12px; gap:11px; } .day-stats strong { font-size:15px; } .composer { left:27px; right:27px; } .fab { right:27px; } }
@media (min-width:760px) {
  body { background:#0b0b0c; } .orin-app { display:grid; grid-template-columns:230px minmax(560px,680px) 315px; gap:44px; max-width:1430px; min-height:100vh; margin:auto; padding:38px 44px; background:#0b0b0c; } .desktop-rail,.assistant-panel { display:flex; flex-direction:column; } .desktop-rail { border-right:1px solid #242427; padding-right:27px; min-height:calc(100vh - 76px); } .wordmark { color:#f2f1ef; font:600 27px/1 var(--serif); letter-spacing:-1px; text-decoration:none; margin:6px 0 63px; } .wordmark span { color:var(--orange); font:500 17px/1 var(--sans); letter-spacing:-.8px; padding-left:2px; } .rail-nav { display:grid; gap:8px; } .rail-nav button { height:47px; display:flex; align-items:center; gap:13px; background:transparent; border-radius:11px; color:#9d9da2; padding:0 12px; text-align:left; font-size:15px; } .rail-nav i { width:22px; height:22px; } .rail-nav button.is-active { color:var(--orange); background:rgba(255,149,0,.1); } .rail-bottom { display:flex; align-items:center; gap:11px; margin-top:auto; } .rail-bottom p { margin:0; font-size:14px; } .rail-bottom small { display:block; color:#8d8d92; margin-top:3px; font-size:12px; }
  .phone-stage { width:auto; max-width:none; } .screen { min-height:calc(100vh - 76px); padding:37px 9px 48px; } .page-header { margin-bottom:38px; } .page-header h1 { font-size:48px; } .today-header { margin-bottom:33px; } .day-stats { max-width:520px; margin-bottom:36px; } .schedule { max-width:520px; } .fab { position:absolute; right:16px; bottom:48px; } .tabbar { display:none; } .composer { position:relative; inset:auto; margin-top:27px; width:100%; } .assistant-panel { min-height:calc(100vh - 76px); border-left:1px solid #242427; padding:4px 0 0 26px; } .assistant-panel header .eyebrow { margin:0 0 8px; } .assistant-panel h2 { margin:0 0 8px; font:500 31px/1 var(--serif); letter-spacing:-.7px; } .assistant-panel header span { color:#9f9fa4; font-size:13px; } .assistant-panel em { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--orange); margin-right:5px; } .assistant-panel article { margin-top:33px; padding:20px; background:#151516; border:1px solid #29292c; border-radius:16px; } .assistant-panel article>p { margin:0 0 19px; font:500 20px/1.25 var(--serif); letter-spacing:-.45px; } .assistant-panel article button { width:100%; display:flex; background:transparent; color:#b7b7ba; border-top:1px solid #29292c; padding:12px 0 0; margin-top:10px; text-align:left; font-size:14px; } .assistant-panel article b { margin-left:auto; font-size:20px; font-weight:300; } .assistant-panel .composer { margin-top:auto; }
}
@media (min-width:760px) { .orin-app[data-layout="mobile"] { display:block; width:430px; padding:0; background:#000; } .orin-app[data-layout="mobile"] .desktop-rail,.orin-app[data-layout="mobile"] .assistant-panel { display:none; } .orin-app[data-layout="mobile"] .phone-stage { max-width:430px; } .orin-app[data-layout="mobile"] .screen { min-height:100dvh; padding:51px 40px 133px; } .orin-app[data-layout="mobile"] .tabbar { display:grid; } .orin-app[data-layout="mobile"] .fab { position:fixed; right:calc((100vw - 430px)/2 + 31px); bottom:107px; } .orin-app[data-layout="mobile"] .composer { position:fixed; left:calc((100vw - 430px)/2 + 40px); right:calc((100vw - 430px)/2 + 40px); bottom:118px; } }
@media (max-width:759px) { .orin-app[data-layout="desktop"] { max-width:500px; } }

.agenda-refresh { background:transparent; color:var(--orange); font-size:13px; padding:10px 0 10px 8px; }
.agenda-refresh:disabled { color:#85858b; }
.agenda-source { color:#99999f; font-size:12px; line-height:1.5; margin:12px 0; }
.agenda-status { color:#c5c5ca; font-size:14px; line-height:1.5; margin:18px 0; }
.timeline:empty::before { display:none; }
#heute .timeline time { font-size:16px; }
#heute .timeline strong { white-space:normal; overflow-wrap:anywhere; }
#heute .timeline span { font-size:14px; }

.workspace-label { display:grid; gap:8px; color:#aaa; font-size:12px; }
.workspace-label select,.knowledge-search input { min-width:0; width:100%; padding:12px; border:1px solid #363638; border-radius:10px; background:#171719; color:#eee; font:16px var(--sans); }
.workspace-status { color:#aaaab0; font-size:14px; line-height:1.5; }
.chat-log { display:grid; gap:18px; margin:24px 0; }
.chat-message { background:#151517; border:1px solid #29292c; padding:16px; border-radius:14px; }
.chat-message.from-user { margin-left:22px; background:#201a13; }
.chat-message>strong { color:var(--orange); font-size:12px; }
.chat-message>div { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.55; font-size:16px; margin-top:8px; }
#orin .live-composer { position:relative; inset:auto; width:100%; gap:10px; margin-top:20px; padding:12px; }
.live-composer textarea { min-width:0; flex:1; width:100%; resize:vertical; max-height:220px; border:0; background:transparent; color:#eee; font:16px/1.45 var(--sans); }
.workspace-action { background:transparent; color:var(--orange); padding:12px 0; }
button:disabled { opacity:.55; cursor:wait; }
.note-entry { display:block; width:100%; text-align:left; padding:17px; margin:12px 0; border:1px solid #303034; background:#171719; color:#eee; border-radius:12px; }
.note-entry strong { display:block; font:500 21px var(--serif); overflow-wrap:anywhere; }
.note-entry span { display:block; margin-top:9px; font-size:14px; line-height:1.4; color:#aaa; overflow-wrap:anywhere; }
.knowledge-search { display:flex; gap:10px; }
.knowledge-search button,.knowledge-categories button { border:1px solid #343437; border-radius:10px; background:#1c1c1f; color:#ddd; padding:10px; }
.knowledge-categories { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }
.note-dialog { width:min(90vw,780px); max-height:85vh; overflow:auto; }
.note-dialog pre { white-space:pre-wrap; overflow-wrap:anywhere; font:15px/1.6 var(--sans); color:#ddd; }
.note-dialog form { position:sticky; top:0; background:#202023; padding-bottom:12px; }

.agenda-option { display:flex; align-items:center; gap:10px; font-size:14px; margin:12px 0; }
.agenda-option input { width:18px; height:18px; accent-color:#a1d79b; }

.network-banner { position:fixed; top:0; left:0; right:0; z-index:1000; margin:0; padding:12px 18px; background:#563f15; color:#fff; font-size:14px; text-align:center; }
.network-banner[hidden], [data-pwa-install][hidden] { display:none; }
.folder-list button:disabled { opacity:.45; cursor:default; }

/* Final visual system: shared cards, deliberate spacing and accessible focus. */
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:2px solid var(--orange); outline-offset:3px; }
.day-stats,.assistant-card,.learning-card,.project-card,.chat-message,.note-entry,.connection-card,.security-entry,.security-status,.security-empty { border-color:var(--line); background:linear-gradient(145deg,rgba(30,39,35,.96),rgba(16,21,19,.96)); box-shadow:0 14px 34px rgba(0,0,0,.16); }
.day-stats { min-height:96px; border-radius:20px; margin-bottom:30px; }
.day-stats>div { padding:15px; gap:12px; }.day-stats>div+div{border-color:var(--line)} .day-stats i{color:var(--orange)} .day-stats strong{font-size:19px}.day-stats span{font-size:13px;color:var(--muted)}
.schedule h2 { color:var(--muted); border-color:var(--line-soft); letter-spacing:.85px; }
.agenda-source,.agenda-status,.workspace-status { color:var(--muted); }.agenda-status{margin:14px 0}.agenda-refresh{min-height:38px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-weight:600}
.workspace-label { margin-top:14px; color:var(--muted); font-size:11px; letter-spacing:.7px; }.workspace-label select,.knowledge-search input { border-color:var(--line); background:var(--surface); border-radius:12px; }
.agenda-option { padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:rgba(18,23,21,.72); color:#d7e0db; }.agenda-option input { accent-color:var(--orange); }
.timeline::before { background:#415048; }.timeline li { min-height:80px; padding-top:18px; }.timeline li::before { border-color:#91a198;background:var(--bg);top:20px; }.timeline li>div { padding-bottom:17px;border-color:var(--line-soft); }.timeline strong { font-family:var(--sans);font-size:16px;font-weight:600;letter-spacing:-.25px; }.timeline span,#heute .timeline span { color:var(--muted);font-size:13px; }.timeline time,#heute .timeline time { font-size:14px;color:#cbd5cf; }
.chat-log { gap:12px;margin:19px 0; }.chat-message { padding:14px 15px;border-radius:16px; }.chat-message.from-user { background:linear-gradient(145deg,#24372c,#1a2820); border-color:#45634d; }.chat-message>strong { color:var(--orange); }.chat-message>div { font-size:15px;line-height:1.58; }
#orin .live-composer,.composer { border-color:var(--line); background:var(--surface); box-shadow:0 14px 30px rgba(0,0,0,.2); }.composer button,.create-task,.connection-card button,.auth-primary { background:var(--orange); color:#102014; }.live-composer textarea { color:var(--text); }
.project-list { gap:12px; }.project-card { min-height:0;padding:19px;border-radius:17px; }.project-card h2,.note-entry strong { font-family:var(--sans);font-size:18px;font-weight:600;letter-spacing:-.35px; }.project-card p:not(.eyebrow),.note-entry span { color:var(--muted); }.project-progress span{background:var(--orange)}
.knowledge-search { margin:0 0 14px; }.knowledge-search button,.knowledge-categories button { border-color:var(--line);background:var(--surface);border-radius:10px;color:#d8e2dc; }.knowledge-categories button:first-child { border-color:#54765b;color:var(--orange); }.note-entry { margin:10px 0;padding:15px;border-radius:14px; }
.folder-list { border-color:var(--line); }.folder-list button,.profile-card { border-color:var(--line); min-height:58px; }.profile-card { margin-bottom:23px; }.layout-picker { border-color:var(--line); background:var(--surface); }.layout-picker button.selected { background:#2b3b32;color:var(--text); }
.tabbar { height:82px; padding-top:10px; background:rgba(12,16,14,.94);border-color:var(--line);backdrop-filter:blur(16px); }.tabbar button { color:var(--muted);font-size:11px; }.tabbar button.is-active { color:var(--orange); }.tabbar i{width:25px;height:25px}
.auth-gate { background:radial-gradient(circle at 50% 8%,#243b30 0, #0d1310 42%, #090c0b 76%); }.auth-orb { border-color:var(--orange);box-shadow:0 0 0 8px rgba(164,229,154,.06),0 0 48px rgba(164,229,154,.16),inset 0 0 22px rgba(164,229,154,.13); }.auth-gate .eyebrow,.auth-wordmark span { color:var(--orange); }.auth-copy{color:var(--muted)}.auth-secondary{color:#c7d3cb}
.network-banner { background:#59431b; }
@media (min-width:760px) { .orin-app { grid-template-columns:220px minmax(560px,680px) 300px; gap:38px; } .desktop-rail,.assistant-panel { border-color:var(--line); }.rail-nav button.is-active { background:#213328;color:var(--orange); }.screen { padding-top:32px; }.assistant-panel article { border-color:var(--line);background:var(--surface); }.assistant-panel article button{border-color:var(--line)} }