*{box-sizing:border-box;margin:0;padding:0;}
:root,html[data-theme="fjord"]{
  --acc:#0F6F78;--a2:#E2F3F4;--a3:#73B7BE;--a4:#123F45;--a5:#276A72;
  --ok:#16A34A;--okl:#DCFCE7;--wa:#D97706;--wal:#FEF3C7;
  --no:#DC2626;--nol:#FEE2E2;--te:#0D9488;--tel:#CCFBF1;--te2:#134E4A;
  --bg:#ffffff;--bg2:#F2F8F8;--bg3:#DDEDEF;--tx:#172B2D;--tx2:#5D7376;--tx3:#819396;
  --bd:#e5e7eb;--bd2:#d1d5db;--ff:system-ui,-apple-system,sans-serif;--grad:linear-gradient(135deg,#0F6F78,#2F99A3 58%,#73B7BE);--glow:rgba(47,153,163,.28);
}
html[data-theme="wald"]{--acc:#477A5B;--a2:#EAF2E8;--a3:#91B89C;--a4:#264A32;--a5:#527660;--bg2:#F6F5ED;--bg3:#E9E6D8;--tx:#26332A;--tx2:#68736A;--tx3:#919A92;--te:#C87349;--tel:#F9E9DE;--te2:#743D26;--grad:linear-gradient(135deg,#355F46,#5E9770 58%,#A4CBAE);--glow:rgba(71,122,91,.3);}
html[data-theme="sonne"]{--acc:#D7654B;--a2:#FCEAE4;--a3:#EFA58F;--a4:#6D3024;--a5:#A9513D;--bg2:#FFF7F1;--bg3:#F6E3D7;--tx:#352823;--tx2:#756760;--tx3:#9A8A82;--te:#43869B;--tel:#E1F1F5;--te2:#214B59;--grad:linear-gradient(135deg,#C94F3D,#E87B59 54%,#F3B184);--glow:rgba(215,101,75,.3);}
@media(prefers-color-scheme:dark){
  :root,html[data-theme]{--bg:#151923;--bg2:#202735;--bg3:#0F131B;--tx:#F4F7F7;--tx2:#C2CBCE;--tx3:#909CA1;--bd:#343D49;--bd2:#4A5563;}
  html[data-theme="fjord"]{--a2:#17383D;--a3:#559AA2;--a4:#DCF4F5;--a5:#A4D7DB;}
  html[data-theme="wald"]{--a2:#253A2C;--a3:#6E9E7B;--a4:#E3F1E6;--a5:#AFD0B6;--tel:#3D2D25;--te2:#F4C6AA;}
  html[data-theme="sonne"]{--a2:#482A25;--a3:#C77C6B;--a4:#FFE7E0;--a5:#F1B0A0;--tel:#183944;--te2:#B8E1EB;}
}
body{background:var(--bg3);display:flex;justify-content:center;padding:16px;height:100vh;height:100dvh;overflow:hidden;font-family:var(--ff);transition:background .25s ease;}
.app{max-width:390px;width:100%;height:calc(100dvh - 32px);max-height:820px;min-height:0;background:var(--bg);border:0.5px solid var(--bd);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 18px 48px color-mix(in srgb,var(--acc) 16%,transparent);}
.app::before{content:"";position:absolute;inset:0;background-image:var(--scene);background-size:cover;background-position:center;opacity:0;pointer-events:none;z-index:0;transition:opacity .35s ease,background-image .35s ease;}
html[data-theme="fjord"]{--scene:url('../assets/theme-fjord.webp')}html[data-theme="wald"]{--scene:url('../assets/theme-wald.webp')}html[data-theme="sonne"]{--scene:url('../assets/theme-sonne.webp')}
html[data-scene="on"] .app::before{opacity:.40}html[data-scene="off"] .app::before{opacity:0}
.sc{display:none;}.sc.on{display:block;}
.fx{display:none;flex-direction:column;flex:1;position:relative;z-index:1;}.fx.on{display:flex;}
.auth-scroll{min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-bottom:96px;padding-bottom:max(56px,env(safe-area-inset-bottom))!important;}
#sc-auth{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--a3) transparent}
#sc-auth.on{display:block}
#sc-auth .auth-scroll{display:flex;flex:none!important;min-height:auto;overflow:visible!important;touch-action:pan-y}
#sc-auth::-webkit-scrollbar{width:6px}#sc-auth::-webkit-scrollbar-thumb{background:var(--a3);border-radius:8px}
#sc-family-start{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scroll-padding-bottom:55vh}
#sc-family-start.on{display:block}
#sc-family-start>div{display:flex;flex:none!important;min-height:100%;overflow:visible!important;padding-bottom:max(55vh,env(safe-area-inset-bottom))!important}
.hdr{padding:12px 16px;border-bottom:0.5px solid var(--bd);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.cnt{flex:1;min-height:0;padding:14px 16px;overflow-y:auto;overscroll-behavior:contain;padding-bottom:20px;position:relative;z-index:1;}
.tbar{display:flex;align-items:stretch;border-top:0.5px solid var(--bd);padding:6px 4px 8px;flex-shrink:0;position:relative;z-index:8;background:var(--bg);box-shadow:0 -7px 20px color-mix(in srgb,var(--tx) 5%,transparent);}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:var(--tx3);cursor:pointer;padding:4px 2px;border:none;background:none;}
.tab{min-height:44px}.tab:focus-visible,.pb:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.tab i{font-size:20px;}.tab.on{color:var(--acc);}
.pw{flex:0 0 60px;display:flex;justify-content:center;align-items:flex-start;margin-top:-20px;}
.pb{width:48px;height:48px;border-radius:50%;background:var(--acc);display:flex;align-items:center;justify-content:center;color:white;font-size:22px;cursor:pointer;border:3px solid var(--bg);transition:transform .15s,background .15s;}
.pb.open{background:var(--a4);transform:rotate(45deg);}
.pb.away{background:var(--tx2);transform:none;}.pb.away:active{transform:scale(.94);}
html[data-scene="on"] .hdr,html[data-scene="on"] .tbar{background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}
html[data-scene="on"] .card,html[data-scene="on"] .met,html[data-scene="on"] .health-link,html[data-scene="on"] .choice-card{background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(13px) saturate(1.06);backdrop-filter:blur(13px) saturate(1.06);border-color:color-mix(in srgb,var(--bd) 72%,transparent)}
html[data-scene="on"] .sbox{background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
@media(prefers-color-scheme:dark){html[data-scene="on"] .app::before{opacity:.40}}
.brand-lockup{display:flex;align-items:center;gap:9px}.brand-lockup img{width:35px;height:35px;filter:drop-shadow(0 5px 10px var(--glow))}.brand-lockup div{display:flex;flex-direction:column}.brand-lockup strong{font-size:15px;letter-spacing:-.2px;color:var(--tx)}.brand-lockup span{font-size:9px;color:var(--tx2);margin-top:1px}.hdr{background:linear-gradient(110deg,color-mix(in srgb,var(--bg) 91%,var(--a2)),color-mix(in srgb,var(--bg) 75%,var(--a2)));box-shadow:0 7px 24px color-mix(in srgb,var(--acc) 9%,transparent)}
.abanner,.sbtn:not(.danger){background:var(--grad)!important;box-shadow:0 10px 24px var(--glow)}.sbtn{border:0;transition:transform .15s,box-shadow .2s}.sbtn:active{transform:translateY(1px) scale(.99)}.sbtn.secondary{margin-top:12px}.sbtn.compact{margin:0;min-height:43px;padding:0 14px;flex:1}.card,.met,.health-link,.choice-card{box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 8%,transparent)}.met{border-radius:18px!important}.profile-trigger{background:linear-gradient(145deg,var(--a2),var(--a3));box-shadow:0 5px 14px var(--glow)}.tab.on{background:color-mix(in srgb,var(--a2) 86%,transparent);border-radius:13px}.pb{background:var(--grad);box-shadow:0 8px 18px var(--glow)}
.screen-title{font-size:18px;font-weight:700;letter-spacing:-.35px;color:var(--tx);margin-bottom:14px}.action-row{display:flex;gap:8px;margin:10px 0}.ghost-btn{border:1px solid var(--bd);background:color-mix(in srgb,var(--bg) 84%,transparent);color:var(--tx);border-radius:12px;padding:10px 13px;min-height:43px;font-weight:600}.ghost-btn.full{width:100%;margin-top:11px}.text-btn{display:block;border:0;background:none;color:var(--acc);font-weight:600;font-size:12px;margin:8px auto 12px;padding:7px}.info-note{background:color-mix(in srgb,var(--a2) 78%,var(--bg));border:1px solid color-mix(in srgb,var(--a3) 45%,transparent);border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.5;color:var(--a4);margin-top:10px}.info-note i{margin-right:5px}
.scanner-box{height:190px;position:relative;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 50% 30%,var(--a2),var(--bg2));border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;text-align:center}.scanner-box video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.scanner-box video.show{display:block}.scanner-title{font-weight:700;color:var(--tx);margin:8px 0 3px}.scan-line{position:absolute;left:12%;right:12%;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--acc),transparent);box-shadow:0 0 12px var(--acc);animation:scanMove 2.2s ease-in-out infinite}@keyframes scanMove{0%,100%{transform:translateY(-50px);opacity:.3}50%{transform:translateY(50px);opacity:1}}.manual-code{display:flex;gap:8px}.manual-code input{margin:0}.manual-code .add-btn{width:auto;margin:0;white-space:nowrap}.scan-unknown{background:var(--wal);color:var(--tx);border-radius:13px;padding:12px;display:flex;flex-direction:column;gap:4px;font-size:12px}
.history-date{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;margin-bottom:10px}.history-date button{border:1px solid var(--bd);background:var(--bg);color:var(--tx);border-radius:12px;font-size:18px}.history-date input{margin:0}.filter-row{display:flex;gap:6px;overflow:auto;padding:2px 0 8px}.filter-row button{border:1px solid var(--bd);background:color-mix(in srgb,var(--bg) 84%,transparent);color:var(--tx2);border-radius:999px;padding:7px 11px;white-space:nowrap}.filter-row button.on{background:var(--grad);color:white;border-color:transparent}.history-card{margin-top:10px;overflow:hidden}.lorow.editable{gap:8px;min-height:52px}.log-copy{flex:1;font-size:13px;color:var(--tx);min-width:0}.icon-action{width:36px;height:36px;flex:0 0 36px;border-radius:11px;border:0;background:var(--bg2);color:var(--tx2);font-size:15px}.icon-action.danger{color:var(--no);background:var(--nol)}.edit-type{background:var(--a2);color:var(--a4);border-radius:14px;padding:12px;font-weight:700;margin-bottom:10px}textarea{width:100%;resize:vertical;border:1px solid var(--bd);background:var(--bg);color:var(--tx);border-radius:12px;padding:11px;font:inherit}
.photo-capture{min-height:55px;border:1.5px dashed var(--a3);background:var(--a2);color:var(--a4);border-radius:15px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:650;cursor:pointer}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0,0,0,0)}.photo-preview{display:none;width:100%;height:190px;object-fit:cover;border-radius:15px;margin-top:9px}.photo-preview.show{display:block}.photo-item{position:relative;overflow:hidden;padding:0 0 8px!important}.photo-item>img{width:100%;aspect-ratio:1;object-fit:cover}.photo-symbol{height:82px;display:flex;align-items:center;justify-content:center;font-size:30px;background:var(--a2)}.photo-item>button{position:absolute;top:6px;right:6px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(20,25,32,.68);color:#fff}.photo-caption{font-size:11px;font-weight:600;color:var(--tx);padding:7px 6px 2px;text-align:center}.photo-date{font-size:9px;color:var(--tx3);text-align:center}
.reminder-option{display:grid;grid-template-columns:1fr 92px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--bd)}.reminder-option label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tx)}.reminder-option input[type=checkbox]{width:19px;margin:0}.reminder-option input[type=time]{margin:0;padding:8px}.undo-toast{position:absolute;left:14px;right:14px;bottom:82px;z-index:30;background:#172B2D;color:#fff;border-radius:14px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;transform:translateY(140px);opacity:0;transition:.25s;box-shadow:0 12px 30px rgba(0,0,0,.25)}.undo-toast.show{transform:none;opacity:1}.undo-toast button{border:0;background:none;color:#8DE6D8;font-weight:700;padding:5px}.reminder-banner{position:absolute;top:62px;left:12px;right:12px;z-index:25;background:var(--grad);color:white;border-radius:16px;padding:12px;display:flex;gap:10px;align-items:center;box-shadow:0 14px 34px var(--glow);transform:translateY(-140px);opacity:0;transition:.28s}.reminder-banner.show{transform:none;opacity:1}.reminder-banner>div{display:flex;flex-direction:column;flex:1}.reminder-banner span{font-size:11px;opacity:.88}.reminder-banner button{border:0;background:rgba(255,255,255,.18);color:white;border-radius:50%;width:30px;height:30px}
.legal-warning{display:flex;gap:10px;background:#FFF1B8;color:#4A3000!important;border:1px solid #D99A16;border-radius:14px;padding:12px;font-size:12px;line-height:1.5;margin-bottom:11px;box-shadow:0 8px 20px rgba(146,94,0,.13)}.legal-warning span,.legal-warning strong{color:#4A3000!important}.legal-warning i{color:#875500!important;font-size:18px}.legal-card{background:color-mix(in srgb,var(--bg) 78%,transparent);border:1px solid var(--bd);border-radius:17px;padding:15px;margin-bottom:11px;color:var(--tx);box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 7%,transparent)}.legal-card h3{font-size:14px;margin-bottom:8px}.legal-card p{font-size:12px;color:var(--tx2);line-height:1.65;margin:7px 0}.legal-card mark{background:#FFF1B8;color:#4A3000!important;padding:1px 4px;border-radius:4px}.source-list{display:flex;flex-direction:column;gap:8px}.source-list a{display:flex;gap:10px;align-items:center;text-decoration:none;background:color-mix(in srgb,var(--bg) 78%,transparent);border:1px solid var(--bd);border-radius:14px;padding:12px;color:var(--tx);font-size:12px;line-height:1.4}.source-list a i{color:var(--acc);font-size:17px}
.sht{background:linear-gradient(to top,rgba(12,24,28,.58),rgba(12,24,28,.28));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sbox{border-radius:26px 26px 0 0!important;padding:16px 16px max(18px,env(safe-area-inset-bottom))!important;background:linear-gradient(155deg,color-mix(in srgb,var(--bg) 96%,var(--a2)),color-mix(in srgb,var(--bg) 86%,var(--a2)))!important;box-shadow:0 -18px 50px rgba(0,0,0,.2);border-top:1px solid color-mix(in srgb,var(--a3) 40%,var(--bd))}.sbox::before{content:"";display:block;width:42px;height:4px;border-radius:4px;background:var(--bd2);margin:-7px auto 12px}.quick-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.quick-head-icon{width:38px;height:38px;border-radius:13px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 7px 16px var(--glow)}.quick-head>div:nth-child(2){display:flex;flex-direction:column;flex:1}.quick-head strong{font-size:16px;color:var(--tx);letter-spacing:-.2px}.quick-head span{font-size:11px;color:var(--tx2);margin-top:1px}.quick-head .xbtn{border-radius:50%;width:38px;height:38px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-action{min-height:91px;border:1px solid color-mix(in srgb,var(--bd) 78%,transparent);border-radius:18px;background:color-mix(in srgb,var(--bg) 83%,transparent);display:grid;grid-template-columns:39px 1fr;grid-template-rows:auto auto;column-gap:9px;text-align:left;align-items:center;padding:11px;color:var(--tx);box-shadow:0 7px 18px color-mix(in srgb,var(--acc) 7%,transparent);transition:transform .15s,box-shadow .15s,border-color .15s}.quick-action:active{transform:scale(.975)}.quick-action>span{grid-row:1/3;width:39px;height:39px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:20px}.quick-action strong{font-size:12px;line-height:1.2;align-self:end}.quick-action small{font-size:10px;color:var(--tx2);align-self:start;margin-top:2px}.quick-action.scan>span{background:#DDF4F4;color:#0F6F78}.quick-action.photo>span{background:#FCE4EC;color:#B83267}.quick-action.med>span{background:#F3E8FF;color:#7E22CE}.quick-action.growth>span{background:#E0F2FE;color:#0369A1}.quick-action.teeth>span{background:#FFF1D6;color:#A15C00}.quick-action.history>span{background:#DCFCE7;color:#15803D}.quick-hint{display:flex;align-items:flex-start;gap:7px;font-size:10.5px;color:var(--tx2);line-height:1.45;margin-top:11px;padding:9px 10px;border-radius:12px;background:color-mix(in srgb,var(--a2) 62%,transparent)}.quick-hint i{color:var(--acc);font-size:14px;margin-top:1px}.sec{letter-spacing:.01em}.abanner{position:relative;overflow:hidden}.abanner::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-42px;top:-62px;background:rgba(255,255,255,.13);box-shadow:-52px 76px 0 rgba(255,255,255,.06)}.health-link,.met,.card{transition:transform .16s ease,box-shadow .2s ease}.health-link:active,.met:active{transform:scale(.985)}
.sht{position:absolute;inset:0;background:rgba(0,0,0,.45);display:none;align-items:flex-end;border-radius:20px;z-index:10;}
.sht.show{display:flex;}
.sbox{background:var(--bg);border-radius:16px 16px 0 0;padding:16px;width:100%;}
.shdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.xbtn{width:30px;height:30px;border-radius:8px;background:var(--bg2);display:flex;align-items:center;justify-content:center;color:var(--tx2);cursor:pointer;}
.qo{display:flex;align-items:center;gap:12px;padding:10px 4px;cursor:pointer;font-size:14px;color:var(--tx);border-bottom:0.5px solid var(--bd);}
.qo:last-child{border-bottom:none;}.qo i{font-size:18px;color:var(--acc);width:20px;flex-shrink:0;}
.mo{position:absolute;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;padding:24px;z-index:20;border-radius:20px;}
.mo.show{display:flex;}
.mb{background:var(--bg);border-radius:16px;padding:20px;width:100%;text-align:center;}
.sec{font-size:11px;font-weight:500;color:var(--tx3);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;margin-top:14px;}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;}
.choice-card{position:relative;border:1px solid var(--bd);background:var(--bg);border-radius:16px;padding:13px 10px;text-align:left;color:var(--tx);cursor:pointer;min-height:82px;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;}
.choice-card i{display:block;font-size:21px;color:var(--acc);margin-bottom:7px}.choice-card strong{display:block;font-size:13px}.choice-card span{display:block;font-size:11px;color:var(--tx2);margin-top:3px;line-height:1.35}
.choice-card.sel{border:2px solid var(--acc);background:color-mix(in srgb,var(--a2) 88%,var(--bg));box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 20%,transparent),0 8px 18px color-mix(in srgb,var(--acc) 16%,transparent);transform:translateY(-1px);padding:12px 9px}
.choice-card.sel::after{content:'✓';position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--acc);color:white;font-size:15px;font-weight:800;box-shadow:0 2px 8px color-mix(in srgb,var(--acc) 30%,transparent)}
.choice-card.sel strong{color:var(--a4)}.choice-card.sel>i{color:var(--a4)}
.health-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}.health-link{border:1px solid var(--bd);background:var(--bg);border-radius:16px;padding:13px;text-align:left;color:var(--tx);cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--acc) 5%,transparent)}.health-link i{font-size:21px;color:var(--acc);display:block;margin-bottom:8px}.health-link strong{font-size:13px;display:block}.health-link span{font-size:10px;color:var(--tx2);display:block;margin-top:3px}
.formula-card{padding:12px;border-bottom:1px solid var(--bd);cursor:pointer}.formula-card:last-child{border-bottom:none}.formula-card strong{font-size:13px;color:var(--tx)}.formula-card small{display:block;color:var(--tx2);font-size:11px;margin-top:3px}.source-note{font-size:11px;line-height:1.5;color:var(--tx2)}
.card{background:var(--bg);border:0.5px solid var(--bd);border-radius:17px;overflow:hidden;margin-bottom:10px;box-shadow:0 4px 14px color-mix(in srgb,var(--acc) 5%,transparent);}
.cp{padding:14px;}
.mg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;}
.met{background:var(--bg2);border-radius:15px;padding:12px;cursor:pointer;transition:transform .15s ease,background .15s ease;}.met:active{transform:scale(.98);}
.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:12px;font-weight:500;}
.bok{background:var(--okl);color:var(--ok);}.bwa{background:var(--wal);color:var(--wa);}
.bno{background:var(--nol);color:var(--no);}.bacc{background:var(--a2);color:var(--a4);}
.row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:0.5px solid var(--bd);}
.row:last-child{border-bottom:none;}
.ic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.iacc{background:var(--a2);color:var(--acc);}.iok{background:var(--okl);color:var(--ok);}
.iwa{background:var(--wal);color:var(--wa);}.ite{background:var(--tel);color:var(--te);}.ino{background:var(--nol);color:var(--no);}
.rn{font-size:14px;font-weight:500;color:var(--tx);}
.rs{font-size:11px;color:var(--tx2);margin-top:1px;}
.ml2{margin-left:auto;flex-shrink:0;}
.sb{display:flex;align-items:center;gap:8px;background:var(--bg2);border:0.5px solid var(--bd);border-radius:12px;padding:8px 12px;margin-bottom:12px;}
.sb i{color:var(--tx3);font-size:15px;}
.sb input{border:none;background:none;outline:none;font-size:14px;color:var(--tx);flex:1;}
.sb input::placeholder{color:var(--tx3);}
.crow{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;padding-bottom:2px;}
.cbtn{white-space:nowrap;padding:4px 11px;border-radius:20px;font-size:12px;border:0.5px solid var(--bd);background:var(--bg2);color:var(--tx2);cursor:pointer;}
.cbtn.on{background:var(--a2);border-color:var(--a3);color:var(--a4);}
.fi{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:0.5px solid var(--bd);}
.fi:last-child{border-bottom:none;}.fi.dis{opacity:.45;}
.fem{width:32px;height:32px;border-radius:9px;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;cursor:pointer;}
.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.dok{background:var(--ok);}.dno{background:var(--no);}
.th{display:flex;gap:3px;flex-shrink:0;}
.tb{width:26px;height:26px;border-radius:7px;border:none;background:var(--bg2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tx3);font-size:13px;}
.tb.up.on{background:var(--okl);color:var(--ok);}.tb.dn.on{background:var(--nol);color:var(--no);}
.back{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--acc);cursor:pointer;margin-bottom:12px;background:none;border:none;padding:0;}
.hw{flex:1;height:5px;background:var(--bg2);border-radius:3px;overflow:hidden;}
.hf{height:5px;border-radius:3px;}
.sbtn{width:100%;padding:12px;background:var(--acc);color:white;border:none;border-radius:14px;font-size:14px;font-weight:500;cursor:pointer;margin-top:8px;}
.sbtn.danger{background:var(--no);}.sbtn.sec2{background:var(--bg2);color:var(--tx);}
.cbtn2{width:100%;padding:8px;background:none;border:none;color:var(--tx2);font-size:13px;cursor:pointer;}
.pmr{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:0.5px solid var(--bd);cursor:pointer;}
.pmr:last-child{border-bottom:none;}
.pmi{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.pmn{font-size:14px;font-weight:500;color:var(--tx);}
.rcrd{background:var(--bg);border:0.5px solid var(--bd);border-radius:12px;overflow:hidden;margin-bottom:10px;cursor:pointer;}
.ri{height:76px;background:var(--a2);display:flex;align-items:center;justify-content:center;font-size:34px;position:relative;}
.rl{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.5);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.rl i{color:white;font-size:12px;}
.rb2b{padding:10px 12px;}
.rm{display:flex;gap:8px;margin-top:5px;font-size:11px;color:var(--tx3);align-items:center;}
.ing{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:0.5px solid var(--bd);font-size:13px;color:var(--tx);}
.ing:last-child{border-bottom:none;}
.stn{display:flex;gap:10px;margin-bottom:10px;}
.snum{width:24px;height:24px;border-radius:50%;background:var(--a2);color:var(--a4);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;flex-shrink:0;}
.tp{display:inline-flex;align-items:center;gap:4px;background:var(--bg2);border-radius:20px;padding:3px 9px;font-size:11px;color:var(--tx2);margin:0 4px 4px 0;}
.sr{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:0.5px solid var(--bd);font-size:14px;color:var(--tx);}
.sr:last-child{border-bottom:none;}
.tog{width:36px;height:20px;border-radius:10px;border:none;cursor:pointer;position:relative;flex-shrink:0;}
.tog.on{background:var(--acc);}.tog.off{background:var(--bg2);border:0.5px solid var(--bd2);}
.tog::after{content:'';position:absolute;top:2px;width:16px;height:16px;border-radius:50%;background:white;}
.tog.on::after{left:18px;}.tog.off::after{left:2px;}
.wbx{background:var(--a2);border-radius:14px;padding:16px;margin:14px 0;}
.cbx{width:22px;height:22px;border-radius:6px;border:2px solid var(--a3);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg);}
.cbx.ck{background:var(--acc);border-color:var(--acc);}.cbx.ck i{color:white;font-size:14px;}
.prg{display:flex;gap:6px;margin-bottom:16px;}
.pseg{flex:1;height:4px;border-radius:2px;background:var(--bg2);}.pseg.done{background:var(--acc);}
.or{display:flex;gap:8px;margin-top:8px;}
.obtn{flex:1;padding:9px;border-radius:10px;border:0.5px solid var(--bd);background:var(--bg2);font-size:13px;color:var(--tx2);cursor:pointer;text-align:center;}
.obtn.sel{background:var(--a2);border-color:var(--a3);color:var(--a4);font-weight:500;}
.soc{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;border:0.5px solid var(--bd);border-radius:12px;font-size:14px;font-weight:500;color:var(--tx);background:var(--bg);cursor:pointer;margin-bottom:10px;}
.dv{display:flex;align-items:center;gap:10px;margin:10px 0;}
.dl{flex:1;height:0.5px;background:var(--bd);}
.dt{font-size:12px;color:var(--tx3);}
.tbr{display:flex;gap:0;margin-bottom:16px;background:var(--bg2);border-radius:10px;padding:3px;}
.tbb{flex:1;padding:8px;border:none;background:none;font-size:13px;font-weight:500;color:var(--tx3);cursor:pointer;border-radius:8px;}
.tbb.on{background:var(--bg);color:var(--acc);}
.pww{position:relative;}.pww input{padding-right:38px;}
.pwe{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--tx3);font-size:15px;}
label.f{font-size:12px;color:var(--tx2);display:block;margin-bottom:5px;margin-top:12px;}
label.f:first-of-type{margin-top:0;}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],select{background:var(--bg2);border:0.5px solid var(--bd);border-radius:11px;padding:9px 10px;font-size:14px;color:var(--tx);outline:none;width:100%;}
input:focus{border-color:var(--a3);}
.avg{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px;}
.av{width:100%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;border:2.5px solid transparent;background:var(--a2);}
.av.sel{border-color:var(--acc);}
.fag{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:6px;}
.fa{width:100%;aspect-ratio:1;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;border:2px solid transparent;background:var(--bg2);}
.fa.sel{border-color:var(--acc);background:var(--a2);}
.pag{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:6px;}
.pa{width:100%;aspect-ratio:1;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border:2px solid transparent;background:var(--bg2);}
.pa.sel{border-color:var(--acc);background:var(--a2);}
.err{font-size:11px;color:var(--no);margin-top:4px;display:none;}
.tooth{width:100%;aspect-ratio:1;border-radius:5px;border:0.5px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:9px;cursor:pointer;background:var(--bg2);color:var(--tx3);}
.tooth.out{background:var(--okl);border-color:#86efac;color:var(--ok);}
.rb2{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:10px;border:0.5px solid var(--bd);background:var(--bg2);font-size:12px;color:var(--tx2);cursor:pointer;margin:3px 4px 0 0;}
.rb2.sel{background:var(--nol);border-color:var(--no);color:var(--no);}
.lorow{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:0.5px solid var(--bd);}
.lorow:last-child{border-bottom:none;}
.ltime{font-size:11px;color:var(--tx3);min-width:40px;}
.td{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;flex-shrink:0;}
.urow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:0.5px solid var(--bd);}
.urow:last-child{border-bottom:none;}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;}
.pi{aspect-ratio:1;border-radius:10px;background:var(--bg2);border:0.5px solid var(--bd);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.padd{aspect-ratio:1;border-radius:10px;border:1.5px dashed var(--bd2);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--tx3);}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;}
.wst{background:var(--bg2);border-radius:10px;padding:10px;margin-bottom:8px;display:flex;align-items:center;gap:10px;}
.wico{width:34px;height:34px;border-radius:9px;background:var(--a2);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:var(--a2);color:var(--a4);border:none;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;margin-top:10px;}
.ld{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;flex-direction:column;color:var(--tx3);}
.es{text-align:center;padding:20px 14px;}
.es .ei{font-size:30px;opacity:.4;}
.es .et{font-size:13px;font-weight:500;color:var(--tx);margin-top:10px;}
.es .ed{font-size:12px;color:var(--tx2);margin-top:4px;line-height:1.5;}
.exbtn{display:flex;align-items:center;gap:8px;background:var(--okl);border:0.5px solid #86efac;border-radius:10px;padding:10px 13px;font-size:13px;color:var(--ok);cursor:pointer;margin-bottom:8px;width:100%;}
.abanner{background:linear-gradient(135deg,var(--acc) 0%,var(--a3) 100%);border-radius:12px;padding:12px 14px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;}
.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;}
.theme-choice{border:1.5px solid var(--bd);background:var(--bg2);border-radius:15px;padding:10px 6px;cursor:pointer;text-align:center;color:var(--tx);}
.theme-choice.sel{border-color:var(--acc);background:var(--a2);box-shadow:0 0 0 2px color-mix(in srgb,var(--acc) 16%,transparent);}
.theme-dots{display:flex;justify-content:center;gap:4px;margin-bottom:7px;}.theme-dots i{width:16px;height:16px;border-radius:50%;display:block;}
.theme-choice strong{display:block;font-size:12px;font-weight:500;}.theme-choice span{display:block;font-size:9px;color:var(--tx2);margin-top:2px;}
.vd-state{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid transparent;border-radius:11px;font-size:12px;font-weight:500;cursor:pointer;}
.vd-state.no{background:var(--nol);border-color:#FCA5A5;color:var(--no);}.vd-state.yes{background:var(--okl);border-color:#86EFAC;color:var(--ok);}
.hint{background:var(--a2);border-radius:12px;padding:10px 12px;font-size:12px;color:var(--a4);line-height:1.5;margin-top:10px;}
.subhead{font-size:12px;color:var(--tx2);line-height:1.5;margin:5px 0 12px;}

  /* ── Mobile / PWA ── */
@media (max-width: 430px) {
    body { padding: 0 !important; background: var(--bg) !important; }
    .app { max-width: 100% !important; height: 100dvh !important; max-height: none !important; min-height: 0 !important; border-radius: 0 !important; border: none !important; }
    .hdr { padding-top: max(12px, env(safe-area-inset-top)); }
    input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],select { font-size:16px; }
  }
  @media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important; } }
  * { -webkit-tap-highlight-color: transparent; }
  #mtab { padding-bottom: max(8px, env(safe-area-inset-bottom)); }
  .cnt { -webkit-overflow-scrolling: touch; }
  input, button, select, textarea { font-family: var(--font-sans, -apple-system, sans-serif); }

