:root{--bg-color: #191919;--card-bg: #252525;--notion-blue: #2eaadc;--text-main: rgba(255, 255, 255, .9);--text-muted: rgba(255, 255, 255, .45);--border-color: rgba(255, 255, 255, .08);font-family:Inter,system-ui,-apple-system,sans-serif}html,body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0;box-sizing:border-box}.container{width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;container-type:size;display:flex;flex-direction:column;position:relative;padding:16px;box-sizing:border-box;overflow:hidden}.collapsible-header,.collapsible-title,.collapsible-stats,.collapsible-details,.collapsible-footer,.hero-bar-wrapper{transition:opacity .2s ease,height .2s ease,margin .2s ease,padding .2s ease;overflow:hidden}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;height:24px;flex-shrink:0}.status-indicator{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);white-space:nowrap}.dot{width:6px;height:6px;border-radius:50%;background-color:var(--notion-blue);box-shadow:0 0 6px #2eaadc66}.btn-refresh{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:0;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:#ffffff1a;color:var(--text-main);border-color:var(--text-muted)}.notion-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 4px 24px #0003;display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;flex-shrink:0}.card-title{font-size:18px;font-weight:700;margin:0;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-subtitle{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;white-space:nowrap}.emoji-icon{font-size:20px;margin-left:8px}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:24px 0;flex:1;min-height:0}.hero-percentage{font-size:64px;font-weight:800;line-height:.9;letter-spacing:-.04em;color:var(--text-main);display:flex;align-items:flex-start;justify-content:center;text-align:center}.hero-symbol{font-size:.4em;color:var(--notion-blue);margin-top:.1em;margin-left:.05em;font-weight:600}.hero-bar-wrapper{width:100%;margin-top:16px;max-width:200px;flex-shrink:0}.stats-grid{display:grid;grid-template-cols:1fr 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:16px;flex-shrink:0}.stat-box{display:flex;flex-direction:column}.stat-label{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:16px;font-weight:600;margin-top:2px}.stat-sub{font-size:9px;color:var(--text-muted);opacity:.7;margin-left:4px}.milestones-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0;flex:1}.milestone-item{display:flex;flex-direction:column;gap:5px}.milestone-info{display:flex;justify-content:space-between}.milestone-name{font-size:10px;font-weight:600;color:var(--text-muted)}.milestone-percent{font-size:10px;font-weight:700;color:var(--text-main)}.progress-container{width:100%;background:#ffffff14;border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--notion-blue);border-radius:99px}.progress-md{height:8px}.progress-sm{height:4px}footer{text-align:center;margin-top:16px;flex-shrink:0}.footer-text{font-size:8px;color:var(--text-muted);opacity:.5;text-transform:uppercase;letter-spacing:.2em}@container (max-width: 320px),(max-height: 400px){.collapsible-details{display:none}.stats-grid{border-bottom:none;margin-bottom:0}}@container (max-width: 260px),(max-height: 300px){.collapsible-stats,.collapsible-footer{display:none}.notion-card{padding:16px}.hero-section{margin:12px 0}}@container (max-width: 230px),(max-height: 240px){.container{padding:0}.status-indicator,.collapsible-title,.collapsible-stats,.collapsible-details,.collapsible-footer,.hero-bar-wrapper{display:none}.header-row{position:absolute;top:8px;right:8px;margin:0;width:auto;height:auto;z-index:20}.btn-refresh{border:none;opacity:.6;background:#0003;border-radius:50%}.btn-refresh:hover{opacity:1;background:#ffffff1a}.notion-card{background:transparent;border:none;box-shadow:none;padding:0;justify-content:center;align-items:center}.hero-section{margin:0;width:100%;height:100%;align-items:center;justify-content:center}.hero-percentage{font-size:50cqmin;line-height:.8;margin:0;padding:0}.hero-symbol{font-size:.4em;margin-top:.05em}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}