:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;background-color:#0f0f14;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(255,107,157,.15),transparent),#0f0f14}#app{width:100%;max-width:600px;margin:0 auto}.app{min-height:100vh;padding:1.5rem;position:relative;overflow:hidden}.bg-hearts{position:fixed;inset:0;pointer-events:none;z-index:0}.heart{position:absolute;color:#ff69b41f;font-size:3rem;animation:float 20s ease-in-out infinite}.h1{top:10%;left:5%;animation-delay:0s;font-size:2rem}.h2{top:60%;left:85%;animation-delay:-4s;font-size:4rem}.h3{top:30%;left:70%;animation-delay:-8s;font-size:2.5rem}.h4{top:75%;left:15%;animation-delay:-12s;font-size:3rem}.h5{top:45%;left:45%;animation-delay:-16s;font-size:1.5rem}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.1}50%{transform:translateY(-30px) rotate(10deg);opacity:.2}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;position:relative;z-index:1}.names{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#ff6b9d,#c44569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clock{font-size:.95rem;font-family:SF Mono,Fira Code,monospace;color:#fff9}.tz{font-size:.75rem;opacity:.7}.hero{background:linear-gradient(145deg,#ff6b9d26,#c445691a);border:1px solid rgba(255,107,157,.25);border-radius:24px;padding:2rem;text-align:center;margin-bottom:1.5rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-label{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#fffc;margin-bottom:.75rem}.hero-icon{width:1.25rem;height:1.25rem;color:#ff6b9d}.hero-days{font-size:5rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#ff6b9d,#ff8fab);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.hero-days-label{font-size:.3em;font-weight:700}.hero-month-day-left{font-size:.95rem;color:#ffffffbf;margin-bottom:1.25rem}.hero-progress-container{position:relative;margin-bottom:1rem}.hero-percent{position:absolute;top:-1.75rem;left:0;font-size:.9rem;font-weight:700;color:#ff8fab}.hero-progress{height:8px;background:#ffffff1a;border-radius:100px;overflow:hidden;margin-bottom:1rem}.hero-progress-fill{height:100%;background:linear-gradient(90deg,#ff6b9d,#ff8fab,#ffc3d4);border-radius:100px;transition:width .5s ease}.hero-dates{display:flex;justify-content:center;align-items:center;gap:.75rem;font-size:.9rem;color:#ffffff80}.hero-arrow{color:#ff6b9d}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;position:relative;z-index:1}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;display:flex;gap:1rem;align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-2px);border-color:#ff6b9d4d}.card-icon{font-size:1.75rem;line-height:1}.card-content{flex:1;min-width:0}.card-label{font-size:.85rem;font-weight:500;color:#fff9;margin-bottom:.35rem}.card-days{font-size:1.75rem;font-weight:700;color:#ff8fab;line-height:1.1}.card-unit{font-size:.85rem;font-weight:500;margin-left:.35rem;color:#ffffff80}.card-date{font-size:.8rem;color:#fff6;margin-top:.25rem}.card-full{grid-column:1 / -1}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.unlucky-card{align-items:center}.unlucky-list{display:flex;flex-wrap:wrap;gap:.45rem}.unlucky-chip{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;padding:.25rem .55rem;border-radius:999px;font-size:.85rem;font-weight:700;color:#ffdce7;background:#ff6b9d2e;border:1px solid rgba(255,107,157,.35)}.call-total{font-size:.8rem;font-weight:600;color:#ff8fab;background:#ff8fab26;padding:.25rem .6rem;border-radius:20px}.call-list{display:flex;flex-direction:column;gap:.5rem}.call-item{display:flex;align-items:center;gap:1rem;padding:.6rem .75rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.call-item:hover{background:#ff6b9d14;border-color:#ff6b9d26}.call-time{font-family:SF Mono,Fira Code,monospace;font-size:.9rem;font-weight:600;color:#ffffffe6;min-width:50px}.call-date{font-size:.85rem;color:#ffffff80;flex:1}.call-duration{font-size:.85rem;font-weight:600;color:#ff8fab;background:#ff8fab1a;padding:.2rem .5rem;border-radius:6px}.skincare-total{font-size:.8rem;font-weight:600;color:#a8e6cf;background:#a8e6cf26;padding:.25rem .6rem;border-radius:20px}.skincare-list{display:flex;flex-direction:column;gap:.75rem}.skincare-item{padding:.75rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.skincare-item:hover{background:#a8e6cf14;border-color:#a8e6cf26}.skincare-product{font-size:.9rem;font-weight:600;color:#ffffffe6;margin-bottom:.5rem;line-height:1.3}.skincare-product-count{font-size:.82rem;font-weight:600;color:#a8e6cf;background:#a8e6cf1a;padding:.1rem .45rem;border-radius:999px;margin-left:.45rem;white-space:nowrap}.skincare-details{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}.skincare-price{font-size:.85rem;font-weight:600;color:#a8e6cf;background:#a8e6cf1a;padding:.2rem .5rem;border-radius:6px}.skincare-location{font-size:.8rem;color:#fff9;text-decoration:none;transition:color .2s}.skincare-location:hover{color:#ff8fab}.skincare-date{font-size:.75rem;color:#fff6}.moto-card{border-color:#ffd16626}.moto-card:hover{border-color:#ffd16659}.moto-badge{font-size:.75rem;font-weight:600;color:#ffd166;background:#ffd16626;padding:.25rem .6rem;border-radius:999px}.moto-total{font-size:.8rem;font-weight:600;color:#ffd166;background:#ffd16626;padding:.25rem .6rem;border-radius:20px}.moto-details{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.moto-detail{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:#fffc}.moto-detail-icon{font-size:.95rem;opacity:.85}.moto-detail-text{font-weight:500}.moto-log{display:flex;flex-direction:column;gap:.9rem}.moto-entry{padding:.75rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.moto-entry:hover{border-color:#ffd16633;background:#ffd1660f}.moto-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.75rem}.moto-entry-type{font-size:.95rem;font-weight:600;color:#ffffffe6}.moto-entry-price{font-size:.8rem;font-weight:600;color:#ffd166;background:#ffd1662e;padding:.2rem .5rem;border-radius:8px;white-space:nowrap}.haircut-card{border-color:#c9b6ff33}.haircut-card:hover{border-color:#c9b6ff66}.haircut-total{font-size:.8rem;font-weight:600;color:#c9b6ff;background:#c9b6ff2e;padding:.25rem .6rem;border-radius:20px}.haircut-list{display:flex;flex-direction:column;gap:.65rem}.haircut-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .8rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px}.haircut-item:hover{background:#c9b6ff14;border-color:#c9b6ff38}.haircut-date{font-size:.85rem;color:#ffffffd9}.haircut-price{font-size:.8rem;font-weight:600;color:#c9b6ff;background:#c9b6ff2e;padding:.2rem .5rem;border-radius:8px;white-space:nowrap}.gym-card{border-color:#91e0ae33}.gym-card:hover{border-color:#91e0ae66}.gym-total{font-size:.8rem;font-weight:600;color:#91e0ae;background:#91e0ae2e;padding:.25rem .6rem;border-radius:20px}.gym-list{display:flex;flex-direction:column;gap:.65rem}.gym-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .8rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px}.gym-item:hover{background:#91e0ae14;border-color:#91e0ae38}.gym-date{font-size:.85rem;color:#ffffffd9}.gym-price{font-size:.8rem;font-weight:600;color:#91e0ae;background:#91e0ae2e;padding:.2rem .5rem;border-radius:8px;white-space:nowrap}.orthodontic-total{font-size:.8rem;font-weight:600;color:#7dd3fc;background:#7dd3fc26;padding:.25rem .6rem;border-radius:20px;white-space:nowrap}.orthodontic-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.orthodontic-list::-webkit-scrollbar{width:6px}.orthodontic-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.orthodontic-list::-webkit-scrollbar-thumb{background:#7dd3fc4d;border-radius:3px}.orthodontic-list::-webkit-scrollbar-thumb:hover{background:#7dd3fc80}.orthodontic-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.orthodontic-item:hover{background:#7dd3fc14;border-color:#7dd3fc26}.orthodontic-no{font-size:.75rem;font-weight:600;color:#ffffff80;min-width:30px}.orthodontic-date{flex:1;font-size:.85rem;font-weight:500;color:#ffffffd9}.orthodontic-amount{font-size:.9rem;font-weight:700;color:#7dd3fc;background:#7dd3fc1a;padding:.25rem .6rem;border-radius:6px}.footer{text-align:center;margin-top:2rem;font-size:.9rem;color:#fff6;position:relative;z-index:1}@media(max-width:500px){.cards{grid-template-columns:1fr}.hero-days{font-size:4rem}.names{font-size:1.25rem}}