:root{--bg-color:#fff;--text-color:#1a1a1a;--accent-color:#000;--progress-bg:#f0f0f0;--progress-fill:#000;--secondary-text:#666;--font-main:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--bg-color:#fff;--text-color:#1a1a1a;--accent-color:#000;--progress-bg:#f5f5f5;--progress-fill:#000;--secondary-text:#666}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);min-height:100vh;padding:1rem}.main-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;min-height:calc(100vh - 2rem);display:flex}.top-nav{justify-content:space-between;align-items:center;width:100%;max-width:600px;padding:0 1rem;display:flex}.container{text-align:center;background:#fff;width:100%;max-width:600px;padding:2.5rem 1.5rem}.language-toggle{color:var(--secondary-text);align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.language-toggle button{cursor:pointer;color:inherit;font-weight:inherit;background:0 0;border:none;padding:.2rem .5rem}.language-toggle button.active{color:var(--accent-color);text-underline-offset:4px;text-decoration:underline}.settings-btn{cursor:pointer;color:var(--secondary-text);background:0 0;border:none;padding:.5rem;transition:color .2s}.settings-btn:hover{color:var(--accent-color)}.logo-header{flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.title{letter-spacing:.1em;text-transform:uppercase;color:var(--secondary-text);font-size:1rem;font-weight:500}.section{margin-bottom:2.5rem}.section-label{text-transform:uppercase;letter-spacing:.15em;color:var(--secondary-text);margin-bottom:.75rem;font-size:.7rem;font-weight:700}.year-display.main-progress{letter-spacing:-.02em;font-size:4rem;font-weight:800}.year-display.sub-progress{color:var(--secondary-text);opacity:.8;font-size:2.5rem;font-weight:700}.progress-container{background-color:var(--progress-bg);border-radius:5px;width:100%;height:10px;margin-top:1rem;overflow:hidden}.progress-bar{background-color:#d1d1d1;height:100%;transition:width 1s cubic-bezier(.65,0,.35,1)}.progress-bar.accent{background-color:var(--accent-color)}.stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem;margin-bottom:3rem;display:grid}.stat-item{flex-direction:column;gap:.25rem;display:flex}.stat-value{font-size:1.2rem;font-weight:700}.stat-label{color:var(--secondary-text);text-transform:uppercase;font-size:.7rem}.milestones-section{text-align:left;border-top:1px solid #f0f0f0;margin-top:3rem;padding-top:2rem}.milestones-list{flex-direction:column;gap:1rem;display:flex}.milestone-item{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.m-title{white-space:nowrap;font-weight:600}.m-dots{border-bottom:1px dotted #e0e0e0;flex:1;height:1px}.m-days{color:var(--accent-color);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.m-days.passed{color:#ccc;font-weight:400;text-decoration:line-through}.footer{color:var(--secondary-text);margin-top:3rem;font-size:.8rem;line-height:1.5}.quote{opacity:.7;margin-top:1.5rem;font-style:italic}.download-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.8rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 4px 12px #0000001a}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.settings-modal{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.close-x{cursor:pointer;color:var(--secondary-text);background:0 0;border:none;font-size:1.5rem}.modal-scroll-area{flex:1;padding:2rem;overflow-y:auto}.settings-section{margin-bottom:2rem}.settings-divider{background:#f0f0f0;height:1px;margin:2rem 0}.section-title{text-transform:uppercase;color:var(--secondary-text);margin-bottom:1.5rem;font-size:.8rem;font-weight:700;display:block}.input-group{margin-bottom:1.2rem}.input-group label{text-transform:uppercase;color:var(--secondary-text);letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.input-group input{background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-group input:focus{border-color:var(--accent-color);background:#fff;outline:none}.milestone-add-form{background:#f5f5f5;border-radius:16px;margin-bottom:1.5rem;padding:1.2rem}.milestone-add-form .input-group{margin-bottom:.8rem}.milestone-add-form input{background:#fff}.add-btn-v2{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.8rem;font-weight:700;display:flex}.milestone-manage-list{flex-direction:column;gap:.8rem;display:flex}.m-manage-item{background:#fff;border:1px solid #f0f0f0;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.privacy-text{color:var(--secondary-text);background:#fcfcfc;border:1px dashed #e0e0e0;border-radius:12px;padding:1rem;font-size:.85rem;line-height:1.6}.m-info{flex-direction:column;gap:.2rem;display:flex}.m-name{font-size:.95rem;font-weight:700}.m-date{color:var(--secondary-text);font-size:.75rem}.delete-btn{color:#f44;cursor:pointer;background:#fff0f0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.delete-btn:hover{background:#ffe0e0}.modal-actions{border-top:1px solid #f0f0f0;padding:1.5rem 2rem}.modal-actions button.primary{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:1rem;font-weight:700}@media (max-width:480px){.year-display.main-progress{font-size:3rem}.stats{grid-template-columns:1fr}}