:root{--red:#CD1C18;--peach:#FFA896;--wine:#9B1313;--dark:#38000A;--ink:#211517;--muted:#76696c;--bg:#f8f5f4;--card:#fff;--line:#eadfdd;--ok:#19754a;--shadow:0 18px 60px rgba(56,0,10,.10)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 85% -10%,rgba(255,168,150,.35),transparent 30%),var(--bg);min-height:100vh;padding-bottom:100px}a{text-decoration:none;color:inherit}.topbar{height:78px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:rgba(248,245,244,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(234,223,221,.7)}.brand{font-size:28px;font-weight:800;letter-spacing:-1.5px}.brand span{color:var(--red)}.top-actions{display:flex;gap:12px;align-items:center}.top-add{background:var(--dark);color:white;border-radius:999px;padding:11px 16px;font-weight:700;font-size:14px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--peach);color:var(--dark);font-weight:800}.shell{width:min(1180px,calc(100% - 28px));margin:34px auto}.hero{background:linear-gradient(135deg,var(--dark),var(--wine) 65%,var(--red));color:#fff;padding:clamp(26px,5vw,56px);border-radius:34px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,168,150,.18);right:-80px;top:-110px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;opacity:.72}.hero h1{font-size:clamp(34px,7vw,68px);line-height:.98;letter-spacing:-.055em;margin:14px 0 16px;max-width:740px}.hero p{font-size:18px;max-width:660px;line-height:1.6;color:#f7dedd}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:0;border-radius:16px;padding:13px 17px;font:inherit;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--red);color:white}.btn-dark{background:var(--dark);color:#fff}.btn-light{background:#fff;color:var(--dark)}.btn-soft{background:#f5e8e6;color:var(--wine)}.btn-block{width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.stat{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 10px 34px rgba(56,0,10,.05)}.stat strong{font-size:34px;display:block;letter-spacing:-.04em}.stat span{color:var(--muted);font-size:14px}.stat.alert{background:#fff0ee;border-color:#ffc7bd;color:var(--wine)}.grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 10px 34px rgba(56,0,10,.04)}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.panel h2{margin:0;font-size:22px;letter-spacing:-.035em}.muted{color:var(--muted)}.loan-card,.item-card,.person-card{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.loan-card:last-child,.item-card:last-child,.person-card:last-child{border-bottom:0}.thumb{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,var(--peach),#ffe3dd);display:grid;place-items:center;font-size:28px;overflow:hidden;flex:0 0 auto}.thumb img{width:100%;height:100%;object-fit:cover}.grow{flex:1;min-width:0}.grow strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:13px;color:var(--muted);margin-top:5px}.badge{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#f2eceb;color:var(--muted)}.badge.overdue{background:#ffe3de;color:var(--wine)}.badge.due{background:#fff2cf;color:#735100}.badge.open{background:#e7f6ee;color:var(--ok)}.empty{padding:38px 12px;text-align:center;color:var(--muted)}.page-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}.page-title h1{font-size:clamp(32px,5vw,54px);margin:0;letter-spacing:-.055em}.form-card{max-width:720px;margin:auto;background:#fff;border:1px solid var(--line);padding:28px;border-radius:28px;box-shadow:var(--shadow)}.field{margin-bottom:17px}.field label{display:block;font-weight:750;font-size:13px;margin:0 0 8px}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px 15px;font:inherit;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(205,28,24,.08)}.textarea{min-height:110px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.flash{padding:14px 16px;border-radius:16px;margin-bottom:16px;font-weight:700}.flash.success{background:#e5f6ed;color:#19623f}.flash.error{background:#ffe2de;color:#8b1515}.auth{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:#fff}.auth-art{background:linear-gradient(145deg,var(--dark),var(--wine),var(--red));padding:70px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-art h1{font-size:clamp(52px,8vw,94px);line-height:.9;letter-spacing:-.07em;margin:0}.auth-art p{font-size:19px;max-width:520px;color:#f7dedd}.auth-box{display:grid;place-items:center;padding:30px}.auth-card{width:min(420px,100%)}.auth-card h2{font-size:38px;letter-spacing:-.055em;margin:0 0 8px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quick-card{min-height:190px;border-radius:28px;padding:24px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}.quick-card:nth-child(1){background:var(--red)}.quick-card:nth-child(2){background:var(--dark)}.quick-card:nth-child(3){background:var(--wine)}.quick-card:nth-child(4){background:var(--peach);color:var(--dark)}.quick-card span{font-size:38px}.quick-card strong{font-size:24px;letter-spacing:-.04em}.dock{position:fixed;z-index:40;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100% - 24px));height:72px;border-radius:25px;background:rgba(56,0,10,.95);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-around;padding:0 12px;box-shadow:0 18px 50px rgba(56,0,10,.28)}.dock a{color:#d7b8bd;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:58px}.dock a.active{color:#fff}.dock span{font-size:22px}.dock small{font-size:10px}.dock-main{width:58px;height:58px;border-radius:50%;background:var(--red);color:#fff!important;display:grid!important;place-items:center;transform:translateY(-16px);box-shadow:0 12px 24px rgba(205,28,24,.35)}.dock-main span{font-size:32px}.list-actions{display:flex;gap:8px;flex-wrap:wrap}.mini{padding:9px 11px;border-radius:12px;font-size:12px;font-weight:800;background:#f3eceb}.danger{color:#991c1c}.settings-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.settings-nav a{padding:10px 13px;border-radius:999px;background:#f1e9e8;font-weight:700;font-size:13px}@media(max-width:800px){.top-add{display:none}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.auth{grid-template-columns:1fr}.auth-art{display:none}.quick-grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}.page-title{align-items:flex-start;flex-direction:column}.shell{margin-top:22px}.topbar{height:68px}.panel{padding:19px}}@media(max-width:430px){.stats{gap:10px}.stat{padding:17px;border-radius:20px}.stat strong{font-size:28px}.dock small{display:none}.dock{height:66px}.hero{border-radius:26px}.hero p{font-size:16px}}

/* Mobile-first polish 0.2.0 */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;min-height:100dvh;padding-bottom:calc(104px + env(safe-area-inset-bottom))}
button,input,select,textarea{font-family:inherit}
button,.btn,.dock a,.quick-card,.top-add,.avatar{touch-action:manipulation}
.btn,.input,.select,.textarea{min-height:50px}
.input,.select,.textarea{font-size:16px}
.btn:active,.quick-card:active,.dock a:active{transform:scale(.98)}
.btn{transition:transform .12s ease,opacity .2s ease,box-shadow .2s ease}
.btn.is-busy{pointer-events:none;opacity:.72}
.btn.is-busy:after{content:"";width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

@media(max-width:800px){
  body{background:linear-gradient(180deg,rgba(255,168,150,.14),transparent 220px),var(--bg)}
  .topbar{height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 17px 0;position:sticky;background:rgba(248,245,244,.94);backdrop-filter:blur(22px) saturate(1.3)}
  .brand{font-size:24px;letter-spacing:-1.2px}
  .avatar{width:38px;height:38px}
  .shell{width:100%;margin:0;padding:18px 14px 8px}
  .hero{padding:24px 20px 22px;border-radius:25px;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end}
  .hero:after{width:220px;height:220px;right:-75px;top:-80px}
  .hero h1{font-size:41px;line-height:.96;margin:10px 0 12px;max-width:290px}
  .hero p{font-size:15px;line-height:1.45;margin:0;max-width:280px}
  .hero-actions{margin-top:20px;display:grid;grid-template-columns:1fr;gap:9px;position:relative;z-index:2}
  .hero-actions .btn{width:100%}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
  .stat{padding:16px;border-radius:20px;min-height:104px;display:flex;flex-direction:column;justify-content:space-between}
  .stat strong{font-size:31px}
  .stat span{font-size:12px;line-height:1.2}
  .grid{gap:12px}
  .panel{padding:18px 16px;border-radius:23px}
  .panel-head{margin-bottom:8px;align-items:center}
  .panel-head h2,.panel h2{font-size:20px}
  .panel-head>a{font-size:12px;font-weight:700}
  .loan-card,.item-card,.person-card{padding:13px 0;gap:12px;align-items:center}
  .thumb{width:54px;height:54px;border-radius:16px;font-size:24px}
  .meta{font-size:12px;line-height:1.35}
  .badge{font-size:10px;padding:6px 8px;white-space:nowrap}
  .page-title{margin:3px 2px 16px;gap:8px}
  .page-title h1{font-size:38px;line-height:1}
  .form-card{padding:19px 16px;border-radius:23px;box-shadow:0 14px 45px rgba(56,0,10,.08)}
  .field{margin-bottom:14px}
  .field label{font-size:12px;margin-bottom:7px}
  .input,.select,.textarea{border-radius:14px;padding:13px 14px}
  .textarea{min-height:96px}
  .two{grid-template-columns:1fr;gap:0}
  .quick-grid{grid-template-columns:1fr 1fr;gap:10px}
  .quick-card{min-height:142px;border-radius:23px;padding:17px}
  .quick-card span{font-size:31px}
  .quick-card strong{font-size:18px;line-height:1.05}
  .dock{left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));transform:none;width:auto;height:68px;border-radius:23px;padding:0 5px;background:rgba(56,0,10,.96)}
  .dock a{min-width:0;flex:1;gap:1px;padding:8px 2px;border-radius:16px}
  .dock span{font-size:21px;line-height:1}
  .dock small{font-size:9px;display:block}
  .dock-main{flex:0 0 56px!important;width:56px!important;height:56px!important;margin:0 3px;transform:translateY(-13px)!important;padding:0!important}
  .dock-main:active{transform:translateY(-13px) scale(.95)!important}
  .list-actions{gap:6px}
  .mini{padding:8px 10px}
  .flash{margin:0 0 12px;padding:12px 14px;border-radius:14px;font-size:13px}
}

@media(max-width:370px){
  .shell{padding-left:10px;padding-right:10px}
  .hero{padding-left:17px;padding-right:17px}
  .hero h1{font-size:36px}
  .stats{gap:7px}
  .stat{padding:13px;min-height:96px}
  .quick-grid{grid-template-columns:1fr}
  .quick-card{min-height:112px}
  .dock small{display:none}
}

@media(max-width:800px) and (orientation:landscape){
  .topbar{position:relative;height:58px;padding-top:0}
  .shell{max-width:760px;margin:auto}
  .dock{max-width:560px;left:50%;right:auto;transform:translateX(-50%)}
}

