:root{--grund: #f2f3f7;--karte: #ffffff;--tinte: #0a0b0d;--grau: #5b5f68;--linie: rgba(10, 11, 13, .06);--akzent: #2f54ff;--akzent-hell: #a1b2ff;--akzent-tief: #1c2f94;--auf-akzent: #ffffff;--gut: #0f7a42;--glow: rgba(47, 84, 255, .3);--schatten: 0 1px 2px rgba(10, 11, 13, .04), 0 12px 32px -14px rgba(10, 11, 13, .14);--feder: cubic-bezier(.34, 1.45, .55, 1);--sanft: cubic-bezier(.2, .8, .2, 1);--top: env(safe-area-inset-top, 0px);--bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--grund)}body{color:var(--tinte);font-family:Geist,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.card{background:var(--karte);border-radius:24px;box-shadow:var(--schatten)}.dark{background:var(--tinte);color:#fff;border-radius:24px}.glass{background:#ffffffb3;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(255,255,255,.88);box-shadow:0 6px 20px #0a0b0d14,inset 0 1px #fffffff2}.glass-strong{background:#ffffffc2;-webkit-backdrop-filter:blur(28px) saturate(190%);backdrop-filter:blur(28px) saturate(190%);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 40px -10px #0a0b0d38,0 2px 6px #0a0b0d0f,inset 0 1px #fff}.lt{margin:0;font-size:34px;font-weight:700;letter-spacing:-.035em;line-height:1.1}.h2{margin:0;font-size:15px;font-weight:600}.mut{color:var(--grau)}.small{font-size:13px;margin:0}.mono{font-family:Geist Mono,ui-monospace,monospace}.stack{display:flex;flex-direction:column;gap:14px}.header{display:flex;flex-direction:column;gap:2px;padding:0 4px}.kicker{font-size:13px;color:var(--grau);display:flex;align-items:center;gap:6px}.pill{height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;align-self:flex-start}.soft{background:#0a0b0d0f}.okp{background:#0f7a4217;color:var(--gut)}.btn{height:44px;padding:0 20px;border-radius:999px;border:0;font-size:15px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform .2s var(--feder)}.btn:active{transform:scale(.97)}.bd{background:var(--tinte);color:#fff}.bs{background:#0a0b0d0f;font-weight:500}.ba{background:var(--akzent);color:var(--auf-akzent);box-shadow:0 10px 22px -10px var(--glow)}.list{display:flex;flex-direction:column;padding:2px 16px}.li{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 0}.li+.li{border-top:1px solid var(--linie)}.grow{flex-grow:1;min-width:0;display:flex;flex-direction:column}.sub{display:block;font-size:12px;color:var(--grau)}.t15{font-size:15px;font-weight:500}.soon{display:flex;flex-direction:column;gap:8px;padding:18px}.orb{position:relative;display:inline-block;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0%,var(--akzent-hell) 20%,var(--akzent) 56%,var(--akzent-tief) 100%);box-shadow:0 6px 16px -4px #2f54ff99,inset 0 -3px 8px #0000002e,inset 0 2px 6px #fff9;transition:width .6s cubic-bezier(.2,.9,.1,1),height .6s cubic-bezier(.2,.9,.1,1)}.orb-alive{box-shadow:0 26px 50px -14px #2f54ff99,inset 0 -10px 26px #0000002e,inset 0 6px 16px #ffffff8c;animation:atmen 5s ease-in-out infinite}.orb-shine{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.6) 70deg,transparent 150deg,transparent 360deg);mix-blend-mode:soft-light;animation:drehen 9s linear infinite}.orb-hi{position:absolute;left:18%;top:11%;width:40%;height:26%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.85),transparent);filter:blur(1px)}.wordmark{display:inline-flex;align-items:baseline;font-weight:700;letter-spacing:-.045em;line-height:1}.wordmark-o{display:inline-block;width:.56em;height:.56em;margin:0 .04em;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0%,var(--akzent-hell) 20%,var(--akzent) 56%,var(--akzent-tief) 100%);box-shadow:0 3px 8px -2px #2f54ff99}.app{position:fixed;inset:0;overflow:hidden;overflow:clip;background:var(--grund)}.glow{position:absolute;left:-60px;right:-60px;top:-120px;height:560px;background:radial-gradient(50% 42% at 50% 40%,var(--glow) 0%,rgba(242,243,247,0) 72%);pointer-events:none;transition:opacity .8s var(--sanft)}.panes{position:absolute;inset:0;overflow:hidden;overflow:clip}.pane{position:absolute;inset:0;overflow-y:auto;scrollbar-width:none;padding:calc(var(--top) + 92px) 20px calc(var(--bottom) + 130px);transition:opacity .42s var(--sanft),transform .62s cubic-bezier(.2,.9,.1,1),filter .42s var(--sanft);will-change:transform,opacity}.pane::-webkit-scrollbar{display:none}.pane-inner{max-width:720px;margin:0 auto}.pane.away{opacity:0;filter:blur(10px);pointer-events:none}.pane.away.left{transform:translate3d(-36px,0,0) scale(.97)}.pane.away.right{transform:translate3d(36px,0,0) scale(.97)}.pane.sheet{background:var(--grund);padding-top:calc(var(--top) + 64px)}.bottomfade{position:absolute;left:0;right:0;bottom:0;height:calc(var(--bottom) + 270px);background:linear-gradient(180deg,rgba(242,243,247,0) 0%,rgba(242,243,247,.92) 38%,var(--grund) 60%);pointer-events:none;z-index:4;transition:opacity .4s var(--sanft)}.bottomfade.hidden{opacity:0}@media(min-width:900px){.bottomfade{left:240px;height:230px}}.topfade{position:absolute;left:0;right:0;top:0;height:calc(var(--top) + 90px);background:linear-gradient(180deg,var(--grund) 45%,rgba(242,243,247,0));pointer-events:none;z-index:4}.corner{position:absolute;top:calc(var(--top) + 14px);z-index:6;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:600;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.9,.1,1);border:0}.corner.right{right:20px;width:44px}.corner.left{left:20px;padding:0 16px;font-size:14px;font-weight:500}.corner.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.tabbar{position:absolute;left:20px;right:20px;bottom:calc(var(--bottom) + 16px);z-index:6;height:70px;border-radius:999px;max-width:480px;margin:0 auto}.tabbar .row{position:relative;display:flex;height:100%;padding:0 8px}.lens{position:absolute;top:7px;height:54px;width:calc((100% - 16px)/5);border-radius:999px;background:#0a0b0d0f;box-shadow:inset 0 1px #ffffffe6;transition:left .6s cubic-bezier(.34,1.5,.5,1),opacity .3s ease}.tab{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;font-size:10px;font-weight:500;color:var(--grau);transition:color .3s ease}.tab.on{color:var(--tinte);font-weight:600}.tab .orb{transition:width .5s cubic-bezier(.34,1.5,.5,1),height .5s cubic-bezier(.34,1.5,.5,1)}.rail{display:none}@media(min-width:900px){.tabbar{display:none}.rail{display:flex;flex-direction:column;gap:28px;position:absolute;left:0;top:0;bottom:0;width:240px;padding:28px 16px;z-index:6}.rail .nav{display:flex;flex-direction:column;gap:4px}.rail .item{display:flex;align-items:center;gap:12px;height:48px;padding:0 14px;border:0;border-radius:16px;background:transparent;color:#3d4048;font-weight:500;text-align:left;transition:background .25s ease,box-shadow .25s ease}.rail .item.on{background:#fff;color:var(--tinte);font-weight:600;box-shadow:0 1px 2px #0a0b0d0a,0 8px 20px -10px #0a0b0d29}.panes{left:240px}.composer{left:264px;right:24px;max-width:720px;margin:0 auto;bottom:24px}.corner.right{right:28px}.corner.left{left:260px}.pane{padding-bottom:200px}}.seg{position:relative;display:grid;padding:4px;border-radius:999px;background:#0a0b0d0f}.segb{position:relative;z-index:1;height:34px;border:0;background:transparent;border-radius:999px;font-size:13px;font-weight:600;color:var(--grau);transition:color .3s ease}.segb.on{color:var(--tinte)}.thumb{position:absolute;top:4px;bottom:4px;border-radius:999px;background:#fff;box-shadow:0 2px 8px #0a0b0d1f;transition:left .5s cubic-bezier(.34,1.4,.55,1)}.hero{display:flex;flex-direction:column;align-items:center;gap:18px;transition:padding .6s cubic-bezier(.2,.9,.1,1)}.home{overflow:hidden;transition:max-height .55s cubic-bezier(.2,.9,.1,1),opacity .3s ease}.greet{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:18px;text-align:center}.greet h1{margin:0;font-size:32px;font-weight:700;letter-spacing:-.035em;line-height:1.1}.greet p{margin:0;font-size:16px;color:var(--grau);max-width:34ch}.thread{display:flex;flex-direction:column;gap:16px;margin-top:16px}.bubble-me{align-self:flex-end;max-width:84%;padding:12px 16px;border-radius:22px 22px 6px;background:var(--akzent);color:var(--auf-akzent);box-shadow:0 10px 24px -12px var(--glow);animation:hoch .45s var(--sanft) both}.bubble-ai{display:flex;flex-direction:column;gap:8px;animation:hoch .45s var(--sanft) both}.bubble-ai .who{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.bubble-ai p{margin:0;font-size:16px;line-height:1.45}.composer{position:absolute;left:12px;right:12px;bottom:calc(var(--bottom) + 98px);z-index:5;display:flex;flex-direction:column;gap:10px;transition:opacity .4s var(--sanft),transform .55s cubic-bezier(.2,.9,.1,1)}.composer.hidden{opacity:0;transform:translateY(28px);pointer-events:none}.chips{display:flex;gap:8px;overflow-x:auto;padding:0 8px;scrollbar-width:none;transition:max-height .45s cubic-bezier(.2,.9,.1,1),opacity .3s ease}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap}.box{display:flex;flex-direction:column;gap:6px;padding:12px 10px 10px 18px;border-radius:28px}.box input{height:36px;padding:0;border:0;outline:none;background:transparent;font-size:17px}.box .row{display:flex;align-items:center;gap:8px}.round{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;transition:transform .2s var(--feder),background .3s ease}.round:active{transform:scale(.94)}.steps li{list-style:none;display:flex;align-items:center;gap:10px;padding:7px 0;font-size:14px}.steps{margin:0;padding:0}.dot{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.dot.done{background:var(--akzent);color:var(--auf-akzent)}.dot.open{border:2px solid #c8cad0}.bar{height:8px;border-radius:999px;background:#0a0b0d0f;overflow:hidden}.fill{height:100%;border-radius:999px;background:var(--akzent);transform-origin:left center;animation:wachsen 1.1s var(--sanft) .15s both}.shimmer{font-size:13px;font-weight:500;background:linear-gradient(90deg,var(--grau) 0%,#c9ccd3 50%,var(--grau) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:schimmern 1.4s linear infinite}.trace{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:18px;background:#ffffffbf;border:1px solid var(--linie)}.trace-row{display:flex;align-items:center;gap:8px;font-size:13px;animation:hoch .35s var(--sanft) both}.trace-row>span:first-child{width:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ell{flex-grow:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny{font-size:11px}.spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(10,11,13,.1);border-top-color:var(--akzent);animation:drehen .7s linear infinite;display:inline-block}.ok-ico{color:var(--gut)}.bad-ico{color:#b42318;font-weight:700}.answer{margin:0;font-size:16px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.action{display:flex;flex-direction:column;gap:10px;padding:16px}.fields{margin:0;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:14px;background:var(--grund);font-size:13px}.fields div{display:flex;gap:8px}.fields dt{color:var(--grau);min-width:72px;flex-shrink:0}.fields dd{margin:0;overflow-wrap:anywhere}.check{width:44px;height:44px;margin:0 -8px;flex-shrink:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center}.check span{width:24px;height:24px;border-radius:50%;border:2px solid #c8cad0;transition:border-color .2s ease,background .2s ease}.check:hover span{border-color:var(--akzent)}.check:active span{background:var(--akzent);border-color:var(--akzent)}button:disabled{opacity:.5;cursor:default}@keyframes schimmern{0%{background-position:200% 0}to{background-position:-200% 0}}.login{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:32px;text-align:center}.login p{margin:0;color:var(--grau);font-size:16px}.note{font-size:13px;color:var(--grau)}.error{max-width:34ch;padding:10px 14px;border-radius:14px;background:#0a0b0d0f;font-size:14px}.r0{animation:hoch .5s var(--sanft) both}.r1{animation:hoch .5s var(--sanft) .05s both}.r2{animation:hoch .5s var(--sanft) .1s both}.r3{animation:hoch .5s var(--sanft) .15s both}.r4{animation:hoch .5s var(--sanft) .2s both}@keyframes atmen{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes drehen{to{transform:rotate(360deg)}}@keyframes hoch{0%{opacity:0;transform:translateY(14px) scale(.98);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes wachsen{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ava{width:40px;height:40px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:#2f54ff1a;color:var(--akzent-tief)}.ava.wa{background:#0f7a421a;color:var(--gut)}.ava.sys{background:#0a0b0d0f;color:var(--grau)}.row-btn{width:100%;border:0;background:transparent;padding:0;text-align:left;color:inherit;font:inherit}.ln2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ln1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;white-space:nowrap;background:#0a0b0d0f;color:var(--grau)}.tag.hot{background:var(--akzent);color:var(--auf-akzent)}.tag.warm{background:#2f54ff1a;color:var(--akzent-tief)}.tag.ok{background:#0f7a4217;color:var(--gut)}.mini{height:34px;padding:0 14px;font-size:13px}.step{display:flex;align-items:center;gap:12px;padding:12px 0}.step+.step{border-top:1px solid var(--linie)}.step .bar-l{width:4px;align-self:stretch;border-radius:4px;background:#0a0b0d14;flex-shrink:0}.step .bar-l.hot{background:var(--akzent)}.step .bar-l.warm{background:var(--akzent-hell)}.ran{display:flex;flex-direction:column;gap:6px;padding:14px 16px}.ran .chips2{display:flex;flex-wrap:wrap;gap:6px}.detail{display:flex;flex-direction:column;gap:12px;padding:16px}.detail textarea{width:100%;min-height:140px;resize:vertical;border:0;border-radius:14px;background:var(--grund);padding:12px;font:inherit;font-size:15px;line-height:1.45;color:var(--tinte);outline:none}.detail textarea:focus{box-shadow:0 0 0 2px #2f54ff59}.btns{display:flex;flex-wrap:wrap;gap:8px}.empty{padding:26px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.toast{position:fixed;left:50%;bottom:calc(110px + var(--bottom));transform:translate(-50%);z-index:50;padding:10px 16px;border-radius:999px;background:var(--tinte);color:#fff;font-size:14px;animation:hoch .4s var(--sanft) both;max-width:calc(100vw - 32px)}.progress{height:6px;border-radius:999px;background:#0a0b0d0f;overflow:hidden}.progress>span{display:block;height:100%;border-radius:999px;background:var(--akzent)}