/* ── v21 QOL: bessere Lesbarkeit und Touch-Bedienung ── */
.profile-trigger{min-width:88px;height:42px;padding:0 13px;border-radius:22px;border:1px solid color-mix(in srgb,var(--acc) 18%,transparent);cursor:pointer;background:var(--a2);color:var(--a4);font-size:19px;display:flex;align-items:center;justify-content:flex-start;gap:7px;box-shadow:0 3px 12px color-mix(in srgb,var(--acc) 10%,transparent)}
.profile-trigger::after{content:'Profil';font-size:13px;font-weight:600;color:var(--a4)}
.back{width:44px;height:44px;min-width:44px;border-radius:50%;justify-content:center;gap:0;font-size:20px;background:var(--a2);border:1px solid color-mix(in srgb,var(--acc) 16%,transparent);padding:0;margin-bottom:14px;box-shadow:0 3px 10px color-mix(in srgb,var(--acc) 8%,transparent)}
.back i{font-size:21px}
.rn{font-size:15px}.rs{font-size:12px;line-height:1.4}.fi{min-height:54px;padding:11px 0;gap:10px}.fem{width:40px;height:40px;font-size:20px}.th{gap:5px}.tb{width:40px;height:40px;border-radius:11px;font-size:18px}.dot{width:10px;height:10px}
label.f{font-size:13px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],select{min-height:48px;font-size:16px;padding:11px 12px}
input[type=time],input[type=datetime-local]{display:block;width:100%;font-variant-numeric:tabular-nums;letter-spacing:.2px;color-scheme:light dark}
.screen-title-row{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 12px}.screen-title{font-size:18px;font-weight:600;color:var(--tx)}.info-round{width:44px;height:44px;border-radius:50%;border:1px solid var(--bd);background:var(--a2);color:var(--acc);font-size:21px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.food-help{padding:14px;margin-bottom:13px;border:1px solid color-mix(in srgb,var(--acc) 24%,var(--bd));background:color-mix(in srgb,var(--a2) 82%,var(--bg))}.food-help-title{display:flex;align-items:center;gap:8px;color:var(--a4);font-size:14px;margin-bottom:10px}.food-help-title i{font-size:19px;color:var(--acc)}.food-help-line{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--tx2);line-height:1.4;margin:7px 0}.food-help-line>i{width:18px;text-align:center;color:var(--acc);font-size:17px}.food-help-never{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--tx2);margin-top:12px}.food-help-never input{width:18px;height:18px}.food-help-ok{width:100%;min-height:42px;border:none;border-radius:11px;background:var(--acc);color:white;font-size:14px;font-weight:600;margin-top:10px;cursor:pointer}
.sleep-open-card{background:var(--a2);border:1px solid color-mix(in srgb,var(--acc) 20%,transparent);border-radius:14px;padding:13px;margin-bottom:10px}.sleep-open-card strong{display:block;color:var(--a4);font-size:15px}.sleep-open-card span{display:block;color:var(--tx2);font-size:13px;margin-top:4px}.sleep-discard{width:100%;min-height:42px;border:none;background:transparent;color:var(--no);font-size:13px;cursor:pointer;margin-top:5px}
.ui-size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ui-size-grid button{min-height:44px;border-radius:12px;border:1px solid var(--bd);background:var(--bg2);color:var(--tx2);font-size:13px;cursor:pointer}.ui-size-grid button.on{background:var(--a2);border-color:var(--acc);color:var(--a4);font-weight:600}