/* iPhone-focused login */
@media(max-width:800px){
  .auth{display:block;min-height:100dvh;background:radial-gradient(circle at 90% 0,rgba(255,168,150,.35),transparent 38%),#fff}
  .auth-box{min-height:100dvh;display:flex;align-items:center;padding:calc(28px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom))}
  .auth-card{margin:auto}
  .auth-card:before{content:"Volixo.";display:block;font-size:29px;font-weight:800;letter-spacing:-1.6px;color:var(--dark);margin-bottom:46px}
  .auth-card h2{font-size:39px;line-height:1;margin-bottom:10px}
  .auth-card .btn{margin-top:4px}
}
/* Open Beta 0.5 – Begleit-App */
.home-hero{background:linear-gradient(135deg,var(--dark),var(--wine) 68%,var(--red));color:#fff;border-radius:34px;padding:clamp(26px,5vw,52px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;box-shadow:var(--shadow);position:relative;z-index:20;overflow:visible}.home-hero h1{font-size:clamp(38px,7vw,70px);letter-spacing:-.065em;line-height:.95;margin:12px 0 20px}.home-hero p{color:#f7dedd}.smart-search{background:#fff;border-radius:20px;padding:7px;display:flex;align-items:center;max-width:670px;box-shadow:0 18px 40px rgba(0,0,0,.16);position:relative;z-index:200;isolation:isolate}.smart-search span{color:var(--dark);font-size:26px;padding:0 10px}.smart-search input{border:0;outline:0;min-width:0;flex:1;font:inherit;font-size:16px;padding:12px 4px}.smart-search button{border:0;background:var(--red);color:#fff;border-radius:14px;padding:13px 18px;font-weight:800}.hero-orb{width:82px;height:82px;flex:0 0 82px;border-radius:50%;background:var(--peach);color:var(--dark);display:grid;place-items:center;font-size:46px;font-weight:400}.dashboard-grid,.detail-grid,.control-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;position:relative;z-index:1}.deadline-chart{height:180px;display:flex;align-items:flex-end;gap:8px;padding:18px 0}.deadline-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.deadline-col b{width:100%;min-height:8px;max-width:34px;background:linear-gradient(var(--peach),var(--red));border-radius:12px 12px 5px 5px;position:relative}.deadline-col i{position:absolute;top:-22px;width:100%;text-align:center;font-style:normal;font-size:11px}.deadline-col span{font-size:10px;color:var(--muted)}.quick-row{display:grid;gap:8px}.quick-row a{padding:12px;border-radius:14px;background:#f5eceb;font-weight:750}.object-image{height:320px;background:linear-gradient(135deg,var(--peach),#ffe7e1);border-radius:22px;display:grid;place-items:center;font-size:80px;overflow:hidden}.object-image img{width:100%;height:100%;object-fit:cover}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.detail-facts div{background:#f8f3f2;padding:14px;border-radius:16px}.detail-facts span,.share-preview small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.detail-facts strong{font-size:14px}.share-preview{margin-top:18px;padding:14px;background:#f8f3f2;border-radius:16px;overflow:hidden}.share-preview code{font-size:11px;overflow-wrap:anywhere}.panel>.btn+.btn{margin-top:9px}.public-status{padding:0;background:linear-gradient(145deg,var(--dark),var(--wine),var(--red));min-height:100dvh}.status-shell{width:min(520px,calc(100% - 28px));margin:auto;padding:calc(28px + env(safe-area-inset-top)) 0 calc(28px + env(safe-area-inset-bottom));color:#fff}.status-card{background:#fff;color:var(--ink);padding:20px;border-radius:30px;margin-top:32px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.status-image{height:250px;border-radius:22px;background:linear-gradient(135deg,var(--peach),#ffe7e1);display:grid;place-items:center;font-size:70px;overflow:hidden;margin-bottom:20px}.status-image img{width:100%;height:100%;object-fit:cover}.status-card h1{font-size:36px;letter-spacing:-.05em;margin:8px 0}.status-actions{display:grid;gap:9px;margin-top:22px}.status-actions button{border:0;border-radius:16px;padding:15px;text-align:left;font:inherit;font-weight:800;background:#f5eceb;color:var(--dark)}.status-actions button:first-child{background:var(--red);color:#fff}.status-foot{display:block;text-align:center;margin-top:18px;color:#f7dedd}.deadline-row{display:grid;grid-template-columns:90px 1fr auto;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.deadline-row:last-child{border-bottom:0}.deadline-row time{font-weight:800;color:var(--wine)}.deadline-row span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.activity-feed>div{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.activity-feed i{width:34px;height:34px;border-radius:50%;background:var(--peach);display:grid;place-items:center;font-style:normal;font-weight:800}.activity-feed p{margin:0;line-height:1.4}.activity-feed small{display:block;color:var(--muted);margin-top:4px}.scheduler-card{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.scheduler-card code{display:block;padding:12px;background:#f7f1f0;border-radius:12px;margin-bottom:10px;overflow-wrap:anywhere}
@media(max-width:800px){.home-hero{border-radius:25px;padding:23px 18px;display:block}.home-hero h1{font-size:43px}.hero-orb{display:none}.smart-search{border-radius:16px}.smart-search button{padding:12px}.dashboard-grid,.detail-grid,.control-grid{grid-template-columns:1fr;gap:12px}.detail-facts{grid-template-columns:1fr}.object-image{height:250px}.deadline-chart{height:150px}.scheduler-card{display:block}.scheduler-card>div+div{margin-top:16px}.deadline-row{grid-template-columns:76px 1fr auto}.status-card h1{font-size:32px}}
.list-search{margin-bottom:16px;max-width:none;border:1px solid var(--line);box-shadow:none}.list-search input{background:transparent}
/* Open Beta 0.6 – Companion */
.control-link{font-size:12px;font-weight:800;padding:10px 13px;border-radius:13px;background:#f5eceb;color:var(--wine)}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-panel{align-self:start}.field-help{display:block;color:var(--muted);font-size:11px;margin-top:7px;line-height:1.4}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.switch-row>span{display:grid;gap:3px}.switch-row small{color:var(--muted)}.switch-row input{position:absolute;opacity:0}.switch-row i{width:48px;height:28px;border-radius:999px;background:#ded5d3;position:relative;transition:.2s;flex:0 0 auto}.switch-row i:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:.2s}.switch-row input:checked+i{background:var(--red)}.switch-row input:checked+i:after{transform:translateX(20px)}.password-wrap{position:relative}.password-wrap .input{padding-right:88px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:#f2e8e6;color:var(--wine);font-weight:800;padding:8px 10px;border-radius:10px}.password-meter{height:6px;background:#eee5e3;border-radius:99px;margin-top:8px;overflow:hidden}.password-meter i{display:block;height:100%;width:0;background:var(--red);transition:.2s}.channel-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.channel-pills input{position:absolute;opacity:0}.channel-pills span{display:block;text-align:center;padding:12px 8px;border:1px solid var(--line);border-radius:14px;font-weight:750}.channel-pills input:checked+span{background:var(--dark);border-color:var(--dark);color:#fff}.soft-line{border:0;border-top:1px solid var(--line);margin:24px 0}.capture-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;border:1px dashed #d5b9b4;background:#fff8f6;border-radius:20px;margin-bottom:12px}.capture-card input{position:absolute;opacity:0;pointer-events:none}.capture-card small{display:block;color:var(--muted);margin-top:4px}.capture-icon{width:48px;height:48px;border-radius:15px;background:var(--peach);display:grid;place-items:center;font-size:25px}.ai-result{margin:12px 0;padding:14px;border-radius:16px;background:#f3eceb}.ai-result span{float:right;font-size:11px;font-weight:800;color:var(--wine)}.ai-result p{margin:6px 0 0;color:var(--muted);font-size:12px}.chat-panel{margin-top:20px}.chat-stream{display:flex;flex-direction:column;gap:10px;max-height:430px;overflow:auto;padding:4px}.chat-bubble{max-width:78%;padding:12px 14px;border-radius:18px;background:#f3eceb;align-self:flex-start}.chat-bubble.owner{background:var(--dark);color:#fff;align-self:flex-end}.chat-bubble strong{font-size:12px}.chat-bubble p{margin:5px 0;line-height:1.45}.chat-bubble small{opacity:.65;font-size:10px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:14px}.chat-compose .textarea{min-height:58px}.public-chat{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.public-chat h2{font-size:20px}.control-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 20px}.control-actions a{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 30px rgba(56,0,10,.05)}.control-actions b{width:42px;height:42px;border-radius:14px;background:var(--peach);display:grid;place-items:center;font-size:20px}.control-actions span{display:grid;gap:3px}.control-actions small{color:var(--muted)}.lower-grid{margin-top:20px}.mini-chart>div{display:grid;grid-template-columns:70px 1fr 35px;gap:10px;align-items:center;margin:14px 0}.mini-chart b{height:10px;background:#eee7e5;border-radius:99px;overflow:hidden}.mini-chart b i{display:block;width:var(--value);height:100%;background:linear-gradient(90deg,var(--peach),var(--red))}.run-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.run-row div{display:grid}.run-row small{color:var(--muted);margin-top:3px}
@media(max-width:800px){.control-link{display:none}.account-grid{grid-template-columns:1fr;gap:12px}.channel-pills{grid-template-columns:1fr}.capture-card{grid-template-columns:auto 1fr}.capture-card .btn{grid-column:1/-1}.chat-compose{grid-template-columns:1fr}.chat-compose .btn{width:100%}.control-actions{grid-template-columns:1fr 1fr;gap:9px}.control-actions a{padding:13px;display:block}.control-actions b{margin-bottom:10px}.control-actions small{font-size:10px}}
/* Open Beta 0.7 – Easy Forms, Contact & Feedback */
.top-mini{font-size:12px;font-weight:750;color:var(--wine)}
.spacious-form{max-width:920px;margin-inline:auto;padding:clamp(20px,4vw,38px)}
.spacious-form .field{margin-bottom:20px}.spacious-form label{font-size:13px;margin-bottom:9px}.spacious-form .input,.spacious-form .textarea{min-height:54px;font-size:16px;border-radius:16px}.spacious-form .textarea-lg{min-height:170px}.spacious-form .btn-lg{min-height:58px;font-size:17px;border-radius:18px}.input-lg{min-height:62px!important;font-size:18px!important}.inline-create{margin-top:9px;padding:12px;border-radius:14px;background:#fff5f2}.inline-create small{display:block;color:var(--muted);margin-top:6px}.inline-add{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:16px}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip-list span{display:flex;align-items:center;gap:8px;background:#f5eceb;border-radius:999px;padding:9px 12px;font-weight:700}.chip-list a{width:21px;height:21px;border-radius:50%;background:#fff;display:grid;place-items:center}.import-preview{display:grid;gap:9px;margin:18px 0}.import-card{display:grid;padding:14px;border:1px solid var(--line);border-radius:16px}.import-card span,.import-card small{color:var(--muted);margin-top:3px}.inbox-card{padding:16px 0;border-bottom:1px solid var(--line)}.inbox-card>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.inbox-card h3{margin:12px 0 8px}.inbox-card p{line-height:1.55}.inbox-card>small{display:block;color:var(--muted);overflow-wrap:anywhere;margin:10px 0}.feedback-shot{width:100%;max-height:280px;object-fit:cover;border-radius:16px;border:1px solid var(--line)}
@media(max-width:800px){.top-mini{display:none}.spacious-form{padding:20px 16px}.spacious-form .input,.spacious-form .textarea{min-height:58px}.spacious-form .textarea{min-height:130px}.spacious-form .textarea-lg{min-height:190px}.inline-add{grid-template-columns:1fr}.inline-add .btn{width:100%}.page-title h1{font-size:36px;line-height:1.02}.form-card{border-radius:24px}.control-actions{grid-template-columns:1fr 1fr}}

/* Open Beta 0.9.4 – Navigation & reliable photo UX */
.desktop-nav{display:flex;align-items:center;gap:5px;margin-inline:auto}.desktop-nav a{padding:10px 12px;border-radius:13px;color:var(--muted);font-size:13px;font-weight:750;transition:.18s}.desktop-nav a:hover,.desktop-nav a.active{background:#fff;color:var(--dark);box-shadow:0 6px 18px rgba(56,0,10,.07)}.beta-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:4px}.menu-toggle{display:none;width:42px;height:42px;border:0;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(56,0,10,.08);align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:var(--dark)}.mobile-menu{position:fixed;z-index:80;right:0;top:0;width:min(390px,92vw);height:100dvh;background:#fff;padding:calc(18px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom));transform:translateX(105%);transition:transform .25s ease;box-shadow:-20px 0 70px rgba(56,0,10,.22);overflow:auto}.mobile-menu.open{transform:translateX(0)}.menu-backdrop{position:fixed;z-index:70;inset:0;background:rgba(36,8,13,.42);backdrop-filter:blur(3px)}body.menu-open{overflow:hidden}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 18px}.mobile-menu-head>div{display:grid}.mobile-menu-head small{color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.13em}.mobile-menu-head strong{font-size:30px;letter-spacing:-.05em}.mobile-menu-head button{width:42px;height:42px;border:0;border-radius:50%;font-size:28px;background:#f5eceb;color:var(--dark)}.mobile-menu nav{display:grid;gap:7px}.mobile-menu nav>a{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:11px;border-radius:18px}.mobile-menu nav>a:hover{background:#faf5f4}.mobile-menu nav>a>b{width:48px;height:48px;border-radius:15px;background:#f5eceb;color:var(--wine);display:grid;place-items:center;font-size:21px}.mobile-menu nav>a>span{display:grid;gap:2px}.mobile-menu nav>a small{color:var(--muted);font-size:11px}.mobile-menu nav>a em{font-style:normal;font-size:10px;font-weight:800;background:var(--red);color:#fff;padding:5px 7px;border-radius:999px}.mobile-menu-section{margin:16px 10px 4px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.dock-more{border:0;background:transparent;color:#d7b8bd;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:58px;font:inherit}.dock-more span{font-size:18px;letter-spacing:2px}.dock-more small{font-size:10px}.capture-card.has-preview{grid-template-columns:76px 1fr auto}.capture-preview{width:76px;height:76px;border-radius:18px;background:linear-gradient(135deg,var(--peach),#ffe4df);display:grid;place-items:center;overflow:hidden;font-size:30px}.capture-preview img{width:100%;height:100%;object-fit:cover}.selected-file{font-weight:700;color:var(--wine)!important}.remove-photo{display:flex;gap:10px;align-items:center;margin:-2px 0 20px;padding:12px 14px;border-radius:14px;background:#fff3f1;font-weight:700;color:var(--wine)}.remove-photo input{width:20px;height:20px;accent-color:var(--red)}
@media(max-width:1080px){.desktop-nav a{padding:9px 8px;font-size:12px}.top-actions{gap:8px}.control-link{display:none}}
@media(max-width:800px){.desktop-nav{display:none}.menu-toggle{display:flex}.top-actions .avatar{display:grid}.mobile-menu{display:block}.dock{display:flex}.capture-card.has-preview{grid-template-columns:68px 1fr}.capture-preview{width:68px;height:68px}.capture-card.has-preview .btn{grid-column:1/-1}.dock-more small{display:block}}
@media(min-width:801px){.dock{display:none}body{padding-bottom:35px}.mobile-menu,.menu-backdrop{display:none!important}}
@media(max-width:430px){.dock-more small{display:none}.mobile-menu{width:94vw}.top-actions{gap:7px}}


/* Open Beta 0.9.4 – success motion, SMTP and autocomplete */
.smtp-grid{display:grid;grid-template-columns:minmax(240px,1fr) 120px 180px;gap:14px}.send-success{position:relative;overflow:hidden;display:grid;grid-template-columns:230px 1fr;align-items:center;gap:clamp(24px,5vw,70px);min-height:390px;padding:clamp(28px,6vw,70px);border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,#fff 0%,#fff8f6 100%);box-shadow:0 25px 80px rgba(56,0,10,.09)}.send-success h2{font-size:clamp(32px,5vw,58px);line-height:1;letter-spacing:-.055em;margin:8px 0 18px}.send-success p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.65}.success-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.contact-flight,.feedback-radar{position:relative;width:210px;height:210px;margin:auto;border-radius:50%;display:grid;place-items:center}.contact-flight{background:radial-gradient(circle at 40% 35%,#fff 0 13%,var(--peach) 14% 48%,#fff1ee 49% 100%)}.flight-orbit{position:absolute;inset:18px;border:2px dashed rgba(155,19,19,.25);border-radius:50%;animation:woi-spin 8s linear infinite}.paper-plane{position:relative;z-index:3;width:82px;height:82px;display:grid;place-items:center;border-radius:26px;background:var(--dark);color:#fff;font-size:42px;transform:rotate(-28deg);box-shadow:0 20px 45px rgba(56,0,10,.28);animation:plane-float 2.4s ease-in-out infinite}.contact-flight i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--red);animation:dot-pop 1.8s ease-in-out infinite}.contact-flight i:nth-of-type(1){left:12px;top:92px}.contact-flight i:nth-of-type(2){right:22px;top:34px;animation-delay:.35s}.contact-flight i:nth-of-type(3){right:7px;bottom:42px;animation-delay:.7s}.feedback-radar{background:var(--dark);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 25px 55px rgba(56,0,10,.25)}.feedback-radar strong{position:relative;z-index:5;width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:#fff;color:var(--red);font-size:34px;animation:check-breathe 2s ease-in-out infinite}.radar-ring{position:absolute;border:1px solid rgba(255,168,150,.38);border-radius:50%}.radar-ring.r1{inset:28px}.radar-ring.r2{inset:60px}.radar-scan{position:absolute;inset:8px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 78%,rgba(255,168,150,.55) 94%,transparent 100%);animation:woi-spin 2.8s linear infinite}.feedback-radar i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--peach);z-index:3;box-shadow:0 0 18px var(--peach)}.feedback-radar i:nth-of-type(1){top:37px;left:65px}.feedback-radar i:nth-of-type(2){right:39px;bottom:65px}.feedback-radar i:nth-of-type(3){left:32px;bottom:72px}.autocomplete-box{position:absolute;z-index:65;left:0;right:0;top:calc(100% + 9px);padding:7px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px rgba(56,0,10,.18);backdrop-filter:blur(16px);max-height:380px;overflow:auto}.autocomplete-option{width:100%;border:0;background:transparent;display:grid;grid-template-columns:42px 1fr auto;align-items:center;text-align:left;gap:11px;padding:9px;border-radius:14px;color:var(--dark);cursor:pointer}.autocomplete-option:hover,.autocomplete-option:focus{outline:0;background:#fff2ef}.autocomplete-option>b{width:42px;height:42px;border-radius:13px;background:#f5eceb;display:grid;place-items:center;font-size:19px}.autocomplete-option>span{display:grid;gap:3px}.autocomplete-option strong{font-size:14px}.autocomplete-option small{color:var(--muted);font-size:11px}.autocomplete-option em{font-style:normal;color:var(--muted)}
@keyframes woi-spin{to{transform:rotate(360deg)}}@keyframes plane-float{0%,100%{transform:rotate(-28deg) translateY(0)}50%{transform:rotate(-24deg) translateY(-9px)}}@keyframes dot-pop{0%,100%{transform:scale(.65);opacity:.35}50%{transform:scale(1.35);opacity:1}}@keyframes check-breathe{0%,100%{transform:scale(.94)}50%{transform:scale(1.05)}}
@media(max-width:800px){.smtp-grid{grid-template-columns:1fr 1fr}.smtp-host{grid-column:1/-1}.send-success{grid-template-columns:1fr;text-align:center;padding:28px 18px;gap:14px}.contact-flight,.feedback-radar{width:170px;height:170px}.send-success p{font-size:15px}.success-actions{justify-content:center}.send-success h2{font-size:38px}.autocomplete-box{position:fixed;left:12px;right:12px;top:auto;bottom:calc(82px + env(safe-area-inset-bottom));max-height:48vh;border-radius:24px}}
@media(prefers-reduced-motion:reduce){.flight-orbit,.paper-plane,.contact-flight i,.radar-scan,.feedback-radar strong{animation:none!important}}

/* Open Beta 0.9.4 */
.autocomplete-box{z-index:10000!important;position:absolute!important;top:calc(100% + 8px);left:0;right:0;isolation:isolate}.top-search,.search-wrap,.field:has(.woi-autocomplete){position:relative;z-index:60}.upload-progress{height:5px;background:#f1dddd;border-radius:999px;overflow:hidden;grid-column:1/-1}.upload-progress i{display:block;width:0;height:100%;background:var(--red);transition:width .25s}.social-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:12px}.social-divider:before,.social-divider:after{content:"";height:1px;background:var(--line);flex:1}.btn-social{display:grid;grid-template-columns:28px 1fr auto;align-items:center;background:#fff;border:1px solid var(--line);color:var(--dark)}.btn-social small{font-size:10px;color:var(--muted)}.btn-social:disabled{opacity:.72}.user-plan-list{display:grid;gap:10px}.user-plan-list article{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:18px}.user-plan-list article>div{display:grid}.user-plan-list small{color:var(--muted)}.plan-choice{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:12px;font-weight:800}.plan-choice.active{background:#f5eceb;border-color:var(--red)}.plan-choice.pro.active{background:var(--dark);color:#fff}@media(max-width:650px){.user-plan-list article{align-items:flex-start;flex-direction:column}.user-plan-list form{width:100%;display:grid;grid-template-columns:1fr 1fr}}

/* Benutzer & Editionen · Beta 0.7.4 */
.user-admin-title{align-items:flex-end}.user-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.user-admin-stats article{position:relative;overflow:hidden;padding:20px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 35px rgba(56,0,10,.045)}.user-admin-stats article:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;bottom:-45px;background:#f8eeee}.user-admin-stats span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.user-admin-stats strong{display:block;margin-top:7px;font-size:32px;letter-spacing:-.04em}.user-admin-stats .pro{background:linear-gradient(145deg,var(--dark),#69111d);color:#fff}.user-admin-stats .pro span{color:#ffc8bd}.user-admin-stats .pro:after{background:rgba(255,255,255,.08)}.user-admin-stats .blocked{background:#fff7f5}.user-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.user-search{display:flex;gap:8px;flex:1;max-width:620px}.user-filters{display:flex;gap:5px;flex-wrap:wrap;padding:5px;background:#f6efee;border-radius:14px}.user-filters a{padding:8px 11px;border-radius:10px;color:var(--muted);font-size:12px;font-weight:800}.user-filters a.active{background:#fff;color:var(--dark);box-shadow:0 5px 16px rgba(56,0,10,.08)}.user-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.user-admin-card{padding:20px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 14px 42px rgba(56,0,10,.055)}.user-admin-card.is-blocked{opacity:.72;background:#faf7f7}.user-admin-card header{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center}.user-avatar{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#ffe5df,var(--peach));color:var(--dark);font-size:20px;font-weight:900}.user-identity{min-width:0;display:grid;gap:3px}.user-identity>div{display:flex;align-items:center;gap:7px}.user-identity strong{font-size:17px}.user-identity a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}.user-identity small{color:var(--muted);font-size:11px}.mini-role{padding:3px 6px;border-radius:6px;background:var(--dark);color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em}.account-state{padding:6px 8px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.account-state.active{background:#e9f8ef;color:#166436}.account-state.pending{background:#fff4d9;color:#805a00}.account-state.blocked{background:#fee9e6;color:#9b1313}.edition-banner{display:flex;justify-content:space-between;align-items:center;margin:18px 0 14px;padding:13px 15px;border-radius:17px}.edition-banner>div{display:grid}.edition-banner span,.edition-banner small{font-size:10px;font-weight:700;opacity:.72}.edition-banner strong{font-size:20px}.edition-banner.free{background:#f6efee;color:var(--dark)}.edition-banner.pro{background:linear-gradient(135deg,var(--dark),#761724);color:#fff}.user-usage{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:17px;overflow:hidden}.user-usage div{padding:12px;text-align:center}.user-usage div+div{border-left:1px solid var(--line)}.user-usage strong{display:block;font-size:18px}.user-usage span{display:block;margin-top:2px;color:var(--muted);font-size:9px}.user-card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.user-card-actions form{display:inline-flex}.user-card-actions .btn{padding:9px 11px;font-size:11px}.btn-danger-soft{background:#fff1ef;color:#a31616;border:1px solid #f5d4cf}.user-edit-panel{margin-bottom:18px;border-color:#efb8ad;box-shadow:0 20px 60px rgba(56,0,10,.08)}.user-edit-form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.edition-field{grid-column:1/-1}.edition-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px}.edition-selector label{cursor:pointer}.edition-selector input{position:absolute;opacity:0}.edition-selector span{display:grid;gap:4px;padding:15px;border:2px solid var(--line);border-radius:17px;background:#fff}.edition-selector small{color:var(--muted)}.edition-selector input:checked+span{border-color:var(--red);background:#fff5f3;box-shadow:0 0 0 3px rgba(205,28,24,.08)}.edition-selector .pro input:checked+span{border-color:var(--dark);background:var(--dark);color:#fff}.edition-selector .pro input:checked+span small{color:#ffc8bd}.user-edit-form .form-actions{grid-column:1/-1;display:flex;gap:9px}
@media(max-width:900px){.user-admin-stats{grid-template-columns:repeat(2,1fr)}.user-toolbar{align-items:stretch;flex-direction:column}.user-search{max-width:none}.user-card-grid{grid-template-columns:1fr}}
@media(max-width:620px){.user-admin-stats{gap:9px}.user-admin-stats article{padding:15px;border-radius:19px}.user-admin-stats strong{font-size:25px}.user-search{display:grid;grid-template-columns:1fr auto}.user-filters{overflow:auto;flex-wrap:nowrap}.user-admin-card{padding:15px;border-radius:21px}.user-admin-card header{grid-template-columns:46px minmax(0,1fr)}.user-avatar{width:46px;height:46px}.account-state{grid-column:1/-1;justify-self:start}.user-card-actions{display:grid;grid-template-columns:1fr 1fr}.user-card-actions form,.user-card-actions a,.user-card-actions button{width:100%}.user-edit-form{grid-template-columns:1fr}.edition-selector{grid-template-columns:1fr}.edition-field,.user-edit-form .form-actions{grid-column:auto}}

/* Beta 0.7.5 · Feedback & Inbox Notifications */
.notification-link{position:relative;padding-right:18px}.notification-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:900;line-height:1;box-shadow:0 5px 14px rgba(205,28,24,.35)}.notification-link .notification-count{position:absolute;right:-7px;top:-8px;border:2px solid #fff}.room-inbox-action{position:relative}.room-inbox-action>em.notification-count{position:absolute;right:12px;top:12px;font-style:normal}.floating-feedback{position:fixed;right:22px;bottom:22px;z-index:180;display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;column-gap:11px;align-items:center;padding:11px 16px 11px 11px;border-radius:20px;background:linear-gradient(135deg,var(--red),var(--wine));color:#fff;box-shadow:0 18px 45px rgba(56,0,10,.3);transition:transform .2s,box-shadow .2s}.floating-feedback:hover{transform:translateY(-3px);box-shadow:0 24px 55px rgba(56,0,10,.38)}.floating-feedback>span{grid-row:1/3;width:42px;height:42px;border-radius:14px;background:#fff;color:var(--red);display:grid;place-items:center;font-size:24px;font-weight:900}.floating-feedback strong{font-size:13px}.floating-feedback small{font-size:10px;color:#ffd8d1}.feedback-display-selector{grid-template-columns:repeat(3,1fr)}
@media(max-width:800px){.floating-feedback{right:12px;bottom:calc(88px + env(safe-area-inset-bottom));border-radius:18px;padding:9px 12px 9px 9px}.floating-feedback>span{width:38px;height:38px}.feedback-display-selector{grid-template-columns:1fr}.top-actions .notification-link{font-size:0;width:42px;height:42px;padding:0;display:grid;place-items:center}.top-actions .notification-link:before{content:"⌘";font-size:18px}.notification-link .notification-count{right:-5px;top:-5px}}

/* Open Beta 0.9.4 · Website, Pages, Inbox */
.landing-hero{min-height:680px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);gap:70px;align-items:center;padding:70px 0 90px}.landing-copy h1{max-width:820px;margin:14px 0 22px;font-size:clamp(52px,7vw,96px);line-height:.94;letter-spacing:-.07em}.landing-copy h1 em{color:var(--red);font-style:normal}.landing-copy>p{max-width:680px;font-size:20px;line-height:1.65;color:var(--muted)}.landing-cta{display:flex;gap:12px;margin:30px 0 15px}.landing-phone{justify-self:center;width:min(340px,100%);padding:18px;border:8px solid var(--dark);border-radius:48px;background:#fff;box-shadow:0 35px 90px rgba(56,0,10,.2);transform:rotate(2deg)}.phone-top,.phone-nav{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 18px}.phone-top b{font-size:14px}.phone-top i{font-style:normal;font-size:8px}.phone-card{display:grid;gap:7px;margin-bottom:12px;padding:22px;border-radius:25px;background:var(--dark);color:#fff}.phone-card.peach{background:#fff0ec;color:var(--dark)}.phone-card small,.phone-card span{font-size:11px;opacity:.72}.phone-card strong{font-size:20px}.phone-card button{margin-top:10px;padding:11px;border:0;border-radius:12px;background:#fff;color:var(--red);font-weight:800}.phone-nav{padding:18px 8px 2px}.phone-nav strong{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:var(--red);color:#fff;font-size:24px}.trust-strip{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:24px 30px;border-block:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.landing-section{padding:110px 0}.section-intro{max-width:760px;margin-bottom:50px}.section-intro h2,.landing-feature h2,.landing-final h2{margin:10px 0 15px;font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.055em}.section-intro>p,.landing-feature>div>p{font-size:18px;line-height:1.7;color:var(--muted)}.step-grid,.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-grid article,.why-grid article{padding:30px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 16px 45px rgba(56,0,10,.05)}.step-grid i{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#fff0ec;color:var(--red);font-style:normal;font-weight:900}.step-grid h3{margin:28px 0 10px;font-size:22px}.step-grid p,.why-grid p{color:var(--muted);line-height:1.65}.landing-feature{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center;padding:90px;border-radius:45px;background:linear-gradient(145deg,var(--dark),#721421);color:#fff}.landing-feature .eyebrow{color:var(--peach)}.landing-feature>div>p{color:#e9c9ce}.landing-feature ul{display:grid;gap:13px;padding:0;list-style:none}.landing-feature li:before{content:'✓';margin-right:10px;color:var(--peach);font-weight:900}.message-demo{display:grid;gap:14px}.message-demo .bubble{max-width:85%;padding:18px 20px;border-radius:22px;line-height:1.5}.message-demo .owner{justify-self:end;background:var(--red)}.message-demo .guest{background:#fff;color:var(--dark)}.return-chip{justify-self:center;padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px;font-weight:800}.why{padding-bottom:80px}.why-grid strong{font-size:21px}.landing-final{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:20px 0 100px;padding:55px;border-radius:36px;background:#fff0ec}.landing-final h2{max-width:760px}.landing-final p{color:var(--muted)}
.inbox-tabs{display:flex;gap:7px;margin-bottom:16px;padding:6px;width:max-content;border-radius:16px;background:#f5eceb}.inbox-tabs a{display:flex;gap:8px;align-items:center;padding:10px 14px;border-radius:12px;font-size:12px;font-weight:800;color:var(--muted)}.inbox-tabs a.active{background:#fff;color:var(--dark);box-shadow:0 7px 20px rgba(56,0,10,.08)}.inbox-tabs span{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#f3d7d2;color:var(--red);font-size:10px}.inbox-tabs .archive-tab{margin-left:12px}.inbox-workspace{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:680px;border:1px solid var(--line);border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 20px 60px rgba(56,0,10,.06)}.inbox-list{border-right:1px solid var(--line);background:#fcfafa;overflow:auto}.inbox-list-item{display:block;padding:18px;border-bottom:1px solid var(--line)}.inbox-list-item.active{background:#fff;box-shadow:inset 4px 0 var(--red)}.inbox-list-item>div{display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center}.inbox-list-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-list-item time,.inbox-list-item small{font-size:10px;color:var(--muted)}.inbox-list-item small{display:block;margin:7px 0}.inbox-list-item p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.inbox-state{width:8px;height:8px;border-radius:50%;background:#bbb}.inbox-state.new{background:var(--red);box-shadow:0 0 0 4px #fee7e3}.inbox-state.in_progress{background:#d39a00}.inbox-thread{display:flex;flex-direction:column;min-width:0}.thread-head{display:flex;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid var(--line)}.thread-head h2{margin:10px 0 5px}.thread-head p{margin:0;color:var(--muted);font-size:12px}.thread-actions{display:flex;gap:8px;align-items:flex-start}.thread-stream{display:grid;gap:16px;align-content:start;flex:1;padding:25px;background:#fff}.thread-message{max-width:78%;padding:18px 20px;border-radius:22px}.thread-message small{font-size:10px;opacity:.7}.thread-message p{line-height:1.65}.thread-message.incoming{background:#f7f1f0}.thread-message.outgoing{justify-self:end;background:var(--dark);color:#fff}.thread-message .expected{padding:12px;border-radius:14px;background:#fff}.thread-compose{display:grid;gap:10px;padding:20px;border-top:1px solid var(--line);background:#fcfafa}.thread-compose>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.thread-compose small{color:var(--muted)}.badge.archived{background:#eee;color:#555}.badge.in_progress{background:#fff1cc;color:#765500}.pages-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.pages-list{display:grid;gap:10px}.pages-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:9px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:17px}.pages-list article>div:first-child{display:grid;min-width:0}.pages-list small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.page-flags{display:flex;gap:5px}.page-flags span{padding:5px 7px;border-radius:8px;background:#e8f7ee;color:#17643a;font-size:9px;font-weight:900}.page-flags .muted-flag{background:#eee;color:#666}.page-options{display:grid;gap:11px;padding:15px;border-radius:16px;background:#faf6f5}.page-options label{display:flex;gap:9px;align-items:center;font-weight:700}.page-options label:last-child{display:grid;grid-template-columns:auto 100px;justify-content:start}.public-page{max-width:900px;margin:80px auto 120px;padding:55px;border:1px solid var(--line);border-radius:35px;background:#fff}.public-page h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.055em}.public-page-content{font-size:18px;line-height:1.8;color:#4e4143}.auth-back{position:fixed;left:22px;top:20px;z-index:5;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.85);backdrop-filter:blur(15px);font-size:12px;font-weight:800}.auth-modern .auth-art{padding:70px}.auth-mini-card{display:grid;gap:5px;width:min(330px,100%);padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(15px)}.auth-mini-card strong{font-size:25px}.auth-mini-card span,.auth-mini-card small{font-size:11px;color:#e6c6cb}.auth-card-head{margin-bottom:8px}.login-primary{margin-top:3px;padding-block:15px}.social-login-stack{display:grid;gap:12px}.social-login{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:17px;background:#fff;text-align:left}.social-login i{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#f5f1f1;font-size:24px;font-style:normal;font-weight:800}.social-login span{display:grid;gap:2px}.social-login small{color:var(--muted)}.social-login em{padding:5px 7px;border-radius:8px;background:#f5eceb;color:var(--muted);font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase}.social-login:disabled{opacity:.75}.social-login.google i{font-family:Arial;color:#4285f4}.auth-register{text-align:center;margin-top:23px;color:var(--muted)}.auth-register a{color:var(--red);font-weight:800}
@media(max-width:900px){.landing-hero{grid-template-columns:1fr;padding-top:50px}.landing-phone{display:none}.landing-feature{grid-template-columns:1fr;padding:50px 28px}.step-grid,.why-grid{grid-template-columns:1fr}.inbox-workspace{grid-template-columns:1fr}.inbox-list{max-height:330px;border-right:0;border-bottom:1px solid var(--line)}.pages-layout{grid-template-columns:1fr}.thread-head{flex-direction:column}.thread-actions{flex-wrap:wrap}.thread-message{max-width:92%}}
@media(max-width:650px){.landing-hero{min-height:auto;padding:45px 0 70px}.landing-copy h1{font-size:48px}.landing-copy>p{font-size:17px}.landing-cta{display:grid}.trust-strip{justify-content:center}.landing-section{padding:75px 0}.landing-feature{margin-inline:-10px;border-radius:30px}.landing-final{align-items:flex-start;flex-direction:column;padding:30px}.inbox-tabs{width:100%;overflow:auto}.thread-head{padding:18px}.thread-actions{display:grid;grid-template-columns:1fr 1fr}.thread-actions form,.thread-actions button{width:100%}.thread-stream{padding:15px}.thread-compose>div{align-items:stretch;flex-direction:column}.thread-compose button{width:100%}.pages-list article{grid-template-columns:1fr auto}.pages-list .page-flags{grid-column:1/-1}.public-page{margin:35px auto 90px;padding:28px;border-radius:25px}.auth-modern .auth-art{padding:45px 25px}.auth-back{position:absolute}}

/* WOI 0.7.7: browser-safe Spotlight overlay */
.home-hero>div{position:relative;z-index:2;min-width:0;flex:1}.home-hero .autocomplete-box{z-index:99999!important;overflow:auto!important}.deadline-col b.is-empty{height:0!important;min-height:0;background:transparent}.deadline-col b.is-empty i{top:-18px;color:var(--muted)}

/* WOI 0.7.9 – Kontoaktivierung */
.activation-page{min-height:100dvh;margin:0;background:radial-gradient(circle at 15% 10%,rgba(255,168,150,.45),transparent 32%),radial-gradient(circle at 90% 90%,rgba(205,28,24,.13),transparent 34%),#fff8f6;color:var(--ink)}
.activation-shell{width:min(620px,calc(100% - 28px));min-height:100dvh;margin:auto;display:grid;place-items:center;padding:70px 0}
.activation-card{width:100%;padding:clamp(28px,6vw,54px);border:1px solid rgba(56,0,10,.08);border-radius:38px;background:rgba(255,255,255,.94);box-shadow:0 35px 100px rgba(56,0,10,.13);text-align:center;backdrop-filter:blur(20px)}
.activation-card h1{margin:10px 0 15px;font-size:clamp(38px,7vw,58px);line-height:.98;letter-spacing:-.06em}.activation-card>p{max-width:470px;margin:0 auto 22px;color:var(--muted);line-height:1.65}.activation-card>p strong{color:var(--dark)}
.activation-enter{animation:activationCardIn .7s cubic-bezier(.2,.8,.2,1) both}.mail-animation{position:relative;width:126px;height:126px;margin:0 auto 22px;display:grid;place-items:center}.mail-envelope{position:relative;z-index:2;width:82px;height:58px;border-radius:12px;background:linear-gradient(145deg,var(--red),var(--wine));display:grid;place-items:center;color:#fff;font-size:13px;font-weight:900;box-shadow:0 17px 35px rgba(205,28,24,.3);animation:mailFloat 2.4s ease-in-out infinite}.mail-envelope:before,.mail-envelope:after{content:"";position:absolute;inset:0;border-radius:12px;clip-path:polygon(0 0,50% 58%,100% 0);background:#ec5c52}.mail-envelope:after{clip-path:polygon(0 100%,50% 42%,100% 100%);background:#b8171b}.mail-envelope span{position:relative;z-index:3}.mail-ring{position:absolute;inset:7px;border:2px solid rgba(205,28,24,.17);border-radius:50%;animation:mailRing 2.4s ease-out infinite}
.activation-notice{margin:0 0 17px;padding:12px 14px;border-radius:14px;background:#edf9f1;color:#17643a;font-size:13px;font-weight:750}.code-form{display:grid;gap:15px;margin-top:20px}.code-form>label{font-size:12px;font-weight:850;color:var(--dark)}.code-inputs{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.code-inputs input{width:100%;aspect-ratio:1/1.12;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:center;font:800 clamp(22px,5vw,30px)/1 Inter,sans-serif;color:var(--dark);outline:0;box-shadow:0 8px 22px rgba(56,0,10,.04);transition:.18s}.code-inputs input:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(205,28,24,.1);transform:translateY(-2px)}
.activation-or{display:flex;align-items:center;gap:12px;margin:22px 0 13px;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:850;letter-spacing:.08em}.activation-or:before,.activation-or:after{content:"";height:1px;flex:1;background:var(--line)}.activation-help{font-size:13px!important;margin-bottom:18px!important}.resend-form{display:grid;gap:11px;text-align:left}.resend-form .btn{text-align:center}.activation-success{animation:activationCardIn .6s ease both}.success-burst{position:relative;width:132px;height:132px;margin:0 auto 20px;display:grid;place-items:center}.success-burst span{position:relative;z-index:2;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:linear-gradient(145deg,#38b66b,#168748);color:#fff;font-size:42px;font-weight:900;box-shadow:0 20px 45px rgba(22,135,72,.28);animation:successPop .65s cubic-bezier(.2,1.4,.4,1) both}.success-burst i{position:absolute;width:12px;height:12px;border-radius:4px;background:var(--red);animation:confetti 1.3s ease-out infinite}.success-burst i:nth-of-type(1){transform:translate(-58px,-38px);animation-delay:.05s}.success-burst i:nth-of-type(2){transform:translate(56px,-30px);background:var(--peach);animation-delay:.2s}.success-burst i:nth-of-type(3){transform:translate(-50px,48px);background:#38b66b;animation-delay:.35s}.success-burst i:nth-of-type(4){transform:translate(55px,45px);animation-delay:.5s}
@keyframes activationCardIn{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}@keyframes mailFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes mailRing{0%{transform:scale(.65);opacity:.8}80%,100%{transform:scale(1.15);opacity:0}}@keyframes successPop{from{transform:scale(.35) rotate(-18deg);opacity:0}to{transform:none;opacity:1}}@keyframes confetti{0%{opacity:0;scale:.5}30%{opacity:1}100%{opacity:0;rotate:150deg;scale:1.25}}
@media(max-width:520px){.activation-shell{padding:54px 0 25px}.activation-card{padding:28px 18px;border-radius:28px}.code-inputs{gap:6px}.code-inputs input{border-radius:12px}.mail-animation{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.activation-enter,.mail-envelope,.mail-ring,.activation-success,.success-burst span,.success-burst i{animation:none!important}}

.auth-activation-link{text-align:center;margin:10px 0 0;font-size:12px}.auth-activation-link a{color:var(--muted);font-weight:750;text-decoration:underline;text-underline-offset:3px}
.room-auth-page{min-height:100vh;background:#f8f5f5;display:grid;place-items:center;padding:24px}.room-auth-shell{width:min(1050px,100%);display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:34px;overflow:hidden;box-shadow:0 30px 90px rgba(56,0,10,.16)}.room-auth-visual{position:relative;min-height:620px;padding:48px;background:linear-gradient(145deg,#38000a,#9b1313 65%,#cd1c18);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.room-auth-visual .brand{color:#fff}.room-auth-visual h1{font-size:clamp(42px,6vw,72px);line-height:.98;margin:12px 0}.room-auth-visual p{max-width:520px;color:#ffdeda;font-size:18px}.room-auth-card{padding:64px 52px;display:flex;flex-direction:column;justify-content:center}.room-lock{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:#fff0ee;color:var(--red);font-size:30px;margin-bottom:22px}.room-code{font-size:24px;letter-spacing:.3em;text-align:center;font-weight:800}.room-auth-exit{text-align:center;margin-top:22px}.security-orbit{width:170px;height:170px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;position:relative}.security-orbit b{background:#fff;color:#9b1313;width:76px;height:76px;border-radius:26px;display:grid;place-items:center;font-size:22px}.security-orbit i,.security-orbit span{position:absolute;width:18px;height:18px;border-radius:50%;background:#ffa896}.security-orbit i{top:8px}.security-orbit span{bottom:15px;right:10px}.twofa-panel{display:grid;gap:24px}.twofa-status{display:flex;gap:18px;align-items:center}.twofa-status i{width:64px;height:64px;border-radius:22px;background:#fff0ee;color:var(--red);display:grid;place-items:center;font-style:normal;font-weight:900}.twofa-status.active i{background:#eaf8ef;color:#15803d}.twofa-status div{display:grid;gap:5px}.setup-secret{padding:22px;border-radius:22px;background:#faf7f7;display:grid;gap:10px}.setup-secret code{font-size:18px;word-break:break-all}.twofa-enable-form{display:flex;gap:14px;align-items:end}.twofa-enable-form .field{flex:1}.backup-panel{border:2px solid #15803d}.backup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.backup-grid code{padding:12px;background:#f4f4f4;border-radius:12px;text-align:center}.template-workspace{display:grid;grid-template-columns:280px 1fr;gap:20px}.template-list{display:grid;align-content:start;gap:8px}.template-list a{padding:16px;border-radius:16px;background:#fff;display:grid;gap:4px;border:1px solid #eee}.template-list a.active{border-color:var(--red);box-shadow:0 10px 30px rgba(205,28,24,.1)}.template-list small{color:#777}.template-body{min-height:420px;font-family:ui-monospace,monospace}.template-hints{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.template-hints strong{width:100%}.template-hints code{padding:7px 10px;background:#f6f2f2;border-radius:9px}@media(max-width:760px){.room-auth-shell{grid-template-columns:1fr}.room-auth-visual{min-height:300px;padding:30px}.room-auth-card{padding:36px 24px}.template-workspace{grid-template-columns:1fr}.backup-grid{grid-template-columns:repeat(2,1fr)}.twofa-enable-form{display:grid}}
.badge.planned{background:#fff0dc;color:#8a4b00}.badge.cancelled{background:#f0f0f3;color:#666}.status-actions button[value="decline"]{background:#fff0f0;color:#9b1313}.status-actions button[value="change_date"]{background:#fff7f4;color:#6b2b22}

/* WOI 0.8.2 – Control Room 2FA redesign */
.room-security-title{align-items:center}.twofa-stage{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(420px,1.22fr);overflow:hidden;border:1px solid rgba(56,0,10,.08);border-radius:34px;background:#fff;box-shadow:0 28px 80px rgba(56,0,10,.1)}.twofa-intro{position:relative;overflow:hidden;padding:clamp(30px,5vw,58px);background:linear-gradient(150deg,#38000a,#78101a 62%,#cd1c18);color:#fff;display:flex;flex-direction:column;justify-content:center}.twofa-intro:before{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-180px;top:-130px}.twofa-intro h2{font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.055em;margin:17px 0}.twofa-intro>p{color:#f8d8d4;line-height:1.65;font-size:16px}.security-orb-large{position:relative;width:116px;height:116px;margin-bottom:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:38px;background:rgba(255,255,255,.09);backdrop-filter:blur(12px)}.security-orb-large span{position:relative;z-index:2;width:72px;height:72px;border-radius:25px;background:#fff;color:var(--wine);display:grid;place-items:center;font-size:23px;font-weight:950;box-shadow:0 18px 40px rgba(0,0,0,.18)}.security-orb-large i,.security-orb-large b{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--peach);box-shadow:0 0 0 8px rgba(255,168,150,.1)}.security-orb-large i{left:-5px;top:28px}.security-orb-large b{right:-5px;bottom:24px}.security-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.security-points span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.11);font-size:11px;font-weight:800}.twofa-workspace{padding:clamp(28px,5vw,54px);display:flex;flex-direction:column;justify-content:center}.setup-step{display:flex;gap:14px;align-items:flex-start;margin:0 0 18px}.setup-step>span{width:34px;height:34px;flex:0 0 auto;border-radius:12px;background:#fff0ee;color:var(--red);display:grid;place-items:center;font-weight:900}.setup-step div{display:grid;gap:4px}.setup-step strong{font-size:16px}.setup-step small{line-height:1.45;color:var(--muted)}.qr-card{position:relative;width:260px;height:260px;margin:4px auto 18px;padding:20px;border-radius:30px;background:#fff;box-shadow:0 18px 50px rgba(56,0,10,.13);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.totp-qr{width:220px;height:220px;display:grid;place-items:center}.totp-qr img,.totp-qr canvas{max-width:100%;height:auto!important;border-radius:8px}.qr-scan-line{position:absolute;left:22px;right:22px;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);filter:drop-shadow(0 0 5px var(--red));animation:qrScan 3s ease-in-out infinite}.manual-secret{margin:0 0 28px;border:1px solid var(--line);border-radius:18px;background:#faf7f7}.manual-secret summary{padding:15px 17px;font-weight:800;cursor:pointer}.manual-secret>p,.manual-secret>small{display:block;margin:0;padding:0 17px 12px;color:var(--muted);line-height:1.45}.secret-copy-row{display:flex;align-items:center;gap:9px;margin:0 17px 10px;padding:11px 12px;border-radius:13px;background:#fff;border:1px solid var(--line)}.secret-copy-row code{min-width:0;flex:1;word-break:break-all;font-size:15px;font-weight:800;letter-spacing:.08em}.twofa-confirm-form{display:grid;gap:4px}.twofa-confirm-form .field{margin-bottom:8px}.field>span{display:block;font-size:13px;font-weight:800;margin-bottom:8px}.room-code-modern{height:64px;font-size:27px!important;letter-spacing:.28em!important;text-align:center;font-weight:900!important;color:var(--dark)}.enabled-card{display:flex;gap:18px;align-items:center;padding:22px;border-radius:22px;background:#edf9f1;border:1px solid #ccebd8}.enabled-check{width:58px;height:58px;flex:0 0 auto;border-radius:20px;background:#16834c;color:#fff;display:grid;place-items:center;font-size:27px;font-weight:900}.enabled-card p{margin:5px 0 0;color:#397153}.twofa-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.twofa-info-grid div{padding:16px;border-radius:17px;background:#faf7f7}.twofa-info-grid span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.twofa-info-grid strong{font-size:14px}.danger-zone-2fa{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;margin-top:10px;border-top:1px solid var(--line)}.danger-zone-2fa p{margin:4px 0 0;color:var(--muted);font-size:13px}.backup-vault{padding:28px;margin-bottom:20px;border-color:#a9ddbc!important;background:linear-gradient(135deg,#f7fff9,#fff)}.backup-vault-head{display:flex;gap:18px;align-items:center;margin-bottom:20px}.security-icon.success{width:58px;height:58px;flex:0 0 auto;border-radius:20px;background:#16834c;color:#fff;display:grid;place-items:center;font-size:27px;font-weight:900}.backup-vault h2{margin:3px 0}.backup-vault p{margin:4px 0;color:var(--muted)}.backup-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.backup-grid code{font-weight:850;letter-spacing:.08em;background:#fff;border:1px dashed #acd7bb}.room-auth-v2{background:radial-gradient(circle at 10% 10%,rgba(255,168,150,.3),transparent 30%),#f7f3f3}.room-auth-v2 .room-auth-shell{max-width:1120px;min-height:670px}.room-auth-v2 .room-auth-visual{min-height:670px;padding:54px;background:linear-gradient(145deg,#290008,#650b15 58%,#b9181b)}.room-auth-copy h1 em{font-style:normal;color:#ffa896}.room-security-graphic{position:relative;width:250px;height:190px;display:grid;place-items:center}.room-security-graphic:before,.room-security-graphic:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}.room-security-graphic:before{inset:5px 35px}.room-security-graphic:after{inset:25px 55px}.shield-core{position:relative;z-index:2;width:100px;height:110px;clip-path:polygon(50% 0,94% 18%,88% 73%,50% 100%,12% 73%,6% 18%);background:#fff;color:var(--wine);display:grid;place-content:center;text-align:center;font-size:26px;font-weight:950;box-shadow:0 20px 50px rgba(0,0,0,.25)}.shield-core small{display:block;font-size:9px;letter-spacing:.2em}.room-security-graphic i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--peach)}.room-security-graphic i:nth-of-type(1){left:28px;top:40px}.room-security-graphic i:nth-of-type(2){right:35px;top:75px}.room-security-graphic i:nth-of-type(3){left:65px;bottom:22px}.room-security-graphic>span{position:absolute;left:0;bottom:-4px;font-size:11px;color:#f4c9c5}.room-auth-v2 .room-auth-card{padding:48px}.room-auth-card-inner{width:min(420px,100%);margin:auto}.room-lock-modern{width:68px;height:68px;margin-bottom:24px;border-radius:23px;background:#fff0ee;display:grid;place-items:center}.room-lock-modern span{position:relative;width:25px;height:23px;border:4px solid var(--red);border-radius:7px}.room-lock-modern span:before{content:"";position:absolute;width:17px;height:17px;border:4px solid var(--red);border-bottom:0;border-radius:10px 10px 0 0;left:0;top:-17px}.room-auth-v2 .room-auth-card h2{font-size:46px;letter-spacing:-.06em;margin:9px 0 12px}.room-auth-v2 .room-auth-card p{line-height:1.6}.room-auth-error{display:grid;gap:3px}.room-auth-error span{font-size:12px;font-weight:600}.room-unlock-form{margin-top:24px}.room-unlock-form .btn b{font-size:20px}.room-auth-meta{display:flex;justify-content:center;gap:18px;margin:16px 0;color:var(--muted);font-size:11px}.room-auth-meta span{display:flex;align-items:center;gap:5px}.room-auth-meta span:before{content:"✓";color:#16834c;font-weight:900}.room-auth-v2 .room-auth-exit{display:block;color:var(--muted);font-size:13px;font-weight:700}.btn-danger-soft{background:#fff0f0;color:#9b1313}@keyframes qrScan{0%,100%{top:30px;opacity:.35}50%{top:226px;opacity:1}}
@media(max-width:850px){.twofa-stage{grid-template-columns:1fr}.twofa-intro{min-height:330px}.twofa-workspace{padding:28px}.room-auth-v2 .room-auth-visual{min-height:330px}.room-security-graphic{display:none}}@media(max-width:560px){.room-security-title{align-items:flex-start}.twofa-stage{border-radius:26px}.twofa-intro{padding:30px 23px}.twofa-workspace{padding:25px 18px}.qr-card{width:244px;height:244px;padding:12px}.totp-qr{width:220px;height:220px}.twofa-info-grid{grid-template-columns:1fr}.danger-zone-2fa{align-items:flex-start;flex-direction:column}.backup-vault-head{align-items:flex-start}.backup-grid{grid-template-columns:1fr 1fr}.backup-actions{display:grid}.room-auth-v2{padding:0}.room-auth-v2 .room-auth-shell{min-height:100dvh;border-radius:0}.room-auth-v2 .room-auth-visual{display:none}.room-auth-v2 .room-auth-card{padding:40px 22px}.room-auth-v2 .room-auth-card h2{font-size:40px}.room-auth-meta{gap:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.qr-scan-line{animation:none;top:50%}}

/* WOI 0.8.3 – ruhiges, neues Admin-2FA-Interface */
.woi-security-heading{align-items:flex-end}.woi-security-card{max-width:980px;margin:0 auto;border:1px solid #eadfe1;border-radius:28px;background:#fff;box-shadow:0 22px 70px rgba(56,0,10,.08);overflow:hidden}.woi-security-card-head{display:flex;align-items:center;gap:20px;padding:30px 34px;border-bottom:1px solid #f0e7e8;background:linear-gradient(180deg,#fff,#fdfafa)}.woi-security-card-head h2{margin:7px 0 5px;font-size:29px;letter-spacing:-.035em}.woi-security-card-head p{margin:0;color:var(--muted);line-height:1.5}.woi-shield{width:70px;height:70px;flex:0 0 auto;border-radius:22px;background:#38000a;color:#fff;display:grid;place-items:center;font-weight:950;font-size:18px;box-shadow:0 13px 30px rgba(56,0,10,.18)}.woi-status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:850}.woi-status-pill.pending{background:#fff1ee;color:#a1201d}.woi-status-pill.active{background:#e9f8ef;color:#147541}.woi-security-setup{display:grid;grid-template-columns:1fr 1fr}.woi-security-qr-column,.woi-security-confirm-column{padding:34px}.woi-security-confirm-column{border-left:1px solid #f0e7e8;background:#fdfafa;display:flex;flex-direction:column;justify-content:center}.woi-step-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:850;margin-bottom:22px}.woi-step-label span{width:28px;height:28px;border-radius:9px;background:#fff0ee;color:var(--red);display:grid;place-items:center}.woi-qr-frame{width:268px;height:268px;margin:0 auto 18px;padding:20px;border:1px solid #eadfe1;border-radius:24px;background:#fff;display:grid;place-items:center;box-shadow:0 12px 35px rgba(56,0,10,.07)}.woi-qr{width:228px;height:228px;display:grid;place-items:center}.woi-qr img,.woi-qr canvas{width:228px!important;height:228px!important}.woi-app-hint{max-width:390px;margin:0 auto 18px;text-align:center;font-size:12px;line-height:1.55;color:var(--muted)}.woi-manual-key{border:1px solid #eadfe1;border-radius:16px;background:#faf7f7}.woi-manual-key summary{padding:14px 16px;cursor:pointer;font-size:13px;font-weight:800}.woi-key-row{display:flex;gap:8px;align-items:center;margin:0 14px 9px;padding:10px 11px;border-radius:12px;background:#fff;border:1px solid #eee3e4}.woi-key-row code{flex:1;min-width:0;word-break:break-all;font-weight:850;letter-spacing:.08em}.woi-key-row button{border:0;background:#f3eded;border-radius:9px;padding:8px 10px;font-weight:800;cursor:pointer}.woi-manual-key small{display:block;padding:0 15px 14px;color:var(--muted)}.woi-security-confirm-column h3{font-size:27px;letter-spacing:-.035em;margin:2px 0 9px}.woi-security-confirm-column>p{margin:0 0 24px;color:var(--muted);line-height:1.6}.woi-2fa-form{display:grid;gap:13px}.woi-2fa-form label>span,.woi-verify-form label>span{display:block;margin-bottom:8px;font-size:13px;font-weight:850}.woi-2fa-code,.woi-verify-code{height:68px!important;text-align:center;font-size:28px!important;font-weight:900!important;letter-spacing:.24em!important}.woi-security-note{margin-top:17px;padding:13px 15px;border-radius:13px;background:#fff6df;color:#70521b;font-size:12px;line-height:1.5}.woi-active-overview{padding:34px}.woi-security-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.woi-security-facts div{padding:20px;border:1px solid #eee5e6;border-radius:17px;background:#fdfafa}.woi-security-facts small{display:block;color:var(--muted);margin-bottom:6px}.woi-security-facts strong{font-size:15px}.woi-disable-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding-top:24px;border-top:1px solid #eee5e6}.woi-disable-row p{margin:5px 0 0;color:var(--muted);font-size:13px}.woi-backup-card{max-width:980px;margin:0 auto 18px;padding:26px;border:1px solid #bfe4cc;border-radius:24px;background:#f7fff9;display:flex;gap:18px}.woi-backup-icon{width:54px;height:54px;flex:0 0 auto;border-radius:17px;background:#16834c;color:#fff;display:grid;place-items:center;font-size:25px;font-weight:900}.woi-backup-content{flex:1}.woi-backup-content h2{margin:3px 0 5px}.woi-backup-content p{margin:0;color:var(--muted)}.woi-backup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.woi-backup-grid code{padding:12px;border:1px dashed #9ed0b0;border-radius:11px;background:#fff;text-align:center;font-weight:850}.woi-backup-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.woi-verify-page{min-height:100dvh;margin:0;background:radial-gradient(circle at top left,rgba(255,168,150,.25),transparent 32%),#f7f4f4;color:var(--dark);font-family:inherit;display:grid;place-items:center;padding:28px}.woi-verify-shell{width:min(480px,100%);text-align:center}.woi-verify-brand{display:inline-block;margin-bottom:23px;color:#211517;font-size:24px;font-weight:950;text-decoration:none;letter-spacing:-.04em}.woi-verify-brand span{color:var(--red)}.woi-verify-card{padding:38px;border:1px solid #eadfe1;border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 25px 80px rgba(56,0,10,.1);backdrop-filter:blur(15px)}.woi-verify-icon{width:70px;height:70px;margin:0 auto 22px;border-radius:22px;background:#38000a;display:grid;place-items:center}.woi-verify-icon span{position:relative;width:25px;height:22px;border:4px solid #fff;border-radius:7px}.woi-verify-icon span:before{content:"";position:absolute;left:0;top:-17px;width:17px;height:17px;border:4px solid #fff;border-bottom:0;border-radius:10px 10px 0 0}.woi-verify-card h1{margin:8px 0 10px;font-size:38px;letter-spacing:-.055em}.woi-verify-card>p{margin:0;color:var(--muted);line-height:1.6}.woi-verify-form{display:grid;gap:14px;margin-top:25px;text-align:left}.woi-verify-error{display:grid;gap:3px;margin-top:18px;padding:13px 15px;border-radius:13px;background:#fff0f0;color:#8f1d1d;text-align:left}.woi-verify-error span{font-size:12px}.woi-verify-meta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:16px 0;color:var(--muted);font-size:11px}.woi-verify-meta span:before{content:"✓";color:#16834c;font-weight:900;margin-right:5px}.woi-verify-back{font-size:13px;font-weight:800;color:var(--muted)}.woi-verify-foot{margin:17px 0 0;color:var(--muted);font-size:12px}
@media(max-width:760px){.woi-security-heading{align-items:flex-start}.woi-security-card-head{align-items:flex-start;padding:25px}.woi-security-setup{grid-template-columns:1fr}.woi-security-confirm-column{border-left:0;border-top:1px solid #f0e7e8}.woi-security-qr-column,.woi-security-confirm-column{padding:25px}.woi-security-facts{grid-template-columns:1fr}.woi-backup-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.woi-security-card{border-radius:22px}.woi-security-card-head{gap:14px}.woi-shield{width:56px;height:56px;border-radius:18px}.woi-security-card-head h2{font-size:24px}.woi-qr-frame{width:244px;height:244px;padding:8px}.woi-qr,.woi-qr img,.woi-qr canvas{width:228px!important;height:228px!important}.woi-disable-row{align-items:flex-start;flex-direction:column}.woi-backup-card{align-items:flex-start;padding:20px}.woi-backup-grid{grid-template-columns:1fr 1fr}.woi-verify-page{padding:14px}.woi-verify-card{padding:30px 20px;border-radius:23px}.woi-verify-card h1{font-size:32px}.woi-2fa-code,.woi-verify-code{font-size:24px!important}}

/* Open Beta 0.9.4 – rebuilt responsive Control Room 2FA */
.rs-page{max-width:940px;margin:0 auto;display:grid;gap:20px}.rs-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:4px}.rs-topbar>div{max-width:680px}.rs-kicker{display:block;color:var(--red);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.rs-topbar h1{font-size:clamp(34px,5vw,54px);line-height:1.03;letter-spacing:-.055em;margin:0 0 12px}.rs-topbar p{margin:0;color:var(--muted);line-height:1.65;font-size:15px}.rs-setup-card,.rs-active-card,.rs-backup,.rs-danger{background:#fff;border:1px solid var(--line);box-shadow:0 16px 50px rgba(56,0,10,.07)}.rs-setup-card{border-radius:30px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 330px}.rs-setup-copy{padding:36px}.rs-setup-copy h2,.rs-confirm h2,.rs-active-card h2,.rs-backup h2{font-size:26px;letter-spacing:-.04em;margin:8px 0 10px}.rs-setup-copy>p,.rs-confirm p,.rs-active-card p,.rs-backup p{color:var(--muted);line-height:1.6;margin:0}.rs-step{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff0ee;color:var(--wine);font-size:11px;font-weight:850}.rs-apps{margin-top:22px;padding:14px 16px;border-radius:15px;background:#faf6f5;color:var(--muted);font-size:12px;line-height:1.55}.rs-qr-side{padding:34px 30px;background:#faf7f6;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.rs-qr-box{width:100%;max-width:274px;aspect-ratio:1;border-radius:24px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:16px;box-shadow:0 12px 32px rgba(56,0,10,.06)}.rs-qr-box img,.rs-qr-box canvas{display:block!important;max-width:100%!important;height:auto!important}.rs-qr-side>small{display:block;margin-top:14px;color:var(--muted);font-size:11px;line-height:1.5;max-width:260px}.rs-manual{margin-top:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.rs-manual summary{cursor:pointer;padding:14px 16px;font-size:13px;font-weight:800}.rs-secret-row{display:flex;align-items:center;gap:8px;margin:0 14px 10px;padding:10px;border-radius:11px;background:#faf7f6}.rs-secret-row code{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:800;letter-spacing:.06em}.rs-secret-row button{border:0;border-radius:9px;padding:8px 10px;background:#ece3e2;font-weight:800;cursor:pointer}.rs-manual small{display:block;padding:0 15px 14px;color:var(--muted);font-size:11px}.rs-confirm{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:32px;align-items:center;padding:30px 36px;border-top:1px solid var(--line)}.rs-form{display:grid;gap:10px}.rs-form label{font-size:12px;font-weight:850}.rs-code{height:62px!important;text-align:center;font-size:27px!important;letter-spacing:.28em!important;font-weight:900!important}.rs-backup{border-radius:26px;padding:26px;display:flex;gap:18px;border-color:#c6e5d0;background:#fbfffc}.rs-backup-mark,.rs-active-icon{width:54px;height:54px;flex:0 0 auto;border-radius:18px;display:grid;place-items:center;background:#17834d;color:#fff;font-size:24px;font-weight:900}.rs-backup-body,.rs-active-main{min-width:0;flex:1}.rs-backup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}.rs-backup-grid code{padding:11px 8px;border:1px dashed #a7d2b6;border-radius:10px;background:#fff;text-align:center;font-weight:850;font-size:12px}.rs-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.rs-active-card{border-radius:28px;padding:32px;display:flex;gap:20px;align-items:flex-start}.rs-status{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e9f8ef;color:#147541;font-size:11px;font-weight:850}.rs-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.rs-facts div{padding:16px;border-radius:15px;background:#faf7f6;border:1px solid #f0e7e6}.rs-facts small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.rs-facts strong{font-size:14px}.rs-danger{border-radius:22px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px}.rs-danger p{margin:5px 0 0;color:var(--muted);font-size:13px}.btn-danger-soft{background:#fff0f0;color:#9b1313}
@media(max-width:760px){.rs-page{gap:14px}.rs-topbar{align-items:flex-start;flex-direction:column}.rs-topbar .btn{width:100%}.rs-setup-card{grid-template-columns:1fr;border-radius:24px}.rs-setup-copy{padding:25px 20px 18px}.rs-qr-side{border-left:0;border-top:1px solid var(--line);padding:22px 20px}.rs-qr-box{max-width:258px}.rs-confirm{grid-template-columns:1fr;padding:24px 20px;gap:18px}.rs-backup{padding:20px;align-items:flex-start}.rs-backup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rs-active-card{padding:24px 20px}.rs-facts{grid-template-columns:1fr}.rs-danger{align-items:flex-start;flex-direction:column}.rs-danger form,.rs-danger button{width:100%}}
@media(max-width:420px){.shell{width:min(100% - 20px,1180px);margin-top:22px}.rs-topbar h1{font-size:34px}.rs-qr-box{max-width:232px;padding:12px;border-radius:20px}.rs-secret-row{align-items:stretch;flex-direction:column}.rs-secret-row button{width:100%}.rs-code{font-size:24px!important;letter-spacing:.2em!important}.rs-backup{display:block}.rs-backup-mark{margin-bottom:15px}.rs-backup-grid{grid-template-columns:1fr 1fr}.rs-actions{display:grid}.rs-active-card{display:block}.rs-active-icon{margin-bottom:16px}}

/* Open Beta 0.9.4 – QRCode.js erzeugt Canvas und Fallback-Bild; nur Canvas anzeigen */
.rs-qr-box #totpQr > canvas{display:block!important;max-width:100%!important;height:auto!important}
.rs-qr-box #totpQr > img{display:none!important}

/* Open Beta 0.9.4 – QR-Ausgabe hart auf genau ein Canvas begrenzen */
#totpQr>img{display:none!important}
#totpQr>canvas:not(:first-child){display:none!important}


/* 0.9.2 – mobile taxonomy selects */
.smart-choice{display:block!important;min-width:0!important;visibility:visible!important;opacity:1!important}
.smart-choice>label,.smart-choice>select{display:block!important;visibility:visible!important;opacity:1!important}
.smart-choice select.input{
  width:100%!important;
  min-height:54px!important;
  color:var(--ink)!important;
  background-color:#fff!important;
  border:1px solid var(--line)!important;
  -webkit-appearance:auto!important;
  appearance:auto!important;
}
.smart-choice select.input option{color:#211517;background:#fff}
@media(max-width:800px){
  .spacious-form .two{display:block!important}
  .spacious-form .smart-choice{width:100%!important;margin-bottom:18px!important}
  .spacious-form .smart-choice select.input{font-size:16px!important;line-height:1.25!important}
}

/* 0.9.3 user notifications and loan-state visibility */
.notification-bell{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(56,0,10,.08)}.notification-bell>span{font-size:13px;color:var(--wine)}.notification-bell>em{position:absolute;right:-6px;top:-6px;font-style:normal;border:2px solid #fff}.notification-list{padding:8px 20px}.user-notification{display:flex;gap:14px;align-items:center;padding:17px 6px;border-bottom:1px solid var(--line);position:relative}.user-notification:last-child{border-bottom:0}.user-notification.is-unread{background:linear-gradient(90deg,rgba(255,168,150,.15),transparent);border-radius:18px;padding-left:12px;padding-right:12px}.user-notification p{margin:5px 0;color:var(--muted);font-size:14px}.user-notification small{color:var(--muted)}.user-notification>i{width:9px;height:9px;border-radius:50%;background:var(--red);flex:0 0 auto}.notification-icon{width:42px;height:42px;border-radius:14px;background:#f7e8e5;display:grid;place-items:center;color:var(--wine);font-weight:900}.item-card{border-radius:18px;padding-left:12px;padding-right:12px;margin:4px 0;border-bottom:0}.status-card-loaned{background:#fff4ee;border-left:4px solid #e66a3f}.status-card-overdue{background:#fff0ef;border-left:4px solid var(--red)}.status-card-planned{background:#f3efff;border-left:4px solid #7057c7}.status-card-available{background:#fbfdfc;border-left:4px solid #77ae91}.item-state{display:inline-flex;margin-top:7px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850}.item-state.loaned{background:#ffe0d2;color:#973915}.item-state.overdue{background:#ffd9d5;color:#9b1313}.item-state.planned{background:#e7e0ff;color:#4f399d}.item-state.available{background:#e6f5ec;color:#19754a}.person-card{border-radius:18px;padding:14px 12px;margin:4px 0;border-bottom:0}.person-card.has-loans{background:#fff6f1;border-left:4px solid #e88962}.person-card.has-overdue{background:#fff0ef;border-left:4px solid var(--red)}.person-loan-note{margin-top:7px;font-weight:750;font-size:13px;color:#9b421f}.person-loan-note b{color:var(--red)}.person-loan-note.clear{color:var(--ok);font-weight:650}.item-edit-status{display:grid;gap:4px;margin:-4px 0 18px;padding:18px 20px;border-radius:22px;border-left:5px solid}.item-edit-status span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.item-edit-status strong{font-size:21px}.item-edit-status small{color:var(--muted)}.item-edit-status.loaned{background:#fff4ee;border-color:#e66a3f}.item-edit-status.overdue{background:#fff0ef;border-color:var(--red)}.item-edit-status.planned{background:#f3efff;border-color:#7057c7}@media(max-width:800px){.notification-bell{width:40px;height:40px}.notification-list{padding:6px 12px}.user-notification{align-items:flex-start}.item-card,.person-card{align-items:flex-start}.list-actions{width:100%;margin-top:8px}.item-card{flex-wrap:wrap}.item-card .grow{width:calc(100% - 78px)}}