.caffeine-calculator-container,.caffeine-calculator-container *,.caffeine-calculator-container *::before,.caffeine-calculator-container *::after{box-sizing:border-box}.caffeine-calculator-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);--personal-bg:#ebf5fb;--drink-bg:#eafaf1;--result-bg:#fef5e7;--chart-text:#222;--chart-grid:#ddd;--chart-border:#333}.caffeine-calculator-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:#7fb3d5;--title-shadow:2px 2px 0 rgba(0,0,0,0.5);--btn-hover-overlay:rgba(255,255,255,0.1);--personal-bg:#1e2832;--drink-bg:#1e2f26;--result-bg:#2f2519;--chart-text:#e0e0e0;--chart-grid:#444;--chart-border:#e0e0e0}@media (prefers-color-scheme:dark){.caffeine-calculator-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:#7fb3d5;--title-shadow:2px 2px 0 rgba(0,0,0,0.5);--btn-hover-overlay:rgba(255,255,255,0.1);--personal-bg:#1e2832;--drink-bg:#1e2f26;--result-bg:#2f2519;--chart-text:#e0e0e0;--chart-grid:#444;--chart-border:#e0e0e0}}.caffeine-calculator-container{position:relative;max-width:1180px;width:100%;margin:15px auto;padding:12px;background:var(--bg-primary);border:2px solid var(--border-color);font-family:'Noto Sans KR','Malgun Gothic',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);box-shadow:var(--shadow-lg);line-height:1.5;transition:background-color 0.3s,border-color 0.3s}.dark-mode-toggle{position:absolute;top:12px;right:12px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all 0.2s;box-shadow:var(--shadow-sm);font-size:18px;z-index:10;color:var(--text-primary)}.dark-mode-toggle:hover{transform:translate(.5px,.5px);box-shadow:1px 1px 0 rgba(0,0,0,.15)}.dark-mode-toggle:active{transform:translate(2px,2px);box-shadow:none}.calculator-header{text-align:center;margin-bottom:12px;padding-bottom:10px;border-bottom:3px double var(--border-color)}.calculator-header h2{margin:0 0 6px 0;font-size:28px;font-weight:700;color:var(--title-color);text-shadow:var(--title-shadow);line-height:1.2}.subtitle{margin:0;font-size:15px;color:var(--text-light);line-height:1.4}.quick-presets{display:flex;gap:10px;margin-bottom:12px;justify-content:center;flex-wrap:wrap}.preset-btn,.btn-reset{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all 0.1s;box-shadow:var(--shadow-sm);white-space:nowrap}.preset-btn:hover,.btn-reset:hover{transform:translate(.5px,.5px);box-shadow:1px 1px 0 rgba(0,0,0,.15)}.preset-btn:active,.btn-reset:active{transform:translate(2px,2px);box-shadow:none}.calculator-main{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.section{background:var(--bg-secondary);border:1px solid var(--border-color);padding:12px;box-shadow:var(--shadow-md)}.section-title{margin:0 0 10px 0;padding-bottom:8px;border-bottom:1px solid var(--border-color);font-size:17px;font-weight:700;color:var(--text-primary);line-height:1.2}.personal-section{background:var(--personal-bg)}.personal-section .section-title{color:var(--color-accent)}.drink-section{background:var(--drink-bg)}.drink-section .section-title{color:var(--color-success)}.result-section{background:var(--result-bg)}.result-section .section-title{color:var(--color-warning)}.input-group{margin-bottom:10px}.input-group label{display:block;margin-bottom:4px;font-size:13px;font-weight:600;color:var(--text-secondary)}.input-field,.select-field{width:100%;padding:10px;border:1px solid var(--border-color);background:var(--bg-secondary);font-size:14px;font-weight:600;color:var(--text-primary);box-sizing:border-box;transition:background-color 0.2s,border-color 0.2s}.input-field:focus,.select-field:focus{outline:none;background:var(--input-focus-bg);border-color:var(--color-warning)}.input-field:disabled,.select-field:disabled{background:var(--bg-primary);color:var(--text-light);cursor:not-allowed;opacity:.6}.amount-input-wrapper{display:flex;align-items:center;gap:8px}.amount-input-wrapper .input-field{flex:1}.unit-label{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.recommended-box{margin-top:12px;padding:12px;background:var(--input-focus-bg);border:1px solid var(--border-color)}.recommended-amount{font-size:15px;font-weight:700;color:var(--color-warning);margin-bottom:4px}.recommended-note{font-size:11px;color:var(--text-light)}.caffeine-preview{padding:10px;background:var(--bg-primary);border:1px solid var(--border-color);text-align:center;margin-bottom:10px}.preview-amount{font-size:20px;font-weight:700;color:var(--color-warning);display:block}.preview-label{font-size:11px;color:var(--text-light)}.btn-add{width:100%;padding:12px;background:var(--color-success);border:1.5px solid var(--border-color);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-md);transition:all 0.1s}.btn-add:hover{transform:translate(1px,1px);box-shadow:var(--shadow-sm);filter:brightness(1.1)}.btn-add:active{transform:translate(4px,4px);box-shadow:none}.total-display{text-align:center;margin-bottom:12px}.total-label{font-size:13px;color:var(--text-light);margin-bottom:4px}.total-amount{font-size:32px;font-weight:700;color:var(--color-warning);font-family:'Courier New',monospace}.progress-box{margin-bottom:10px}.progress-bar{height:24px;background:var(--bg-primary);border:1px solid var(--border-color);overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--color-success);transition:width 0.3s,background-color 0.3s;position:relative}.progress-fill.warning{background:var(--color-warning)}.progress-fill.danger{background:var(--color-danger)}.progress-info{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;font-weight:600}.progress-percent{color:var(--color-warning)}.progress-status{color:var(--color-success)}.progress-status.warning{color:var(--color-warning)}.progress-status.danger{color:var(--color-danger)}.status-message{padding:10px;background:var(--drink-bg);border:1px solid var(--color-success);text-align:center;font-size:13px;font-weight:600;color:var(--color-success);margin-bottom:10px}.status-message.warning{background:var(--result-bg);border-color:var(--color-warning);color:var(--color-warning)}.status-message.danger{background:rgba(236,112,99,.1);border-color:var(--color-danger);color:var(--color-danger)}.action-buttons{display:flex;gap:8px}.btn-action{flex:1;padding:10px;border:1px solid var(--border-color);font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:all 0.1s;color:#fff}.btn-save{background:var(--color-accent)}.btn-load{background:var(--color-purple)}.btn-action:hover{transform:translate(.5px,.5px);box-shadow:1px 1px 0 rgba(0,0,0,.15);filter:brightness(1.1)}.btn-action:active{transform:translate(2px,2px);box-shadow:none}.intake-section{background:var(--bg-secondary);border:1px solid var(--border-color);padding:12px;margin-bottom:12px;box-shadow:var(--shadow-md)}.intake-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.intake-count{padding:4px 12px;background:var(--color-warning);color:#fff;font-size:12px;font-weight:700;border:1px solid var(--border-color)}.intake-list{min-height:100px;max-height:300px;overflow-y:auto;margin-bottom:10px;border:1px solid var(--border-color);padding:10px;background:var(--bg-primary)}.empty-message{text-align:center;color:var(--text-light);padding:40px 20px;font-size:14px}.intake-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--bg-secondary);border:1px solid var(--border-color);margin-bottom:8px}.intake-item:last-child{margin-bottom:0}.intake-info{flex:1}.intake-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.intake-detail{font-size:11px;color:var(--text-light)}.intake-caffeine{font-size:16px;font-weight:700;color:var(--color-warning);margin:0 12px;font-family:'Courier New',monospace}.btn-delete{padding:6px 10px;background:var(--color-danger);border:1px solid var(--border-color);color:#fff;font-size:12px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:all 0.1s}.btn-delete:hover{transform:translate(.5px,.5px);box-shadow:1px 1px 0 rgba(0,0,0,.15);filter:brightness(1.1)}.btn-delete:active{transform:translate(2px,2px);box-shadow:none}.btn-clear-all{width:100%;padding:10px;background:#95a5a6;border:1px solid var(--border-color);color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:all 0.1s}.btn-clear-all:hover{background:#7f8c8d;transform:translate(.5px,.5px);box-shadow:1px 1px 0 rgba(0,0,0,.15)}.btn-clear-all:active{transform:translate(2px,2px);box-shadow:none}.halflife-section{background:var(--bg-secondary);border:1px solid var(--border-color);padding:12px;margin-bottom:12px;box-shadow:var(--shadow-md)}.halflife-content{display:grid;grid-template-columns:300px 1fr;gap:12px}.halflife-info{padding:12px;background:var(--bg-primary);border:1px solid var(--border-color)}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border-color)}.info-row:last-child{border-bottom:none}.info-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.info-value{font-size:14px;font-weight:700;color:var(--color-warning);font-family:'Courier New',monospace}.chart-box{padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color)}.timeline-section{background:var(--bg-secondary);border:1px solid var(--border-color);padding:12px;margin-bottom:12px;box-shadow:var(--shadow-md)}.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.timeline-item{padding:12px;background:var(--bg-primary);border:1px solid var(--border-color);text-align:center}.timeline-time{font-size:15px;font-weight:700;color:var(--color-warning);margin-bottom:6px}.timeline-desc{font-size:12px;color:var(--text-light)}.guide-section{background:var(--bg-secondary);border:1px solid var(--border-color);padding:12px;margin-bottom:12px;box-shadow:var(--shadow-md)}.guide-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tab-btn{padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-color);font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all 0.1s}.tab-btn.active{background:var(--color-warning);color:#fff;box-shadow:var(--shadow-sm)}.tab-btn:not(.active):hover{background:var(--bg-secondary)}.guide-content{padding:12px;background:var(--bg-primary);border:1px solid var(--border-color);min-height:200px}.guide-category{margin-bottom:15px}.guide-category:last-child{margin-bottom:0}.guide-category-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.guide-item{display:flex;justify-content:space-between;padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);margin-bottom:6px}.guide-item:last-child{margin-bottom:0}.guide-name{font-size:13px;font-weight:600;color:var(--text-primary)}.guide-caffeine{font-size:13px;font-weight:700;color:var(--color-warning);font-family:'Courier New',monospace}.health-section{background:var(--bg-secondary);border:1px solid var(--border-color);padding:12px;margin-bottom:12px;box-shadow:var(--shadow-md)}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tip-card{padding:12px;background:var(--bg-primary);border:1px solid var(--border-color);text-align:center}.tip-icon{font-size:32px;margin-bottom:8px}.tip-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.tip-text{font-size:12px;color:var(--text-light);line-height:1.4}.footer-note{margin-top:12px;padding:12px;background:var(--bg-primary);border:1px dashed var(--border-color);text-align:center}.footer-note p{margin:4px 0;font-size:12px;color:var(--text-light)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{min-width:300px;padding:12px 16px;background:var(--bg-secondary);border:2px solid var(--border-color);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;animation:slideInRight 0.3s ease-out}.toast.success{border-color:var(--color-success)}.toast.error{border-color:var(--color-danger)}.toast.warning{border-color:var(--color-warning)}.toast.info{border-color:var(--color-accent)}.toast-icon{font-size:20px}.toast-message{flex:1;font-size:14px;font-weight:600;color:var(--text-primary)}.toast-close{padding:4px 8px;background:transparent;border:none;cursor:pointer;font-size:18px;color:var(--text-secondary);line-height:1}.toast-close:hover{color:var(--text-primary)}@keyframes slideInRight{from{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:1024px){.calculator-main{grid-template-columns:1fr 1fr}.result-section{grid-column:1 / -1}.halflife-content{grid-template-columns:1fr}.timeline-grid{grid-template-columns:repeat(2,1fr)}.tips-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.caffeine-calculator-container{margin:8px 5px;width:calc(100% - 10px);padding:10px;border-width:1px}.dark-mode-toggle{top:10px;right:10px}.calculator-main{grid-template-columns:1fr}.quick-presets{flex-direction:column}.preset-btn,.btn-reset{width:100%}.timeline-grid{grid-template-columns:1fr}.tips-grid{grid-template-columns:1fr}.guide-tabs{flex-direction:column}.tab-btn{width:100%}.toast-container{right:10px;left:10px}.toast{min-width:auto}}@media (max-width:480px){.caffeine-calculator-container{padding:8px}.calculator-header h2{font-size:24px}.subtitle{font-size:13px}}