/* Standard ist bewusst bereits eine Stufe lesbarer als die erste Version. */
.app [style*="font-size:10px"]{font-size:11px!important}.app [style*="font-size:11px"]{font-size:12px!important}.app [style*="font-size:12px"]{font-size:13px!important}.app [style*="font-size:13px"]{font-size:14px!important}.app [style*="font-size:14px"]{font-size:15px!important}.app [style*="font-size:15px"]{font-size:16px!important}
html[data-ui-size="large"] .rn,html[data-ui-size="large"] .pmn{font-size:16px}html[data-ui-size="large"] .rs,html[data-ui-size="large"] .subhead{font-size:13px}html[data-ui-size="large"] .tab{font-size:12px}html[data-ui-size="large"] .tab i{font-size:23px}html[data-ui-size="large"] .app [style*="font-size:11px"]{font-size:13px!important}html[data-ui-size="large"] .app [style*="font-size:12px"]{font-size:14px!important}html[data-ui-size="large"] .app [style*="font-size:13px"]{font-size:15px!important}html[data-ui-size="large"] .app [style*="font-size:14px"]{font-size:16px!important}html[data-ui-size="large"] .app [style*="font-size:15px"]{font-size:17px!important}
html[data-ui-size="xlarge"] .rn,html[data-ui-size="xlarge"] .pmn{font-size:17px}html[data-ui-size="xlarge"] .rs,html[data-ui-size="xlarge"] .subhead{font-size:14px}html[data-ui-size="xlarge"] .tab{font-size:13px}html[data-ui-size="xlarge"] .tab i{font-size:25px}html[data-ui-size="xlarge"] .fi{min-height:60px}html[data-ui-size="xlarge"] .tb{width:44px;height:44px;font-size:20px}html[data-ui-size="xlarge"] .app [style*="font-size:11px"]{font-size:14px!important}html[data-ui-size="xlarge"] .app [style*="font-size:12px"]{font-size:15px!important}html[data-ui-size="xlarge"] .app [style*="font-size:13px"]{font-size:16px!important}html[data-ui-size="xlarge"] .app [style*="font-size:14px"]{font-size:17px!important}html[data-ui-size="xlarge"] .app [style*="font-size:15px"]{font-size:18px!important}

