.screen-in{animation:screenIn .36s var(--ease-out-soft) both}@keyframes screenIn{0%{opacity:0;transform:translate(18px)}}.screen-back{animation:screenBack .36s var(--ease-out-soft) both}@keyframes screenBack{0%{opacity:0;transform:translate(-18px)}}.bot{z-index:20;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--color-paper);align-items:center;gap:10px;display:flex;position:sticky;bottom:0}.bot:before{content:"";background:linear-gradient(#fbf6ec00, var(--color-paper));pointer-events:none;height:24px;position:absolute;bottom:100%;left:0;right:0}.bot .btn-primary,.bot .btn-soft,.bot .btn-ghost{border-radius:16px;flex:1;min-height:56px;font-size:17px}.sheet-wrap{z-index:60;position:fixed;inset:0}.sheet-back{background:#1a0e066b;animation:.3s fadeIn;position:absolute;inset:0}.sheet{background:var(--color-paper);max-height:92dvh;animation:sheetUp .42s var(--ease-out-soft);border-radius:26px 26px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #2a170833}.sheet.full{top:calc(12px + env(safe-area-inset-top,0px));max-height:none}.sheet-wrap.closing .sheet{animation:.26s forwards sheetDown}.sheet-wrap.closing .sheet-back{animation:.26s forwards fadeOut}.sheet-grab{cursor:grab;touch-action:none;flex:none;place-items:center;height:36px;display:grid}.sheet-grab i{background:var(--color-line);border-radius:5px;width:42px;height:5px}.sheet-x{width:48px;height:48px;color:var(--color-ink-2);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:8px}.sheet-body{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 20px 16px;overflow-y:auto}.sheet-foot{padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));flex:none;gap:10px;display:flex}.sheet-foot>*{flex:1}@media (width>=1024px){.sheet-wrap{place-items:center;display:grid}.sheet{width:min(480px,100vw - 48px);max-height:min(86dvh,820px);animation:dialogIn .3s var(--ease-out-soft);border-radius:24px;position:relative;inset:auto}.sheet.wide{width:min(760px,100vw - 48px)}.sheet.full{width:min(720px,100vw - 48px);height:min(90dvh,1000px);top:auto}.sheet-grab{visibility:hidden;height:18px}.sheet-wrap.closing .sheet{animation:.2s forwards fadeOut}}@keyframes sheetUp{0%{transform:translateY(100%)}}@keyframes sheetDown{to{transform:translateY(105%)}}@keyframes dialogIn{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:80;background:var(--color-ink);width:min(100vw - 32px,440px);color:var(--color-paper);animation:toastIn .4s var(--ease-spring);border-radius:16px;align-items:center;gap:10px;padding:13px 16px;font-size:15px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #2a17084d}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)scale(.96)}}.petals{pointer-events:none;z-index:90;position:fixed;inset:0;overflow:hidden}.petals i{background:var(--c);width:12px;height:16px;animation:fall var(--t) linear forwards;animation-delay:var(--d);border-radius:70% 0;position:absolute;top:-30px}@keyframes fall{to{transform:translate(var(--x), 110vh) rotate(var(--r))}}.ruler{scroll-snap-type:x mandatory;scrollbar-width:none;height:84px;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.ruler::-webkit-scrollbar{display:none}.ruler-track{width:max-content;height:100%;padding:0 calc(50% - 8px);display:flex}.tk{scroll-snap-align:center;cursor:pointer;flex:none;width:16px;height:100%;position:relative}.tk:before{content:"";background:#d9c9ae;border-radius:2px;width:2px;height:22px;position:absolute;top:14px;left:7px}.tk.ft:before{background:var(--color-ink-2);height:40px;top:6px}.tk em{color:var(--color-ink-2);font-size:14px;font-style:normal;font-weight:650;position:absolute;top:52px;left:50%;transform:translate(-50%)}.ruler-needle{background:var(--color-accent);pointer-events:none;border-radius:4px;width:4px;height:50px;margin-left:-2px;position:absolute;top:2px;left:50%}.peek{width:46px;height:60px;transition:transform .3s var(--ease-spring);background:#fff;border-radius:7px;flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #d9c9ae,0 6px 14px -6px #2a170873}@media (width>=640px){.peek{width:62px;height:82px}}.peek.pulse{animation:peekPulse .7s var(--ease-spring)}@keyframes peekPulse{40%{transform:scale(1.14)rotate(-3deg)}}.peek:after{content:"";background:var(--color-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M15 4h5v5M9 20H4v-5M20 4l-6 6M4 20l6-6'/%3E%3C/svg%3E") center/11px no-repeat;border-radius:7px 0;width:18px;height:18px;position:absolute;bottom:-1px;right:-1px}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;padding:6px 32px 10px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:center;flex:none}@media (prefers-reduced-motion:reduce){.screen-in,.screen-back{animation:none}}