:root{--status-fresh:var(--calc-emerald);--status-warn:var(--calc-amber);--status-critical:var(--calc-rose);--status-expired:var(--calc-rose);--accent:var(--calc-emerald)}.main-container{max-width:1100px;margin:0 auto;padding:0 1.25rem 2rem}.calc-title{color:var(--calc-text-primary);letter-spacing:-.01em;margin:1.2rem 0 .4rem;font-size:1.75rem;font-weight:800}.calc-subtitle{color:var(--calc-text-faded);max-width:680px;margin:0 0 1.4rem;font-size:.95rem}.tab-content{display:none}.tab-content.active{display:block}.calc-layout{grid-template-columns:360px 1fr;align-items:start;gap:1.25rem;display:grid}@media (width<=768px){.calc-layout{grid-template-columns:1fr}}.input-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-lg);padding:1.4rem}.form-group{margin-bottom:1rem}.form-label{color:var(--calc-text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.45rem;font-size:.8rem;font-weight:600;display:block}.glass-input,.glass-select{box-sizing:border-box;background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);border-radius:var(--calc-radius-md);width:100%;color:var(--calc-text-primary);-webkit-appearance:none;appearance:none;padding:.55rem .85rem;font-family:inherit;font-size:.93rem;transition:border-color .2s}.glass-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238888aa'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.glass-input:focus,.glass-select:focus{border-color:var(--calc-emerald);outline:none;box-shadow:0 0 0 3px #34d3991f}.glass-input[type=date]{cursor:pointer;color-scheme:dark}.glass-select option:disabled{color:var(--calc-text-faded);font-style:italic}.preset-row{flex-wrap:wrap;gap:7px;margin-bottom:1.2rem;display:flex}.preset-chip{color:var(--calc-text-faded);cursor:pointer;white-space:nowrap;background:#34d39912;border:1px solid #34d39938;border-radius:20px;padding:5px 13px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .18s}.preset-chip:hover,.preset-chip.active{border-color:var(--calc-emerald);color:var(--calc-emerald);background:#34d39924}.result-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-lg);min-height:220px;padding:1.4rem}.hero-result{text-align:center;border-radius:var(--calc-radius-md);background:#34d3990a;border:1px solid #34d3991f;margin-bottom:1.1rem;padding:1.4rem 1rem 1rem;position:relative}.hero-days{font-family:var(--calc-font-mono);color:var(--calc-emerald);font-size:3.8rem;font-weight:800;line-height:1;transition:color .3s}.hero-days[data-status=warn]{color:var(--calc-amber)}.hero-days[data-status=critical],.hero-days[data-status=expired]{color:var(--calc-rose)}.hero-days[data-status=fresh]{color:var(--calc-emerald)}.hero-unit{color:var(--calc-text-faded);margin-top:.2rem;font-size:1rem}.status-badge{letter-spacing:.07em;text-transform:uppercase;color:var(--calc-emerald);background:#34d3991f;border:1px solid #34d3994d;border-radius:20px;margin-top:.6rem;padding:3px 12px;font-size:.73rem;font-weight:700;display:inline-block}.status-badge[data-status=warn]{color:var(--calc-amber);background:#f59e0b1f;border-color:#f59e0b4d}.status-badge[data-status=critical],.status-badge[data-status=expired]{color:var(--calc-rose);background:#fb71851f;border-color:#fb71854d}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1.1rem;display:grid}.stat-card{border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);text-align:center;background:#ffffff08;padding:.7rem .8rem}.stat-label{color:var(--calc-text-faded);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.71rem;font-weight:600}.stat-value{color:var(--calc-text-primary);font-size:.88rem;font-weight:700;font-family:var(--calc-font-mono);overflow-wrap:break-word}.timeline-wrap{height:100px;margin-bottom:1rem;position:relative}.detail-section{margin-bottom:.9rem}.detail-title{text-transform:uppercase;letter-spacing:.07em;color:var(--calc-text-dim);margin-bottom:.5rem;font-size:.78rem;font-weight:700}.spoilage-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.spoilage-list li{color:var(--calc-text-faded);align-items:flex-start;gap:6px;font-size:.83rem;display:flex}.spoilage-list li:before{content:"⚠";color:var(--calc-amber);flex-shrink:0;margin-top:1px;font-size:.78rem}.storage-tip{color:var(--calc-text-faded);border-left:3px solid var(--calc-cyan);border-radius:0 var(--calc-radius-md) var(--calc-radius-md) 0;background:#22d3ee0d;padding:.6rem .85rem;font-size:.83rem;line-height:1.55}.action-bar{flex-wrap:wrap;gap:8px;margin-top:.9rem;display:flex}.action-btn{border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);color:var(--calc-text-faded);cursor:pointer;background:#ffffff0a;padding:6px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .18s}.action-btn:hover{color:var(--calc-cyan);background:#22d3ee12;border-color:#22d3ee47}.guide-filter-row{flex-wrap:wrap;gap:7px;margin-bottom:1.2rem;display:flex}.guide-filter-btn{border:1px solid var(--calc-border-subtle);color:var(--calc-text-faded);cursor:pointer;background:#ffffff08;border-radius:20px;padding:5px 13px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .18s}.guide-filter-btn:hover,.guide-filter-btn.active{color:var(--calc-cyan);background:#22d3ee1a;border-color:#22d3ee59}.guide-section-title{color:var(--calc-text-primary);align-items:center;gap:8px;margin:1.4rem 0 .7rem;font-size:1.05rem;font-weight:700;display:flex}.storage-guide-table{border-collapse:collapse;width:100%;margin-bottom:1.5rem;font-size:.84rem}.storage-guide-table th{border-bottom:1px solid var(--calc-border-default);color:var(--calc-text-dim);letter-spacing:.06em;text-align:left;text-transform:uppercase;background:#ffffff0a;padding:9px 12px;font-size:.75rem;font-weight:700}.storage-guide-table td{border-bottom:1px solid var(--calc-border-subtle);color:var(--calc-text-faded);vertical-align:top;padding:9px 12px}.storage-guide-table tr:last-child td{border-bottom:none}.storage-guide-table tr:hover td{background:#ffffff05}.storage-guide-table td:first-child{color:var(--calc-text-primary);font-weight:600}.guide-na{color:var(--calc-text-faded);opacity:.4}.guide-days{color:var(--calc-emerald);font-family:var(--calc-font-mono);font-weight:600}.planner-add-row{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-lg);grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:8px;margin-bottom:1.2rem;padding:1.1rem;display:grid}@media (width<=600px){.planner-add-row{grid-template-columns:1fr 1fr}}.planner-add-btn{background:var(--calc-emerald);border-radius:var(--calc-radius-md);color:#0d1117;cursor:pointer;white-space:nowrap;border:none;padding:.55rem 1rem;font-family:inherit;font-size:.83rem;font-weight:700;transition:opacity .18s}.planner-add-btn:hover{opacity:.85}.planner-list{flex-direction:column;gap:9px;display:flex}.planner-item-row{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:.85rem 1rem;transition:border-color .2s;display:grid}.planner-item-row[data-status=critical],.planner-item-row[data-status=expired]{border-color:#fb71854d}.planner-item-row[data-status=warn]{border-color:#f59e0b40}.planner-item-name{color:var(--calc-text-primary);font-size:.88rem;font-weight:600}.planner-item-sub{color:var(--calc-text-faded);margin-top:2px;font-size:.77rem}.planner-days-badge{font-family:var(--calc-font-mono);white-space:nowrap;border-radius:12px;padding:3px 9px;font-size:.82rem;font-weight:700}.planner-days-badge.fresh{color:var(--calc-emerald);background:#34d3991f}.planner-days-badge.warn{color:var(--calc-amber);background:#f59e0b1f}.planner-days-badge.critical,.planner-days-badge.expired{color:var(--calc-rose);background:#fb71851f}.planner-use-by{color:var(--calc-text-faded);font-size:.77rem}.planner-remove-btn{color:var(--calc-text-faded);cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px 6px;font-size:1rem;line-height:1;transition:opacity .18s,color .18s}.planner-remove-btn:hover{color:var(--calc-rose);opacity:1}.planner-empty{text-align:center;color:var(--calc-text-faded);border:1px dashed var(--calc-border-subtle);border-radius:var(--calc-radius-lg);padding:2.5rem 1rem;font-size:.88rem}.page-sections-outer{max-width:1100px;margin:0 auto;padding:0 1.25rem 3rem}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid #ffffff0f}.faq-item__question{cursor:pointer;color:var(--calc-text-primary);user-select:none;justify-content:space-between;align-items:center;padding:14px 4px;font-size:.9rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";font-family:var(--calc-font-mono);color:var(--calc-text-faded);flex-shrink:0;margin-left:16px;font-size:1.1rem;transition:color .2s}.faq-item[open] .faq-item__question:after{content:"−";color:var(--calc-emerald)}.faq-item__question:hover{color:var(--calc-emerald)}.faq-item__answer{color:var(--calc-text-faded);padding:0 4px 14px;font-size:.85rem;line-height:1.75}[data-theme=light]{--status-fresh:#047857;--status-warn:#b45309;--status-critical:#e11d48;--status-expired:#e11d48;--accent:#047857}[data-theme=light] .calc-title{color:#0f172a}[data-theme=light] .calc-subtitle{color:#475569}[data-theme=light] .input-card,[data-theme=light] .result-card{background:#fff;border-color:#0000001a;box-shadow:0 2px 10px #00000012}[data-theme=light] .glass-input,[data-theme=light] .glass-select{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .glass-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2364748b'/%3E%3C/svg%3E")}[data-theme=light] .glass-input[type=date]{color-scheme:light}[data-theme=light] .glass-input:focus,[data-theme=light] .glass-select:focus{border-color:#047857;box-shadow:0 0 0 3px #0478571a}[data-theme=light] .preset-chip{color:#475569;background:#0478570f;border-color:#04785733}[data-theme=light] .preset-chip:hover,[data-theme=light] .preset-chip.active{color:#047857;background:#0478571a;border-color:#047857}[data-theme=light] .hero-result{background:#0478570a;border-color:#04785726}[data-theme=light] .hero-days[data-status=fresh]{color:#047857}[data-theme=light] .hero-days[data-status=warn]{color:#b45309}[data-theme=light] .hero-days[data-status=critical],[data-theme=light] .hero-days[data-status=expired]{color:#e11d48}[data-theme=light] .hero-unit{color:#64748b}[data-theme=light] .status-badge{color:#047857;background:#04785714;border-color:#04785740}[data-theme=light] .status-badge[data-status=warn]{color:#b45309;background:#b4530914;border-color:#b4530940}[data-theme=light] .status-badge[data-status=critical],[data-theme=light] .status-badge[data-status=expired]{color:#e11d48;background:#e11d4814;border-color:#e11d4840}[data-theme=light] .stat-card{background:#edf2f9;border-color:#0000001a}[data-theme=light] .stat-label{color:#64748b}[data-theme=light] .stat-value{color:#0f172a}[data-theme=light] .spoilage-list li{color:#475569}[data-theme=light] .spoilage-list li:before{color:#b45309}[data-theme=light] .storage-tip{color:#334155;background:#0891b20d;border-color:#0891b2}[data-theme=light] .action-btn{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .action-btn:hover{color:#0891b2;background:#0891b214;border-color:#0891b259}[data-theme=light] .guide-filter-btn{color:#475569;background:#f0f4f9;border-color:#0000001a}[data-theme=light] .guide-filter-btn:hover,[data-theme=light] .guide-filter-btn.active{color:#0891b2;background:#0891b214;border-color:#0891b259}[data-theme=light] .guide-section-title{color:#0f172a}[data-theme=light] .storage-guide-table th{color:#475569;background:#edf2f9;border-color:#0000001a}[data-theme=light] .storage-guide-table td{color:#475569;border-color:#0000000f}[data-theme=light] .storage-guide-table td:first-child{color:#0f172a}[data-theme=light] .storage-guide-table tr:hover td{background:#f5f8fc}[data-theme=light] .guide-days{color:#047857}[data-theme=light] .planner-add-row{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .planner-add-btn{color:#fff}[data-theme=light] .planner-item-row{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000d}[data-theme=light] .planner-item-row[data-status=critical],[data-theme=light] .planner-item-row[data-status=expired]{border-color:#e11d484d}[data-theme=light] .planner-item-row[data-status=warn]{border-color:#b4530940}[data-theme=light] .planner-item-name{color:#0f172a}[data-theme=light] .planner-item-sub,[data-theme=light] .planner-use-by{color:#64748b}[data-theme=light] .planner-days-badge.fresh{color:#047857;background:#0478571a}[data-theme=light] .planner-days-badge.warn{color:#b45309;background:#b453091a}[data-theme=light] .planner-days-badge.critical,[data-theme=light] .planner-days-badge.expired{color:#e11d48;background:#e11d481a}[data-theme=light] .planner-empty{color:#64748b;border-color:#0000001f}[data-theme=light] .faq-list{gap:8px}[data-theme=light] .faq-item{background:#fff;border:1px solid #0000001a;border-radius:10px;transition:box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 1px 4px #0000000f}[data-theme=light] .faq-item:hover{border-color:#0478574d;box-shadow:0 2px 10px #04785714}[data-theme=light] .faq-item[open]{border-color:#04785766 #04785766 #04785766 #047857;border-left-style:solid;border-left-width:3px;box-shadow:0 2px 12px #0478571a}[data-theme=light] .faq-item__question{color:#0f172a;padding:14px 16px}[data-theme=light] .faq-item__question:after{color:#64748b}[data-theme=light] .faq-item[open] .faq-item__question:after,[data-theme=light] .faq-item__question:hover{color:#047857}[data-theme=light] .faq-item__answer{color:#475569;border-top:1px solid #0000000f;padding:12px 16px 16px}[data-theme=light] .form-label{color:#64748b}[data-theme=light] .detail-title{color:#475569}