.header{display:flex;height:40px;margin-left:100px;margin-top:50px;margin-bottom:20px}button{margin-left:20px}.countdown-container[data-v-ac8708f4]{text-align:center;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:400px;margin:0 auto}.title[data-v-ac8708f4]{font-size:18px;margin-bottom:15px;color:#333}.time-display[data-v-ac8708f4]{display:flex;justify-content:center;align-items:center;font-size:36px;font-weight:700;color:#333;transition:all .3s ease}.time-display.warning[data-v-ac8708f4]{color:#e74c3c}.time-display.alert-flash[data-v-ac8708f4]{animation:flash-ac8708f4 .5s ease-in-out 3}@keyframes flash-ac8708f4{0%,to{transform:scale(1)}50%{transform:scale(1.05);background-color:#ffebee}}.time-unit[data-v-ac8708f4]{display:flex;flex-direction:column;margin:0 10px}.time-value[data-v-ac8708f4]{background-color:#e9ecef;padding:10px;border-radius:4px;min-width:40px}.time-label[data-v-ac8708f4]{font-size:12px;color:#666;margin-top:5px}.separator[data-v-ac8708f4]{margin:0 5px}.status-message[data-v-ac8708f4]{margin-top:15px;font-size:16px}.celebration[data-v-ac8708f4]{color:#28a745;font-weight:700}.warning-message[data-v-ac8708f4]{margin-top:10px;padding:8px 12px;background-color:#ffebee;border-radius:4px;display:inline-block}.warning-text[data-v-ac8708f4]{color:#e74c3c;font-weight:700}.permission-button[data-v-ac8708f4]{margin-top:15px;padding:8px 16px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.permission-button[data-v-ac8708f4]:hover{background-color:#2980b9}.love-container[data-v-0cbc39ab]{width:100vw;height:100vh;padding:0;margin:0;background:#000;position:relative}#c[data-v-0cbc39ab],#pinkboard[data-v-0cbc39ab]{position:absolute;width:100%;height:100%;top:0;left:0}:root{--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);--transition-fast:all 0.2s ease;--transition-slow:all 0.5s ease;--primary-color:#151513;--primary-dark:#333;--winter-color:#ff7e67}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-image:linear-gradient(0deg,#eee 1px,transparent 0),linear-gradient(90deg,#eee 1px,transparent 0);background-size:30px 30px;color:#333;min-height:100dvh;overflow:hidden}body.is-mobile{overflow-y:auto}#board{position:relative;width:100vw;height:100dvh;overflow:hidden}body.is-mobile #board{height:auto;min-height:100dvh}.gift-modal{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:hsla(0,0%,100%,.95);display:flex;align-items:center;justify-content:center;z-index:9999999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gift-content{width:90%;max-width:450px;background:#fff;border-radius:20px;box-shadow:0 20px 40px hsla(9,100%,70%,.2);padding:30px 20px;text-align:center;border:2px solid var(--winter-color);position:relative;overflow:hidden}.gift-content:before{content:"❄️";position:absolute;top:10px;left:10px;font-size:24px}.gift-content:after{content:"🍂";position:absolute;bottom:10px;right:10px;font-size:24px}.gift-header h3{color:var(--winter-color);font-size:24px;margin-bottom:20px;font-weight:700}.gift-body p{font-size:18px;margin:10px 0;color:#555;line-height:1.6}.confirm-btn{margin-top:30px;padding:12px 36px;background:var(--winter-color);color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px hsla(9,100%,70%,.3)}.confirm-btn:hover{background:#ff6b52;transform:translateY(-2px);box-shadow:0 6px 20px hsla(9,100%,70%,.4)}.card{position:absolute;width:220px;border-radius:12px;box-shadow:0 16px 35px rgba(0,0,0,.2);background:#fff;border:1px solid rgba(0,0,0,.08);overflow:hidden;opacity:0;transform-origin:center;transition:transform .35s ease,opacity .35s ease,left .35s ease,top .35s ease,width .35s ease,height .35s ease,border-radius .35s ease}.card.dragging{transition:none;box-shadow:0 22px 45px rgba(0,0,0,.35)}.card.maximized{box-shadow:0 28px 60px rgba(0,0,0,.4)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:hsla(0,0%,100%,.7);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}.card-header.dragging{cursor:grabbing}.window-controls{display:flex;align-items:center;gap:6px}.window-controls .control{position:relative;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:#ccc;cursor:pointer;outline:none;padding:0;display:inline-flex;align-items:center;justify-content:center}.window-controls .control.close{background:#ff5f57;border-color:#e0443e}.window-controls .control.minimize{background:#febb2e;border-color:#dea123}.window-controls .control.maximize{background:#28c840;border-color:#1aab2c}.window-controls .control:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}.card-header:hover .window-controls .control:after{opacity:.8}.window-controls .control.close:after{content:"×";width:auto;height:auto;background:none;font-size:10px;line-height:1;font-weight:700;color:rgba(0,0,0,.7)}.window-controls .control.minimize:after{width:6px;height:2px;background:rgba(0,0,0,.6)}.window-controls .control.maximize:after{width:6px;height:6px;background:linear-gradient(45deg,rgba(0,0,0,.6),rgba(0,0,0,.6) 45%,transparent 0,transparent 55%,rgba(0,0,0,.6) 0,rgba(0,0,0,.6))}.card-title{font-size:13px;font-weight:600;color:rgba(0,0,0,.55);padding-left:10px;flex:1}.card-body{padding:16px;font-size:16px;line-height:1.4;font-weight:600;color:rgba(0,0,0,.72)}@media (max-width:768px){.card{width:180px;border-radius:10px}.card-body{padding:14px;font-size:14px}.card-title{font-size:12px}.gift-header h3{font-size:20px}.gift-body p{font-size:16px}.confirm-btn{padding:10px 28px;font-size:14px}}