.timer-display-card{background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:32px;text-align:center;transition:all .3s ease;box-shadow:0 8px 32px #323dfe14}.timer-display-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #323dfe1f;border-color:#323dfe33}.time-value{font-size:3rem;font-weight:700;color:#1e293b;margin-bottom:8px;letter-spacing:-.02em}.time-hint{font-size:.875rem;color:#64748b;font-weight:500}.timer-display-card.has-time .time-hint{display:none}.timer-modal{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.timer-modal.hidden{display:none}.timer-modal-content{background:#fff;border-radius:20px;padding:32px;width:100%;max-width:320px;box-shadow:0 20px 60px #00000026}.time-wheels{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:32px}.wheel-container{display:flex;flex-direction:column;align-items:center}.wheel-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:12px}.wheel-separator{font-size:2rem;font-weight:700;color:#9ca3af;margin-top:24px}.hour-wheel,.minute-wheel{width:80px;height:120px;overflow-y:auto;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;scroll-behavior:smooth;position:relative}.hour-wheel:before,.minute-wheel:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#323dfe33;transform:translateY(-1px);pointer-events:none;z-index:1}.hour-wheel::-webkit-scrollbar,.minute-wheel::-webkit-scrollbar{width:0px;background:transparent}.wheel-items{padding:40px 0}.wheel-item{height:40px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;border-radius:8px;margin:0 8px}.wheel-item:hover{background:#323dfe1a;color:#323dfe}.wheel-item.active{background:linear-gradient(135deg,#323dfe,#cd3ef9);color:#fff;font-weight:700;transform:scale(1.05);box-shadow:0 4px 12px #323dfe4d}.timer-buttons{display:flex;gap:12px}.timer-cancel,.timer-confirm{flex:1;padding:12px 16px;border:none;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.timer-cancel{background:#f3f4f6;color:#374151}.timer-cancel:hover{background:#e5e7eb;transform:translateY(-1px)}.timer-confirm{background:linear-gradient(135deg,#323dfe,#cd3ef9);color:#fff}.timer-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 20px #323dfe4d}@media (max-width: 640px){.time-value{font-size:2.5rem}.timer-modal-content{padding:24px;margin:16px}.time-wheels{gap:16px;margin-bottom:24px}.hour-wheel,.minute-wheel{width:70px;height:100px}.wheel-item{height:36px;font-size:1rem}}