:root{--mh-olive:#8e8b5e;--mh-anthrazit:#252525;--mh-schwarz:#000;--mh-weiss:#fff;--mh-body:#524e4d;--mh-sand:#d4cfc3;--mh-partner:#343a40;--mh-rot:#c70a33;--mh-gruen:#28a745;--mh-gold:#dfb62a;--bg:#1d1d1d;--panel:#252525;--panel2:#2e2c2a;--line:rgba(212,207,195,.14);--fg:var(--mh-sand);--mut:rgba(212,207,195,.55)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Chakra Petch,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:0;border-radius:3px;color:var(--fg)}h1,h2,h3{margin:0;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:-.01em}kbd{font-family:inherit;font-style:normal;font-weight:700;background:#0006;border:1px solid var(--line);border-radius:3px;padding:0 6px;margin-right:7px;font-size:.82em;opacity:.9}.olive{color:var(--mh-olive)}.center{min-height:100vh;display:grid;place-items:center}.card{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:28px}.err{color:var(--mh-rot);margin-top:8px;font-weight:700}.login{display:flex;flex-direction:column;gap:14px;width:300px}.login h1{font-size:32px;text-align:center;margin-bottom:6px}.login input{background:#181817;border:1px solid var(--line);border-radius:3px;padding:12px;color:var(--fg);font-family:inherit;font-size:15px}.login button{background:var(--mh-olive);color:#fff;padding:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px}.home{max-width:1200px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left))}.home header,.labeler header{display:flex;align-items:center;gap:16px;margin-bottom:18px}.home header h1,.labeler header h2{font-size:clamp(22px,3.2vw,34px)}.who{margin-left:auto;color:var(--mut);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1.4px}section h2{font-style:normal;font-weight:700;font-size:11px;color:var(--mh-olive);letter-spacing:1.65px;margin:28px 0 12px}section h2:before{content:"— "}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px}.tile{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:15px;text-align:left;transition:border-color .12s}.tile:hover{border-color:var(--mh-olive)}.tile-de{font-weight:700;font-style:italic;text-transform:uppercase;font-size:15px;letter-spacing:.3px}.tile-n{color:var(--mut);font-size:11px;margin-top:8px;letter-spacing:.6px;text-transform:uppercase}.bar{height:5px;background:#141413;border-radius:3px;overflow:hidden;margin-top:9px;display:flex}.bar span{height:100%;background:var(--mh-gruen)}.bar span.skip{background:var(--mh-gold)}.tn-skip{color:var(--mh-gold)}.labeler{max-width:1080px;margin:0 auto;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:calc(10px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.labeler header{margin:0;flex-shrink:0}.lab-main{flex:1;min-height:0;display:flex;gap:14px;align-items:stretch}.lab-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}.back{background:var(--panel2);color:var(--fg);padding:9px 14px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;font-size:12px}.crop{position:relative;flex:1;min-height:0;background:#000;border:1px solid var(--line);border-radius:3px;overflow:hidden;display:grid;place-items:center}.crop img{width:100%;height:100%;object-fit:contain}.cropbox{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.boxtoggle{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:2px;background:#000a;border:1px solid var(--line);color:var(--fg);padding:7px 10px;font-weight:700;font-style:italic;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.boxtoggle:hover{border-color:var(--mh-olive)}.boxtoggle[aria-pressed=true]{border-color:var(--mh-gruen);color:#bdf5c4}.hint{flex-shrink:0;text-align:center;color:var(--mut);margin:0;font-size:12px;text-transform:uppercase;letter-spacing:1.2px}.hint b{color:var(--mh-olive);font-style:normal}.buttons{flex-shrink:0;display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.buttons button{padding:13px 18px;font-weight:700;font-style:italic;text-transform:uppercase;font-size:15px;letter-spacing:.5px}.b-primary{background:var(--mh-olive);color:#fff}.b-empty{background:transparent;border:1px solid var(--mh-gold);color:var(--mh-gold)}.b-skip{background:transparent;border:1px solid var(--line);color:var(--mut)}.b-later{background:transparent;border:1px dashed var(--mh-olive);color:var(--mh-olive)}.b-undo{background:var(--panel2);color:var(--fg)}.b-undo:disabled{opacity:.3;cursor:default}.lab-alts{width:250px;flex-shrink:0;background:var(--panel);border:1px solid var(--line);border-radius:3px;overflow:hidden;display:flex;flex-direction:column}.alts-head{display:none}.alts-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:4px;padding:10px 8px}.alt{background:var(--panel2);text-align:left;padding:11px 12px;font-weight:700;font-style:italic;text-transform:uppercase;font-size:14px;letter-spacing:.4px;flex-shrink:0}.alt:hover{color:var(--mh-olive)}.alt-group{display:flex;flex-direction:column;gap:4px;padding-top:6px;margin-top:2px;border-top:1px solid var(--line)}.alt-grouphead{font-weight:700;font-style:italic;text-transform:uppercase;font-size:10px;letter-spacing:1px;color:var(--mut);padding:0 2px 1px}.alt-sub{border-left:2px solid var(--mh-olive)}.alt-more{background:transparent;border:1px dashed var(--line);color:var(--mut);margin-top:2px}@media (max-width:760px){.lab-main{flex-direction:column}.crop{flex:0 1 auto;width:100%;aspect-ratio:4 / 3}.lab-alts{width:100%;flex-shrink:0}.alts-head{display:flex;width:100%;background:transparent;text-align:left;padding:11px 14px;color:var(--mh-olive);font-weight:700;font-style:italic;text-transform:uppercase;font-size:12px;letter-spacing:1px;justify-content:space-between;align-items:center}.lab-alts:not(.open) .alts-body{display:none}.lab-alts.open .alts-body{max-height:40vh}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:start center;padding-top:9vh}.picker{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:14px;width:min(460px,92vw)}.picker input{width:100%;background:#181817;border:1px solid var(--line);border-radius:3px;padding:12px;color:var(--fg);font-family:inherit;font-size:15px}.picklist{max-height:52vh;overflow:auto;margin-top:10px;display:flex;flex-direction:column;gap:3px}.picklist button{background:transparent;text-align:left;padding:10px 12px;border-radius:3px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-style:italic;text-transform:uppercase}.picklist button:hover{background:var(--panel2);color:var(--mh-olive)}.picklist span{color:var(--mut);font-size:11px;font-style:normal;font-weight:400;text-transform:none}