/* ── Familie & Cloud-Synchronisierung ── */
.family-choice{width:100%;min-height:78px;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid color-mix(in srgb,var(--acc) 22%,var(--bd));background:var(--bg);border-radius:17px;padding:13px;margin:15px 0 12px;color:var(--tx);cursor:pointer;box-shadow:0 5px 16px color-mix(in srgb,var(--acc) 7%,transparent)}
.family-choice>span:nth-child(2){flex:1}.family-choice strong{font-size:15px;display:block}.family-choice small{font-size:12px;color:var(--tx2);display:block;line-height:1.4;margin-top:3px}.family-choice-icon{width:43px;height:43px;border-radius:13px;background:var(--a2);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}.family-choice>i{color:var(--tx3);font-size:18px}
.family-join-card{padding:14px;margin-bottom:12px}.family-choice-title{display:flex;align-items:center;gap:8px;color:var(--a4);font-size:14px}.family-choice-title i{font-size:20px;color:var(--acc)}.family-join-card input{text-transform:uppercase;letter-spacing:3px;text-align:center;font-size:18px;font-weight:700}
.cloud-mode-note{display:flex;align-items:flex-start;gap:8px;background:var(--bg2);border-radius:12px;padding:10px 12px;font-size:12px;color:var(--tx2);line-height:1.45;margin-top:auto}.cloud-mode-note i{font-size:17px;color:var(--acc);margin-top:1px}
.sync-strip{display:flex;align-items:center;gap:8px;min-height:43px;border-radius:12px;padding:9px 12px;font-size:12px;margin-bottom:12px;cursor:pointer;border:1px solid transparent}.sync-strip.local{background:var(--bg2);color:var(--tx2);border-color:var(--bd)}.sync-strip.ok{background:var(--okl);color:var(--ok);border-color:#86efac}.sync-strip.busy{background:var(--a2);color:var(--a4);border-color:var(--a3)}.sync-strip.error{background:var(--wal);color:#92400e;border-color:#fcd34d}.sync-strip i{font-size:17px}
.family-hero{display:flex;align-items:center;gap:13px;padding:15px;margin-top:12px}.family-hero-icon{width:46px;height:46px;border-radius:14px;background:var(--a2);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:23px;flex-shrink:0}.invite-code{width:100%;min-height:58px;border:1.5px dashed var(--a3);border-radius:14px;background:var(--a2);color:var(--a4);display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.invite-code span{font-size:23px;letter-spacing:4px;font-weight:750;font-variant-numeric:tabular-nums}.invite-code i{font-size:20px}
.auth-mode{display:flex;align-items:center;gap:7px;border-radius:11px;padding:8px 10px;margin-bottom:12px;font-size:11px;line-height:1.35}.auth-mode.local{background:var(--bg2);color:var(--tx2);border:1px solid var(--bd)}.auth-mode.cloud{background:var(--okl);color:var(--ok);border:1px solid #86efac}.auth-mode i{font-size:16px;flex-shrink:0}

/* Rechtstexte müssen in hellen und dunklen Themes klar lesbar bleiben. */
#sc-legal{color:var(--tx)}#sc-legal .card{color:var(--tx);background:color-mix(in srgb,var(--bg) 86%,transparent)}#sc-legal .card>div:first-child{color:var(--tx)!important}#sc-legal .card>div:last-child{color:var(--tx2)!important}
.beta-card{background:linear-gradient(145deg,color-mix(in srgb,var(--a2) 70%,var(--bg)),color-mix(in srgb,var(--bg) 90%,transparent))!important;border-color:color-mix(in srgb,var(--acc) 25%,var(--bd))!important}.beta-build{display:flex;align-items:center;gap:10px}.beta-build>span:first-child{width:40px;height:40px;border-radius:13px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:0 6px 14px var(--glow)}.beta-build>div{display:flex;flex-direction:column;flex:1}.beta-build strong{font-size:13px;color:var(--tx)}.beta-build small{font-size:10px;color:var(--tx2);margin-top:2px}

/* ── v23 Motion & drehbare Schnellkacheln ── */
.flip-grid{align-items:stretch}.metric-flip{height:138px;perspective:900px;cursor:pointer;outline:none;border-radius:19px}.metric-flip:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 70%,white);outline-offset:3px}.metric-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.82,.24,1)}.metric-flip.is-flipped .metric-inner{transform:rotateY(180deg)}.metric-face{position:absolute!important;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:19px!important;padding:13px!important;display:flex;flex-direction:column;overflow:hidden}.metric-front{justify-content:center}.metric-back{transform:rotateY(180deg);justify-content:space-between;background:linear-gradient(145deg,color-mix(in srgb,var(--a2) 88%,var(--bg)),color-mix(in srgb,var(--bg) 84%,var(--a2)))!important;border-color:color-mix(in srgb,var(--acc) 25%,var(--bd))!important}.metric-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--tx3)}.metric-top i{font-size:13px;color:var(--acc);opacity:.7;transition:transform .35s}.metric-flip:hover .metric-top i{transform:rotate(70deg)}.metric-value{font-size:24px;font-weight:700;color:var(--tx);letter-spacing:-.5px;margin-top:3px}.metric-time{font-size:11px;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flip-hint{font-size:9px;color:var(--acc);margin-top:auto;opacity:.76}.metric-back-title{font-size:11px;font-weight:750;color:var(--a4);display:flex;gap:5px;align-items:center}.metric-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.metric-actions.two{grid-template-columns:1fr 1fr}.metric-actions button,.sleep-quick{min-height:35px;border:1px solid color-mix(in srgb,var(--acc) 25%,var(--bd));border-radius:10px;background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--tx);font-size:10px;font-weight:650;padding:5px 2px}.sleep-quick{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--grad);color:#fff;border:0;box-shadow:0 6px 14px var(--glow)}.metric-detail{border:0;background:none;color:var(--acc);font-size:9.5px;font-weight:650;padding:3px;display:flex;align-items:center;justify-content:center;gap:3px}.metric-detail i{font-size:11px}.metric-flip.motion-success .metric-inner{animation:cardSuccess .48s cubic-bezier(.2,.9,.25,1)}@keyframes cardSuccess{0%{transform:rotateY(180deg) scale(1)}45%{transform:rotateY(180deg) scale(1.055)}100%{transform:rotateY(180deg) scale(1)}}
.milk-quick-box{max-height:min(650px,88dvh);overflow:auto}.milk-mode{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.milk-mode button{min-height:48px;border:1px solid var(--bd);border-radius:13px;background:var(--bg2);color:var(--tx2);font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.milk-mode button i{font-size:18px}.milk-mode button.on{background:var(--a2);border-color:var(--acc);color:var(--a4);box-shadow:0 5px 14px var(--glow)}.quick-amount{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:9px;background:linear-gradient(145deg,var(--a2),color-mix(in srgb,var(--a2) 45%,var(--bg)));border-radius:18px;padding:12px;margin:8px 0}.quick-amount>button{width:48px;height:48px;border:0;border-radius:15px;background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--acc);font-size:20px;box-shadow:0 5px 12px color-mix(in srgb,var(--acc) 10%,transparent)}.quick-amount>div{text-align:center;display:flex;flex-direction:column}.quick-amount strong{font-size:27px;color:var(--tx);font-variant-numeric:tabular-nums}.quick-amount span{font-size:11px;color:var(--tx2)}.milk-presets{display:flex;justify-content:center;gap:6px;margin-bottom:8px}.milk-presets button{border:1px solid var(--bd);border-radius:999px;background:var(--bg);color:var(--tx2);padding:6px 10px;font-size:10px}.milk-presets button.on{background:var(--acc);color:#fff;border-color:var(--acc)}
.motion-toast{position:absolute;left:50%;bottom:88px;z-index:45;min-width:210px;max-width:calc(100% - 28px);display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:16px;background:color-mix(in srgb,#172B2D 93%,transparent);color:#fff;box-shadow:0 16px 34px rgba(0,0,0,.28);transform:translate(-50%,28px) scale(.92);opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.2,.85,.25,1.2),opacity .2s}.motion-toast.show{transform:translate(-50%,0) scale(1);opacity:1}.motion-toast>span{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#16A34A;color:#fff;font-size:18px}.motion-toast>div{display:flex;flex-direction:column}.motion-toast strong{font-size:12px}.motion-toast small{font-size:10px;opacity:.74;margin-top:1px}
.tb{position:relative;overflow:visible;isolation:isolate;transition:transform .16s cubic-bezier(.2,.8,.2,1),background .2s,color .2s}.tb:active{transform:scale(.86)}.tb.motion-like{animation:likePop .46s cubic-bezier(.2,.9,.3,1.35)}.tb.motion-dislike{animation:dislikePop .42s ease}@keyframes likePop{0%{transform:scale(1)}35%{transform:scale(1.34) rotate(-8deg)}70%{transform:scale(.92) rotate(3deg)}100%{transform:scale(1)}}@keyframes dislikePop{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px) rotate(-7deg)}55%{transform:translateX(3px) rotate(6deg)}75%{transform:translateX(-2px)}}.reaction-spark{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:var(--ok);pointer-events:none;z-index:-1;animation:sparkOut .48s ease-out forwards;--dx:0px;--dy:-22px}@keyframes sparkOut{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.1);opacity:0}}.fi.motion-row{animation:rowReveal .28s ease both}@keyframes rowReveal{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}
.motion-ripple-host{position:relative;overflow:hidden}.motion-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.28);transform:scale(0);pointer-events:none;animation:ripple .5s ease-out forwards}@keyframes ripple{to{transform:scale(1);opacity:0}}
@media (max-width:360px){.metric-flip{height:142px}.metric-face{padding:10px!important}.metric-actions button{font-size:9px}.metric-value{font-size:22px}}
@media (prefers-reduced-motion:reduce){.metric-inner,.motion-toast,.tb{transition:none!important}.metric-flip.motion-success .metric-inner,.tb.motion-like,.tb.motion-dislike,.fi.motion-row{animation:none!important}.reaction-spark,.motion-ripple{display:none!important}}
.metric-back:active{transform:rotateY(180deg)!important}.metric-front:active{transform:none!important}.reaction-spark{z-index:2}
#mcnt>.sc.on{animation:screenIn .28s cubic-bezier(.22,.78,.25,1)}.sht.show .sbox{animation:sheetUp .32s cubic-bezier(.2,.86,.25,1)}.mo.show .mb{animation:modalIn .28s cubic-bezier(.2,.85,.25,1.12)}@keyframes screenIn{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes sheetUp{from{transform:translateY(28px);opacity:.7}to{transform:none;opacity:1}}@keyframes modalIn{from{transform:scale(.94);opacity:.4}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){#mcnt>.sc.on,.sht.show .sbox,.mo.show .mb{animation:none!important}}

