@scope(.pg-zeitfenster){.zfWrap{z-index:1;width:344px;position:relative}.zfCard{z-index:1;border-radius:18px;flex-direction:column;gap:10px;width:344px;padding:18px;display:flex;position:relative}.zfHead{justify-content:space-between;align-items:flex-start;gap:12px;height:38px;display:flex}.zfTitle{letter-spacing:-.01em;font-size:15px;font-weight:600;line-height:20px}.zfSub{color:#6b6b76;margin-top:2px;font-size:12px;line-height:16px}.zfCal{border:1px solid #ececef;border-radius:12px;padding:8px 10px 6px}.zfMonth{color:#8a8a96;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;line-height:16px;display:flex}.zfMonth b{color:#0b0b0f;font-weight:500}.zfDays{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px 0;display:grid}.zfDays i{color:#8a8a96;font-size:10px;font-style:normal;line-height:16px}.zfDays span{font-variant-numeric:tabular-nums;color:#0b0b0f;border-radius:8px;justify-content:center;align-items:center;width:30px;height:28px;margin-inline:auto;font-size:12.5px;font-weight:500;transition:background-color .2s,color .2s;display:flex;position:relative}.zfDays span:after{content:"";background:var(--accent,#35f);border-radius:9999px;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:3px;left:50%}.zfDays span.zfShut{color:#b4b4bd;font-weight:400}.zfDays span.zfShut:after,.zfDays span.zfOn:after{display:none}.zfDays span.zfOn{background:var(--accent,#35f);color:#fff;font-weight:600}.zfLabel{color:#0b0b0f;margin-bottom:-2px;font-size:11.5px;font-weight:500;line-height:15px}.zfSlots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.zfSlot{border:1px solid #d4d4da;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;height:40px;transition:background-color .2s,border-color .2s,color .2s;display:flex}.zfSlot b{font-family:var(--font-mono);font-size:10.5px;font-weight:500;line-height:13px}.zfSlot small{color:#6b6b76;font-size:9.5px;line-height:12px}.zfSlot.zfFull{color:#b4b4bd;background:#f4f4f6;border-color:#ececef}.zfSlot.zfFull small{color:#b4b4bd}.zfSlot.zfPick{border-color:var(--accent,#35f);color:#2541e6;background:#eef1ff}.zfSlot.zfPick small{color:#2541e6}.zfTk{border:1px solid #ececef;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.zfN{font-size:12.5px;font-weight:500;line-height:16px}.zfP{font-family:var(--font-mono);color:#55555f;font-size:11px;line-height:14px}.zfStep{align-items:center;gap:8px;font-size:12px;display:flex}.zfStep span{color:#0b0b0f;border:1px solid #d4d4da;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;line-height:1;display:inline-flex}.zfStep span.zfOff{color:#b4b4bd;background:#f4f4f6;border-color:#f4f4f6}.zfStep b{text-align:center;min-width:10px;font-family:var(--font-mono);font-weight:500}.zfSum{color:#55555f;justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:16px;display:flex}.zfSum b{font-family:var(--font-mono);color:#0b0b0f;font-size:14px;font-weight:500}.zfBtn{color:#fff;background:var(--accent,#35f);border-radius:9999px;justify-content:center;align-items:center;height:36px;font-size:13px;font-weight:500;transition:transform .15s,background-color .2s,color .2s;display:flex}.zfBtnOff{color:#8a8a96;background:#ececef}.zfBtnPress{transform:scale(.96)}.zfBack{z-index:0;flex-direction:column;gap:10px;width:250px;padding:14px 16px;display:flex;position:absolute;bottom:-34px;left:-150px;transform:rotate(-3deg)}.zfBar{background:#ececef;border-radius:9999px;height:8px;overflow:hidden}.zfBar span{border-radius:inherit;background:var(--accent,#35f);height:100%;transition:width .5s;display:block}.zfCur{z-index:3;opacity:0;pointer-events:none;filter:drop-shadow(0 4px 8px #0b0b0f4d);transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .3s;position:absolute;top:0;left:0;transform:translate(420px,560px)}.zfCurA{opacity:1;transform:translate(250px,125px)}.zfCurB{opacity:1;transform:translate(272px,229px)}.zfCurC{opacity:1;transform:translate(299px,328px)}.zfCurD{opacity:1;transform:translate(166px,461px)}.zfCurOut{opacity:0}.zfToast{z-index:2;opacity:0;transition:opacity .3s,transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-20px;right:-44px;transform:translateY(8px)scale(.96)}.zfToastOn{opacity:1;transform:none}.zfWd{gap:4px;display:flex}.zfWd span{color:#55555f;border:1px solid #d4d4da;border-radius:7px;justify-content:center;align-items:center;width:30px;height:26px;font-size:11px;display:inline-flex}.zfWd span.zfWdOn{color:#2541e6;background:#eef1ff;border-color:#c9d3ff;font-weight:500}.zfOpt{border:1px solid #e7e7eb;border-radius:10px;flex-direction:column;gap:2px;padding:9px 11px;font-size:12px;font-weight:500;line-height:16px;display:flex}.zfOpt small{color:#6b6b76;font-size:11px;font-weight:400;line-height:14px}.zfOptOn{border-color:var(--accent,#35f);background:#eef1ff}.zfTile{white-space:nowrap;border:1px solid #ececef;border-radius:8px;flex-direction:column;gap:1px;padding:7px 9px;font-size:11px;line-height:14px;display:flex}.zfTile b{font-family:var(--font-mono);color:#0b0b0f;font-weight:500}.zfTile span{color:#6b6b76}@media (max-width:760px){.zfBack{display:none}.zfToast{right:-4px}}@media (max-width:400px){.zfWrap{transform-origin:top;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.zfCur,.zfToast,.zfDays span,.zfSlot,.zfBtn,.zfBar span,.aiCursor,.aiTicket{transition:none}}}