.landing-wrapper{min-height:100vh;background:radial-gradient(circle at 8% 0%,rgba(222,216,198,.38),transparent 28%),radial-gradient(circle at 100% 6%,rgba(235,230,216,.7),transparent 24%),linear-gradient(180deg,#fcfbf7 0%,#f8f6ef 100%);color:#1d1d1b}.landing-shell{width:min(1180px,calc(100vw - 32px));margin:0 auto}.landing-nav{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(252,251,247,.88);border-bottom:1px solid rgba(29,29,27,.07)}.landing-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0}.brand-mark{border:none;background:none;color:#1d1d1b;font-size:30px;font-weight:700;letter-spacing:.06em;cursor:pointer}.landing-nav-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.landing-nav-link{border:none;background:transparent;color:#676257;padding:10px 14px;border-radius:999px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.landing-nav-link:hover,.landing-nav-link.is-active{background:rgba(29,29,27,.06);color:#1d1d1b}.landing-button{border:none;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}.landing-button:hover{transform:translateY(-1px)}.landing-button-primary{background:#1d1d1b;color:#fbfaf6;box-shadow:0 14px 28px #1d1d1b1f}.landing-button-primary:hover{background:#2a2a26}.landing-button-secondary{background:#fff;color:#1d1d1b;border:1px solid rgba(29,29,27,.1)}.landing-button-secondary:hover{background:#f6f3ea}.landing-main{display:grid;gap:18px;padding:18px 0 42px}.landing-cloud-stage,.landing-panel{border:1px solid rgba(29,29,27,.08);border-radius:28px;background:rgba(255,255,252,.92);box-shadow:0 18px 48px #453f2f12}.landing-cloud-stage{min-height:62vh;padding:26px;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(255,255,255,.88),rgba(255,255,252,.92)),linear-gradient(180deg,rgba(252,251,247,.96) 0%,rgba(247,244,235,.96) 100%)}.landing-panel{padding:24px}.cloud-board{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}.cloud-board-primary{max-width:1020px;margin:0 auto}.cloud-bubble{width:min(var(--size),100%);min-width:148px;min-height:calc(var(--size) * .54);border:1px solid rgba(29,29,27,.08);border-radius:999px;padding:16px 18px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cloud-bubble:hover{transform:translateY(-3px);box-shadow:0 18px 32px #453f2f1a;border-color:#1d1d1b24}.cloud-bubble.is-active{border-color:#1d1d1b38;box-shadow:0 20px 36px #453f2f24;transform:translateY(-2px)}.tone-gold{background:linear-gradient(180deg,rgba(216,187,116,.22),rgba(255,251,240,.98))}.tone-green{background:linear-gradient(180deg,rgba(12,184,99,.12),rgba(248,252,249,.98))}.tone-orange{background:linear-gradient(180deg,rgba(245,138,7,.12),rgba(255,251,245,.98))}.tone-neutral{background:linear-gradient(180deg,rgba(117,113,99,.11),rgba(251,250,245,.98))}.cloud-label{font-size:clamp(17px,1.8vw,26px);font-weight:700;line-height:1.25;color:#1d1d1b}.cloud-focus-bar{margin-top:18px;padding-top:18px;border-top:1px solid rgba(29,29,27,.08);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.cloud-focus-copy{display:grid;gap:4px;color:#6e695d;font-size:14px;line-height:1.7}.cloud-focus-copy strong{color:#1d1d1b;font-size:18px}.cloud-focus-actions{display:flex;gap:10px;flex-wrap:wrap}.landing-stage-empty{width:min(560px,100%);justify-items:center;text-align:center}.calendar-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:18px}.calendar-strip{display:flex;align-items:flex-end;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(29,29,27,.08);overflow-x:auto}.calendar-group{display:flex;align-items:center;gap:14px;white-space:nowrap}.calendar-group-months{gap:12px}.calendar-divider{width:1px;height:20px;flex:0 0 auto;background:rgba(29,29,27,.1)}.calendar-tab,.mode-chip{position:relative;border:none;background:transparent;color:#6b675c;cursor:pointer;transition:color .2s ease}.calendar-tab{padding:6px 0 10px;font-size:15px;font-weight:600}.calendar-tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;background:transparent;transition:background-color .2s ease}.calendar-tab:hover,.calendar-tab.is-active,.mode-chip:hover,.mode-chip.is-active{color:#1d1d1b}.calendar-tab.is-active:after{background:#1d1d1b}.calendar-summary{display:grid;gap:4px;color:#6f6b60;font-size:13px;line-height:1.6;text-align:right}.calendar-summary strong{color:#1d1d1b;font-size:16px}.summary-chip{width:fit-content;border:1px solid rgba(29,29,27,.08);border-radius:999px;background:#fff;color:#1d1d1b;padding:7px 12px;font-size:12px;cursor:pointer}.timeline-shell{position:relative;overflow-x:auto;padding:8px 0 4px}.timeline-axis{position:absolute;left:10px;right:10px;bottom:34px;height:1px;background:rgba(29,29,27,.16)}.timeline-days{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(22px,1fr);gap:6px;min-width:980px;align-items:end}.timeline-day{border:none;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;cursor:pointer}.timeline-day.is-empty{opacity:.42}.timeline-bar{width:10px;height:var(--height);border-radius:999px;background:linear-gradient(180deg,#d3bb87 0%,#a97a2c 100%);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.timeline-bar-empty{width:5px;height:12px;background:rgba(29,29,27,.08);box-shadow:none}.timeline-tick{width:1px;height:10px;background:rgba(29,29,27,.34)}.timeline-day-label{font-size:11px;color:#7d786c}.timeline-day:hover .timeline-bar,.timeline-day.is-active .timeline-bar{transform:translateY(-2px);box-shadow:0 10px 20px #a97a2c2e}.timeline-day.is-active .timeline-bar{width:12px;background:linear-gradient(180deg,#1d1d1b 0%,#4b4942 100%)}.timeline-day.is-active .timeline-day-label{color:#1d1d1b;font-weight:700}.timeline-day.is-active .timeline-tick{background:#1d1d1b}.ranking-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:18px}.ranking-heading-group{display:grid;gap:6px}.ranking-heading-group h2{margin:0;font-size:28px;line-height:1.15}.ranking-heading-group p{margin:0;color:#746f63;font-size:14px;line-height:1.7}.ranking-mode-switch,.ranking-sort-switch{display:flex;gap:10px;flex-wrap:wrap}.mode-chip{padding:10px 16px;font-size:14px;font-weight:600;border-radius:18px;border:1px solid rgba(29,29,27,.08);background:#f6f2ea}.mode-chip.is-active{background:#1d1d1b;color:#fbfaf6;border-color:#1d1d1b}.ranking-list{display:flex;flex-direction:column;gap:12px}.ranking-empty{display:grid;gap:8px;padding:22px 20px;border-radius:22px;background:#f8f5ee;border:1px solid rgba(29,29,27,.06);color:#6f6b60;line-height:1.7}.ranking-empty strong{color:#1d1d1b}.ranking-empty-action{width:fit-content}.ranking-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border-radius:22px;background:#f8f5ee;border:1px solid rgba(29,29,27,.06)}.ranking-index{color:#1d1d1b;font-size:18px;font-weight:700;letter-spacing:.04em}.ranking-meta-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ranking-date,.ranking-tag{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:12px}.ranking-date{background:rgba(29,29,27,.05);color:#5d594d}.ranking-tag{background:rgba(29,29,27,.06);color:#696659}.ranking-body h3{margin:10px 0 8px;font-size:20px;line-height:1.4}.ranking-body p{margin:0;color:#716d60;line-height:1.7}.ranking-side{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.ranking-consensus{text-align:right}.ranking-consensus span{display:block;font-size:12px;color:#817d71}.ranking-consensus strong{font-size:30px;line-height:1}@media (max-width: 960px){.landing-nav-inner,.calendar-toolbar,.ranking-toolbar{flex-direction:column;align-items:stretch}.landing-nav-links{justify-content:center}.landing-cloud-stage,.landing-panel{padding:20px}.calendar-summary{text-align:left}.ranking-card{grid-template-columns:40px 1fr}.ranking-side{grid-column:2;justify-content:space-between}.cloud-focus-bar{flex-direction:column;align-items:stretch}}@media (max-width: 640px){.landing-shell{width:min(100vw - 20px,100%)}.landing-main{gap:14px;padding-top:14px}.brand-mark{font-size:26px}.landing-button{width:100%}.cloud-bubble{width:calc(50% - 8px);min-width:132px;min-height:104px}.timeline-days{min-width:820px}}html,body{margin:0;padding:0;width:100%;height:100%;background:#f7f4ee;color:#1d1d1b;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}button,input,textarea,select{font:inherit}#root{width:100vw;height:100vh}