.bday-countdown-container,.bday-countdown-container *,.bday-countdown-container *::before,.bday-countdown-container *::after{box-sizing:border-box}.bday-countdown-container{--bg-primary:#f5f5f0;--bg-secondary:#fff;--bg-section:#fff;--border-color:#333;--text-primary:#222;--text-secondary:#555;--text-light:#666;--color-accent:#3498db;--color-success:#27ae60;--color-warning:#f39c12;--color-danger:#e74c3c;--color-purple:#9b59b6;--color-teal:#1abc9c;--shadow-sm:2px 2px 0 rgba(0,0,0,0.1);--shadow-md:4px 4px 0 rgba(0,0,0,0.15);--shadow-lg:8px 8px 0 rgba(0,0,0,0.15);--input-focus-bg:#fffacd;--title-color:#2c3e50;--title-shadow:2px 2px 0 rgba(255,255,255,0.5);--btn-hover-overlay:rgba(0,0,0,0.1);--copy-btn-bg:#fff;--copy-btn-hover-bg:#f0f0f0}.bday-countdown-container.dark{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-section:#2d2d2d;--border-color:#e0e0e0;--text-primary:#e8e8e8;--text-secondary:#b0b0b0;--text-light:#909090;--color-accent:#5dade2;--color-success:#52c77a;--color-warning:#f5b041;--color-danger:#ec7063;--color-purple:#af7ac5;--color-teal:#48d1cc;--shadow-sm:2px 2px 0 rgba(255,255,255,0.08);--shadow-md:4px 4px 0 rgba(255,255,255,0.12);--shadow-lg:8px 8px 0 rgba(255,255,255,0.12);--input-focus-bg:#3a3a3a;--title-color:#5dade2;--title-shadow:2px 2px 0 rgba(0,0,0,0.3);--btn-hover-overlay:rgba(255,255,255,0.1);--copy-btn-bg:#2d2d2d;--copy-btn-hover-bg:#3a3a3a}@media (prefers-color-scheme:dark){.bday-countdown-container:not(.dark):not(.light){--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-section:#2d2d2d;--border-color:#e0e0e0;--text-primary:#e8e8e8;--text-secondary:#b0b0b0;--text-light:#909090;--color-accent:#5dade2;--color-success:#52c77a;--color-warning:#f5b041;--color-danger:#ec7063;--color-purple:#af7ac5;--color-teal:#48d1cc;--shadow-sm:2px 2px 0 rgba(255,255,255,0.08);--shadow-md:4px 4px 0 rgba(255,255,255,0.12);--shadow-lg:8px 8px 0 rgba(255,255,255,0.12);--input-focus-bg:#3a3a3a;--title-color:#5dade2;--title-shadow:2px 2px 0 rgba(0,0,0,0.3);--btn-hover-overlay:rgba(255,255,255,0.1);--copy-btn-bg:#2d2d2d;--copy-btn-hover-bg:#3a3a3a}}.bday-countdown-container{position:relative;max-width:900px;margin:15px auto;padding:12px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:0;box-shadow:var(--shadow-lg);font-family:'Noto Sans KR','Malgun Gothic',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);line-height:1.5}.bday-header{position:relative;margin-bottom:15px;padding-bottom:12px;border-bottom:3px double var(--border-color);text-align:center}.bday-header-content{position:relative;margin-bottom:6px}.bday-title{font-size:28px;font-weight:700;color:var(--title-color);margin:0;text-shadow:var(--title-shadow);text-align:center;line-height:1.2}.bday-subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 8px 0;line-height:1.4}.bday-current-time{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--color-accent);font-weight:600;font-family:'Courier New',monospace;padding:6px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0;box-shadow:var(--shadow-sm);margin:0 auto}.bday-dark-mode-toggle{position:absolute;top:0;right:0;background:var(--copy-btn-bg);border:1px solid var(--border-color);border-radius:0;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;box-shadow:var(--shadow-sm);color:var(--text-primary);z-index:10}.bday-dark-mode-toggle:hover{background:var(--copy-btn-hover-bg);transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,.15)}.bday-dark-mode-toggle:active{transform:translate(1px,1px);box-shadow:1px 1px 0 rgba(0,0,0,.1)}.bday-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bday-section{background:var(--bg-section);border:1px solid var(--border-color);border-radius:0;padding:12px;box-shadow:var(--shadow-md)}.bday-section-title{display:flex;align-items:center;gap:6px;font-size:17px;font-weight:700;color:var(--text-primary);margin:0 0 12px 0;padding-bottom:8px;border-bottom:1px solid var(--border-color);line-height:1.2}.bday-input-section .bday-section-title{color:var(--color-accent)}.bday-result-section .bday-section-title{color:var(--color-success)}.bday-input-group{margin-bottom:12px}.bday-label{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.bday-input,.bday-select{width:100%;padding:10px;font-size:15px;font-family:'Noto Sans KR',sans-serif;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0;color:var(--text-primary);transition:all 0.2s ease}.bday-input:focus,.bday-select:focus{outline:none;background:var(--input-focus-bg);border-color:var(--color-accent)}.bday-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 16px;font-size:15px;font-weight:600;font-family:'Noto Sans KR',sans-serif;border-radius:0;cursor:pointer;transition:all 0.2s ease;border:none;color:#fff;line-height:1}.bday-btn-icon{flex-shrink:0}.bday-btn-primary{background:var(--color-accent);border:1.5px solid var(--border-color);box-shadow:var(--shadow-md);width:100%;margin-bottom:10px}.bday-btn-primary:hover{background:var(--color-accent);filter:brightness(1.1);transform:translate(-2px,-2px);box-shadow:6px 6px 0 rgba(0,0,0,.2)}.bday-btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px 0 rgba(0,0,0,.15)}.bday-btn-group{display:flex;gap:8px}.bday-btn-secondary,.bday-btn-warning{flex:1;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);font-size:14px;padding:9px 12px}.bday-btn-secondary{background:var(--color-purple)}.bday-btn-warning{background:var(--color-warning)}.bday-btn-secondary:hover,.bday-btn-warning:hover{filter:brightness(1.1);transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,.2)}.bday-btn-secondary:active,.bday-btn-warning:active{transform:translate(1px,1px);box-shadow:1px 1px 0 rgba(0,0,0,.1)}.bday-btn-success{background:var(--color-success);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.bday-btn-success:hover{filter:brightness(1.1);transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,.2)}.bday-btn-success:active{transform:translate(1px,1px);box-shadow:1px 1px 0 rgba(0,0,0,.1)}.bday-result-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0;padding:12px;margin-bottom:12px;text-align:center;box-shadow:var(--shadow-sm)}.bday-result-date-card{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.bday-result-label{font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:600}.bday-result-value{font-size:32px;font-weight:700;font-family:'Courier New',monospace;color:var(--color-accent);margin-bottom:4px;word-break:break-all;line-height:1.2}.bday-result-value-small{font-size:18px}.bday-countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.bday-countdown-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0;padding:12px 8px;text-align:center;box-shadow:var(--shadow-sm);transition:all 0.2s ease}.bday-countdown-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.bday-countdown-value{font-size:28px;font-weight:700;font-family:'Courier New',monospace;color:var(--color-accent);line-height:1;margin-bottom:6px}.bday-countdown-label{font-size:12px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bday-milliseconds-display{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0;padding:10px;margin-bottom:12px;text-align:center;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;gap:10px}.bday-milliseconds-label{font-size:13px;color:var(--text-secondary);font-weight:600}.bday-milliseconds-value{font-size:20px;font-weight:700;font-family:'Courier New',monospace;color:var(--color-teal);min-width:60px}.bday-info-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0;padding:12px;margin-top:12px;box-shadow:var(--shadow-sm)}.bday-info-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.bday-info-text{font-size:14px;color:var(--text-secondary);line-height:1.6}.bday-toast{position:fixed;bottom:30px;right:30px;background:var(--color-success);color:#fff;padding:14px 20px;border:1px solid var(--border-color);border-radius:0;box-shadow:var(--shadow-md);font-size:15px;font-weight:600;opacity:0;transform:translateY(20px);transition:all 0.3s ease;pointer-events:none;z-index:1000;max-width:300px}.bday-toast.show{opacity:1;transform:translateY(0);pointer-events:auto}@media (max-width:768px){.bday-countdown-container{margin:8px 5px;width:calc(100% - 10px);padding:10px}.bday-main-grid{grid-template-columns:1fr;gap:10px}.bday-title{font-size:24px}.bday-subtitle{font-size:13px}.bday-countdown-grid{grid-template-columns:repeat(2,1fr);gap:6px}.bday-countdown-value{font-size:24px}.bday-toast{right:10px;left:10px;max-width:none}}@media (max-width:480px){.bday-countdown-container{margin:8px;padding:8px;border-width:1px}.bday-title{font-size:22px}.bday-subtitle{font-size:12px}.bday-section{padding:8px}.bday-countdown-grid{grid-template-columns:repeat(2,1fr)}.bday-countdown-value{font-size:20px}.bday-btn-group{flex-direction:column;gap:6px}.bday-btn-secondary,.bday-btn-warning{width:100%}}