:root{--bg: #000000;--glas: rgba(22, 22, 26, .72);--glas-rand: rgba(255, 255, 255, .08);--text: #f4f4f5;--dim: #8b8b94;--akzent: #7c5cff;--gruen: #34d399;--gelb: #fbbf24;--grau: #6b7280;--schatten: 0 12px 40px rgba(0, 0, 0, .55);--rund: 18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;width:100%;background:var(--bg);color:var(--text);overflow:hidden;overscroll-behavior:none;font-family:ui-sans-serif,-apple-system,SF Pro Text,system-ui,sans-serif}.zeichenflaeche{position:fixed;top:0;right:0;bottom:0;left:0;display:block;background:var(--bg);touch-action:none;cursor:crosshair}.laden{display:grid;place-items:center;height:100%;color:var(--dim);font-size:2rem}.toolbar-wrap{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:20;display:flex;justify-content:center}.toolbar{display:flex;align-items:center;gap:6px;padding:7px;border-radius:999px;background:var(--glas);border:1px solid var(--glas-rand);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:var(--schatten);animation:aufsteigen .35s cubic-bezier(.2,.8,.2,1) both}.tb-btn{display:grid;place-items:center;width:46px;height:46px;padding:0;border:none;border-radius:999px;background:transparent;color:var(--text);font-size:1.25rem;cursor:pointer;transition:background .18s ease,transform .12s ease}.tb-btn:hover{background:#ffffff0f}.tb-btn:active{transform:scale(.9)}.tb-aktiv{background:#7c5cff38}.tb-sek{font-size:.92rem;font-variant-numeric:tabular-nums;color:var(--text)}.tb-logout{color:var(--dim)}.farb-punkt{width:20px;height:20px;border-radius:999px;box-shadow:0 0 0 2px #ffffff2e}.dot{width:11px;height:11px;border-radius:999px;display:inline-block}.dot.gruen{background:var(--gruen);box-shadow:0 0 10px var(--gruen)}.dot.gelb{background:var(--gelb);box-shadow:0 0 10px var(--gelb)}.dot.grau{background:var(--grau)}.pop-anker{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);z-index:40;display:flex;justify-content:center}.pop{position:relative;width:min(86vw,320px);padding:16px;background:var(--glas);border:1px solid var(--glas-rand);border-radius:var(--rund);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:var(--schatten);animation:popauf .22s cubic-bezier(.2,.8,.2,1) both}.pop-titel{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}.pop-btn{width:100%;margin-top:12px;padding:11px;border:none;border-radius:12px;background:var(--akzent);color:#fff;font-weight:600;cursor:pointer;transition:filter .15s ease,transform .1s ease}.pop-btn:hover{filter:brightness(1.1)}.pop-btn:active{transform:scale(.98)}.pop-btn:disabled{opacity:.4;cursor:default}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.swatch{aspect-ratio:1;border-radius:999px;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s ease,border-color .12s ease}.swatch:hover{transform:scale(1.12)}.swatch.sel{border-color:#fff;transform:scale(1.12)}.swatch.eigen{display:grid;place-items:center;background:conic-gradient(red,orange,#ff0,#0f0,#0ff,#00f,#f0f,red);overflow:hidden}.swatch.eigen input{opacity:0;width:100%;height:100%;cursor:pointer}.slider-zeile{display:flex;align-items:center;gap:12px;margin-top:16px}.slider-zeile input[type=range]{flex:1;accent-color:var(--akzent)}.groesse-pille{border-radius:999px;min-width:4px;min-height:4px;box-shadow:0 0 0 1px #fff3}.num{width:70px;background:#ffffff0f;border:1px solid var(--glas-rand);color:var(--text);border-radius:8px;padding:7px}.chips{display:flex;gap:8px}.chip{flex:1;padding:9px 0;border-radius:10px;border:1px solid var(--glas-rand);background:#ffffff0a;color:var(--text);cursor:pointer;transition:background .15s ease}.chip:hover{background:#ffffff17}.chip.sel{background:#7c5cff47;border-color:var(--akzent)}.sync-zeile{display:flex;align-items:center;gap:9px;padding:4px 0}.sync-zeile.dim{color:var(--dim);font-size:.9rem}.pop-liste{width:min(90vw,360px)}.doc-scroll{max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin:0 -4px;padding:0 4px}.doc-zeile{display:flex;align-items:center;gap:4px;border-radius:12px;transition:background .15s ease}.doc-zeile:hover{background:#ffffff0d}.doc-zeile.aktiv{background:#7c5cff29}.doc-name{flex:1;display:flex;align-items:center;gap:11px;background:none;border:none;color:var(--text);padding:8px;cursor:pointer;text-align:left;min-width:0}.doc-thumb{width:40px;height:30px;object-fit:cover;border-radius:6px;background:#111;border:1px solid var(--glas-rand);flex-shrink:0}.doc-thumb.leer{display:inline-block}.doc-titel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-dirty{color:var(--gelb);font-size:1.4rem;line-height:0}.doc-mini{background:none;border:none;color:var(--dim);cursor:pointer;padding:8px 6px;border-radius:8px;transition:color .15s ease,background .15s ease}.doc-mini:hover{color:var(--text);background:#ffffff12}.auth-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 80% at 50% -10%,rgba(124,92,255,.22),transparent 60%),var(--bg)}.auth-card{width:min(92vw,360px);display:flex;flex-direction:column;gap:12px;padding:30px 26px;border-radius:24px;background:var(--glas);border:1px solid var(--glas-rand);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--schatten);animation:aufsteigen .4s cubic-bezier(.2,.8,.2,1) both}.auth-mark{font-size:2.4rem;color:var(--akzent);text-align:center;line-height:1}.auth-card h1{margin:2px 0 0;text-align:center;font-size:1.7rem;letter-spacing:-.02em}.auth-sub{margin:0 0 8px;text-align:center;color:var(--dim);font-size:.95rem}.auth-card input{padding:13px 14px;border-radius:12px;border:1px solid var(--glas-rand);background:#ffffff0d;color:var(--text);font-size:1rem;outline:none;transition:border-color .15s ease,background .15s ease}.auth-card input:focus{border-color:var(--akzent);background:#ffffff14}.auth-primary{padding:13px;border:none;border-radius:12px;background:var(--akzent);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:filter .15s ease,transform .1s ease}.auth-primary:hover{filter:brightness(1.1)}.auth-primary:active{transform:scale(.98)}.auth-primary:disabled{opacity:.45;cursor:default}.auth-toggle{background:none;border:none;color:var(--dim);cursor:pointer;font-size:.9rem;padding:4px}.auth-toggle:hover{color:var(--text)}.auth-fehler{color:#fb7185;font-size:.9rem;text-align:center}@keyframes aufsteigen{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes popauf{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}