/* ── v24: appweites 3D-Kachelsystem ── */
.depth-card{--depth-rx:0deg;--depth-ry:0deg;--depth-y:0px;position:relative;isolation:isolate;transform:perspective(850px) rotateX(var(--depth-rx)) rotateY(var(--depth-ry)) translateY(var(--depth-y));transform-style:preserve-3d;box-shadow:0 2px 2px color-mix(in srgb,var(--tx) 5%,transparent),0 10px 22px color-mix(in srgb,var(--acc) 11%,transparent),inset 0 1px 0 rgba(255,255,255,.48)!important;transition:transform .22s cubic-bezier(.2,.78,.22,1),box-shadow .22s ease,border-color .2s ease;background-image:linear-gradient(145deg,rgba(255,255,255,.12),transparent 48%)!important;will-change:transform}.depth-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:4;opacity:.5;background:radial-gradient(circle at var(--depth-x,50%) var(--depth-y-pos,20%),rgba(255,255,255,.42),transparent 34%);mix-blend-mode:soft-light;transition:opacity .2s}.depth-card:not([data-3d-interactive="true"])::before{opacity:.22}.depth-card[data-3d-interactive="true"]{cursor:pointer}.depth-card[data-3d-interactive="true"]:hover{--depth-y:-2px;box-shadow:0 3px 4px color-mix(in srgb,var(--tx) 7%,transparent),0 16px 30px color-mix(in srgb,var(--acc) 16%,transparent),inset 0 1px 0 rgba(255,255,255,.58)!important;border-color:color-mix(in srgb,var(--acc) 25%,var(--bd))!important}.depth-card.is-depth-pressed{--depth-y:1px;box-shadow:0 1px 2px color-mix(in srgb,var(--tx) 7%,transparent),0 5px 11px color-mix(in srgb,var(--acc) 10%,transparent)!important;transition-duration:.1s}.depth-card:focus-visible,.recipe-flip:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 72%,white)!important;outline-offset:3px}
.depth-card-group{display:flex;flex-direction:column;gap:9px;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}.depth-card-group>.pmr{border:1px solid color-mix(in srgb,var(--bd) 82%,transparent)!important;border-radius:16px;background:color-mix(in srgb,var(--bg) 87%,transparent);min-height:62px}.depth-card-group>.pmr:last-child{border-bottom:1px solid color-mix(in srgb,var(--bd) 82%,transparent)!important}.depth-card.fi,.depth-card.formula-card,.depth-card.row,.depth-card.urow,.depth-card.sr,.depth-card.wst,.depth-card.lorow{border:1px solid color-mix(in srgb,var(--bd) 82%,transparent)!important;border-radius:14px;background:color-mix(in srgb,var(--bg) 88%,transparent);padding:10px 11px!important;margin-bottom:8px}.depth-card.fi:last-child,.depth-card.formula-card:last-child,.depth-card.row:last-child,.depth-card.urow:last-child,.depth-card.sr:last-child,.depth-card.lorow:last-child{border-bottom:1px solid color-mix(in srgb,var(--bd) 82%,transparent)!important}.depth-card.pi,.depth-card.padd{border-radius:15px}.depth-card.health-link,.depth-card.choice-card,.depth-card.theme-choice,.depth-card.quick-action,.depth-card.family-choice{overflow:hidden}.depth-card .pmi,.depth-card .ic,.depth-card .fem,.depth-card>i,.depth-card>span:first-child{transform:translateZ(12px)}
.recipe-flip{height:158px;margin-bottom:12px;perspective:1000px;cursor:pointer;border-radius:20px;outline:none}.recipe-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .58s cubic-bezier(.2,.82,.24,1)}.recipe-flip.is-flipped .recipe-inner{transform:rotateY(180deg)}.recipe-face{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--bd) 82%,transparent);border-radius:20px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:color-mix(in srgb,var(--bg) 88%,transparent);box-shadow:0 4px 5px color-mix(in srgb,var(--tx) 5%,transparent),0 15px 30px color-mix(in srgb,var(--acc) 14%,transparent),inset 0 1px 0 rgba(255,255,255,.55)}.recipe-front{display:grid;grid-template-columns:108px 1fr}.recipe-front .ri{height:100%;font-size:42px;background:linear-gradient(145deg,var(--a2),color-mix(in srgb,var(--a3) 42%,var(--a2)))}.recipe-front .rb2b{display:flex;flex-direction:column;justify-content:center;padding:13px}.recipe-front .rm{flex-wrap:wrap;gap:5px}.recipe-front .badge{margin-left:0!important}.recipe-turn{position:absolute;left:9px;bottom:9px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 76%,transparent);color:var(--acc);font-size:13px;box-shadow:0 4px 10px color-mix(in srgb,var(--tx) 12%,transparent)}.recipe-back{transform:rotateY(180deg);display:grid;grid-template-columns:58px 1fr;grid-template-rows:1fr auto;column-gap:11px;align-items:center;padding:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--a2) 88%,var(--bg)),color-mix(in srgb,var(--bg) 84%,var(--a2)))}.recipe-back-icon{grid-row:1/3;width:54px;height:54px;border-radius:18px;background:color-mix(in srgb,var(--bg) 76%,transparent);display:flex;align-items:center;justify-content:center;font-size:27px;box-shadow:0 9px 18px color-mix(in srgb,var(--acc) 14%,transparent)}.recipe-back strong{display:block;color:var(--tx);font-size:13px;line-height:1.25}.recipe-back span{display:block;color:var(--tx2);font-size:10.5px;margin-top:4px}.recipe-back button{justify-self:start;border:0;border-radius:11px;background:var(--grad);color:#fff;padding:8px 11px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px;box-shadow:0 7px 16px var(--glow)}.recipe-flip.premium .recipe-back button{background:linear-gradient(135deg,#A16207,#D99A16)}
html[data-scene="on"] .depth-card,html[data-scene="on"] .recipe-face{background-color:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08)}
@media(max-width:360px){.recipe-flip{height:166px}.recipe-front{grid-template-columns:92px 1fr}.recipe-front .rn{font-size:13px}.recipe-back{grid-template-columns:48px 1fr;padding:12px}.recipe-back-icon{width:46px;height:46px;font-size:23px}}
@media(prefers-reduced-motion:reduce){.depth-card{transform:none!important;transition:none!important;will-change:auto}.depth-card:hover{transform:none!important}.depth-card::before{display:none!important}.recipe-inner{transition:none!important}.recipe-flip.is-flipped .recipe-inner{transform:rotateY(180deg)!important}}

/* ── v25: weiche Oberflächen, bessere Kontraste & schwebende Navigation ── */
:root,html[data-theme="fjord"]{--surface-card:#FCFEFE;--surface-soft:#EDF8F8;--surface-strong:#DDF1F2;--card-line:#BEDDDF;--card-shadow:rgba(31,105,112,.13);--header-grad:linear-gradient(125deg,#D8F1F2 0%,#ECF9F8 48%,#CFE9EC 100%);--nav-surface:rgba(248,253,253,.94);--control-text:#183D41}
html[data-theme="wald"]{--surface-card:#FFFDF8;--surface-soft:#F0F6EC;--surface-strong:#E3EFE1;--card-line:#C8DCC8;--card-shadow:rgba(65,105,75,.13);--header-grad:linear-gradient(125deg,#E1EFDF 0%,#FAF8EC 50%,#D9E9DE 100%);--nav-surface:rgba(253,252,245,.94);--control-text:#2C4934}
html[data-theme="sonne"]{--surface-card:#FFFCFA;--surface-soft:#FFF0EA;--surface-strong:#FBE2D9;--card-line:#E9C8BD;--card-shadow:rgba(173,86,65,.13);--header-grad:linear-gradient(125deg,#F9DDD5 0%,#FFF3E9 50%,#F4D5CC 100%);--nav-surface:rgba(255,249,245,.95);--control-text:#59352C}
@media(prefers-color-scheme:dark){:root,html[data-theme="fjord"]{--surface-card:#202C34;--surface-soft:#1C353A;--surface-strong:#244148;--card-line:#3D5A60;--card-shadow:rgba(0,0,0,.24);--header-grad:linear-gradient(125deg,#1E3C42,#263842 55%,#24464A);--nav-surface:rgba(29,39,48,.96);--control-text:#EAF7F7}html[data-theme="wald"]{--surface-card:#252E29;--surface-soft:#29382D;--surface-strong:#314536;--card-line:#485B4D;--card-shadow:rgba(0,0,0,.24);--header-grad:linear-gradient(125deg,#2C4032,#343C34 55%,#314A38);--nav-surface:rgba(35,43,38,.96);--control-text:#EEF7EF}html[data-theme="sonne"]{--surface-card:#322824;--surface-soft:#442F29;--surface-strong:#52372F;--card-line:#65483F;--card-shadow:rgba(0,0,0,.25);--header-grad:linear-gradient(125deg,#4A302A,#44332D 55%,#55362F);--nav-surface:rgba(48,37,33,.96);--control-text:#FFF2ED}}
.depth-card{background:var(--surface-card)!important;background-image:none!important;border-color:var(--card-line)!important;box-shadow:0 8px 20px var(--card-shadow)!important}.depth-card::before{opacity:.18;background:radial-gradient(circle at var(--depth-x,50%) var(--depth-y-pos,18%),rgba(255,255,255,.5),transparent 42%);mix-blend-mode:normal}.depth-card:not([data-3d-interactive="true"])::before{opacity:.09}.depth-card[data-3d-interactive="true"]:hover{box-shadow:0 12px 25px var(--card-shadow)!important;border-color:color-mix(in srgb,var(--acc) 35%,var(--card-line))!important}.depth-card.is-depth-pressed{box-shadow:0 4px 12px var(--card-shadow)!important}.depth-init{transition:none!important}.depth-card .rn,.depth-card .pmn,.depth-card strong{color:var(--tx)}.depth-card .rs,.depth-card small,.depth-card .subhead{color:var(--tx2)}
.metric-face,.recipe-face{background:linear-gradient(155deg,var(--surface-card),var(--surface-soft))!important;border-color:var(--card-line)!important;box-shadow:0 9px 22px var(--card-shadow)!important}.metric-back,.recipe-back{background:linear-gradient(145deg,var(--surface-strong),var(--surface-card))!important}.recipe-front .ri{background:linear-gradient(145deg,var(--surface-strong),var(--surface-soft))}.metric-actions button,.quick-amount>button{background:var(--surface-card);border-color:var(--card-line)}
.hdr{position:relative;margin:0 8px;padding:13px 14px;border:1px solid var(--card-line);border-top:0;border-radius:0 0 23px 23px;background:var(--header-grad)!important;box-shadow:0 10px 24px var(--card-shadow);overflow:hidden;z-index:9}.hdr::before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-42px;top:-72px;background:rgba(255,255,255,.26);box-shadow:-205px 73px 0 rgba(255,255,255,.14);pointer-events:none}.brand-lockup,.profile-trigger{position:relative;z-index:1}.brand-lockup{gap:10px}.brand-lockup img{width:39px;height:39px;padding:5px;border-radius:13px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.7);filter:drop-shadow(0 4px 8px var(--glow))}.brand-lockup strong{font-size:16px;font-weight:760;color:var(--control-text);letter-spacing:-.35px}.brand-lockup span{font-size:10px;color:color-mix(in srgb,var(--control-text) 72%,transparent)}.profile-trigger{width:43px;height:43px;border-radius:15px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.82);box-shadow:0 6px 15px var(--card-shadow);font-size:22px}
.tbar{margin:0 10px max(9px,env(safe-area-inset-bottom));padding:7px 5px!important;border:1px solid var(--card-line);border-radius:24px;background:var(--nav-surface)!important;-webkit-backdrop-filter:blur(20px) saturate(1.08);backdrop-filter:blur(20px) saturate(1.08);box-shadow:0 12px 30px rgba(30,55,60,.2),0 2px 8px var(--card-shadow);overflow:visible}.tab{min-height:47px;border-radius:16px;transition:transform .18s ease,background .18s ease,color .18s ease}.tab i{font-size:21px}.tab.on{background:var(--surface-strong);color:var(--acc);transform:translateY(-1px);box-shadow:0 4px 10px var(--card-shadow)}.pw{margin-top:-22px}.pb{width:51px;height:51px;border:4px solid var(--nav-surface);box-shadow:0 9px 21px var(--glow)}
.back{width:46px;height:46px;min-width:46px;border-radius:15px;background:linear-gradient(145deg,var(--surface-card),var(--surface-strong));border:1px solid var(--card-line);color:var(--acc);box-shadow:0 7px 17px var(--card-shadow);transition:transform .16s ease,box-shadow .18s ease,background .18s ease}.back i{font-size:22px}.back:hover{background:var(--surface-strong);box-shadow:0 10px 20px var(--card-shadow)}.back:active{transform:scale(.93);box-shadow:0 3px 9px var(--card-shadow)}
.age-check-card{padding:13px 14px;margin-bottom:12px;border-radius:19px;border:1px solid var(--card-line);background:linear-gradient(145deg,var(--surface-card),var(--surface-soft));box-shadow:0 8px 20px var(--card-shadow)}.age-check-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}.age-check-icon{width:40px;height:40px;border-radius:13px;background:var(--surface-strong);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.age-check-head>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;flex:1}.age-check-head small{grid-column:1/3;color:var(--tx2);font-size:10px;margin-bottom:1px}.age-check-head strong{font-size:16px;color:var(--tx)}.age-check-head>div>span{font-size:10px;color:var(--tx2);justify-self:end}.age-slider{width:100%;height:20px;margin:0;accent-color:var(--acc)}.age-slider::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:linear-gradient(90deg,var(--surface-strong),var(--a3))}.age-slider::-webkit-slider-thumb{margin-top:-5px;width:18px;height:18px;border-radius:50%;background:var(--acc);border:3px solid var(--surface-card);box-shadow:0 2px 7px var(--glow)}.age-scale{display:flex;align-items:center;justify-content:space-between;margin-top:3px;font-size:9px;color:var(--tx3)}.age-scale button{border:0;border-radius:999px;background:var(--surface-strong);color:var(--acc);padding:5px 9px;font-size:9px;font-weight:700;align-items:center;gap:4px}
.scanner-heading{display:flex;align-items:center;gap:11px;margin-bottom:13px}.scanner-heading>span{width:45px;height:45px;border-radius:15px;background:var(--grad);color:white;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 18px var(--glow)}.scanner-heading h2{font-size:19px;line-height:1.2;color:var(--tx);letter-spacing:-.3px}.scanner-heading p{font-size:11px;color:var(--tx2);margin-top:3px}.scanner-trust{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;margin-bottom:12px;border-radius:15px;background:var(--surface-soft);border:1px solid var(--card-line);color:var(--control-text)}.scanner-trust>i{font-size:19px;color:var(--acc);margin-top:1px}.scanner-trust div{display:flex;flex-direction:column}.scanner-trust strong{font-size:11px}.scanner-trust span{font-size:10px;line-height:1.4;color:var(--tx2);margin-top:2px}.scanner-box{height:225px;border-radius:24px;border:1px solid var(--card-line);background:radial-gradient(circle at 50% 38%,var(--surface-card),var(--surface-strong));box-shadow:0 10px 24px var(--card-shadow);isolation:isolate}.scanner-box video{z-index:1}.scanner-box::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,30,34,.08));pointer-events:none;z-index:2}.scanner-box #scan-placeholder{position:relative;z-index:3;padding:24px}.scanner-orb{width:66px;height:66px;margin:0 auto 11px;border-radius:22px;background:var(--surface-card);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:31px;box-shadow:0 10px 22px var(--card-shadow)}.scanner-title{font-size:14px;margin:0 0 4px}.scanner-box .subhead{margin:0;font-size:10.5px}.scan-corner{position:absolute;width:28px;height:28px;z-index:4;border-color:var(--acc);border-style:solid;pointer-events:none}.scan-corner.tl{left:17px;top:17px;border-width:3px 0 0 3px;border-radius:9px 0 0}.scan-corner.tr{right:17px;top:17px;border-width:3px 3px 0 0;border-radius:0 9px 0 0}.scan-corner.bl{left:17px;bottom:17px;border-width:0 0 3px 3px;border-radius:0 0 0 9px}.scan-corner.br{right:17px;bottom:17px;border-width:0 3px 3px 0;border-radius:0 0 9px}.scan-line{display:none;z-index:5;left:9%;right:9%;box-shadow:0 0 15px var(--acc)}.scanner-box.is-scanning .scan-line{display:block}.scanner-controls{display:grid;grid-template-columns:1fr 84px;gap:8px;margin:10px 0}.scanner-stop{border:1px solid var(--card-line);border-radius:14px;background:var(--surface-card);color:var(--tx2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px}.scanner-stop i{font-size:17px}.scanner-manual{padding:13px;border:1px solid var(--card-line);border-radius:18px;background:var(--surface-card);box-shadow:0 7px 18px var(--card-shadow);margin-bottom:10px}.scanner-manual-title{display:flex;gap:9px;align-items:center;margin-bottom:10px}.scanner-manual-title>i{width:34px;height:34px;border-radius:11px;background:var(--surface-strong);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:17px}.scanner-manual-title div{display:flex;flex-direction:column}.scanner-manual-title strong{font-size:12px;color:var(--tx)}.scanner-manual-title span{font-size:9.5px;color:var(--tx2);margin-top:1px}.manual-code input{background:var(--surface-soft)}.manual-code .add-btn{min-height:44px;padding:0 13px}.scanner-demo{width:100%;border:0;background:none;color:var(--acc);font-size:10.5px;padding:9px 4px 1px;display:flex;align-items:center;justify-content:center;gap:5px}.scanner-status{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--card-line);color:var(--tx2);font-size:10.5px;line-height:1.45;margin-bottom:13px}.scanner-status i{font-size:16px;color:var(--acc);flex-shrink:0}.scanner-status.active{background:var(--okl);border-color:#86EFAC;color:var(--ok)}.scanner-status.error{background:var(--nol);border-color:#FCA5A5;color:var(--no)}.scanner-history-title{display:flex;align-items:center;justify-content:space-between;color:var(--tx);font-size:12px;font-weight:700;margin:2px 1px 8px}.scanner-history-title i{color:var(--acc);font-size:16px}.scan-unknown{border:1px solid color-mix(in srgb,var(--wa) 30%,transparent)}
.shop-row{cursor:pointer;min-height:60px}.shop-check{width:25px;height:25px;border-radius:9px;border:1.5px solid var(--card-line);background:var(--surface-soft);display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;transition:.18s}.shop-copy{flex:1;min-width:0;transition:opacity .18s}.shop-delete{width:38px;height:38px;border:0;border-radius:12px;background:transparent;color:var(--tx3);display:flex;align-items:center;justify-content:center}.shop-row.done .shop-check{background:var(--ok);border-color:var(--ok);box-shadow:0 4px 10px color-mix(in srgb,var(--ok) 25%,transparent)}.shop-row.done .shop-copy{opacity:.48}.shop-row.done .rn{text-decoration:line-through}.shop-row:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 55%,transparent);outline-offset:2px}
.urow{cursor:pointer}.u-confirm .u-icon{animation:uCheckPop .34s cubic-bezier(.2,.9,.25,1.25)}@keyframes uCheckPop{0%{transform:scale(.8)}55%{transform:scale(1.16)}100%{transform:scale(1)}}
html[data-scene="on"] .depth-card,html[data-scene="on"] .recipe-face{background:color-mix(in srgb,var(--surface-card) 91%,transparent)!important;-webkit-backdrop-filter:blur(15px) saturate(1.03);backdrop-filter:blur(15px) saturate(1.03)}html[data-scene="on"] .hdr{background:color-mix(in srgb,var(--surface-soft) 90%,transparent)!important}html[data-scene="on"] .tbar{background:color-mix(in srgb,var(--nav-surface) 94%,transparent)!important}
@media(max-width:360px){.tbar{margin-left:6px;margin-right:6px}.tab{font-size:9px}.scanner-box{height:205px}.scanner-controls{grid-template-columns:1fr 72px}.age-check-head>div>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.u-confirm .u-icon{animation:none!important}.shop-check,.shop-copy{transition:none!important}}
.scanner-box.depth-card{background:radial-gradient(circle at 50% 38%,var(--surface-card),var(--surface-strong))!important}
html[data-scene="on"] .scanner-box.depth-card{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--surface-card) 94%,transparent),var(--surface-strong))!important}
html[data-scene="on"] .hdr{background:var(--header-grad)!important}
html[data-scene="on"] .tbar{background:var(--nav-surface)!important}
.abanner,.abanner.depth-card{background:var(--grad)!important;background-image:var(--grad)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 24px var(--glow)!important}
@media(max-width:430px){.hdr{padding-top:max(13px,env(safe-area-inset-top))}}