.gdt-view-tabs{display:flex;justify-content:center;gap:10px;padding:0 18px 14px;position:sticky;top:0;z-index:16;background:linear-gradient(180deg,rgba(7,7,7,.98),rgba(7,7,7,.84));backdrop-filter:blur(6px)}
.gdt-view-tab{border:0;cursor:pointer;background:rgba(255,255,255,.05);color:var(--gdt-year_text);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;line-height:1;transition:.2s ease}
.gdt-view-tab.is-active{background:var(--gdt-year_active_bg);color:var(--gdt-year_active_text);box-shadow:0 0 18px rgba(255,45,45,.22)}
.gdt-period-nav-shell{display:none}
.gdt-period-nav-shell.is-active{display:flex}
.gdt-wrap{
  --gdt-bg:#070707;
  --gdt-text:#fff;
  --gdt-muted:rgba(255,255,255,.4);
  --gdt-muted_strong:rgba(255,255,255,.72);
  --gdt-line:#ff2d2d;
  --gdt-line_soft:rgba(255,45,45,.32);
  --gdt-month_badge_bg:#e12626;
  --gdt-month_badge_text:#fff;
  --gdt-card_bg:rgba(255,255,255,.03);
  --gdt-card_border:rgba(255,255,255,.08);
  --gdt-card_hover_border:#ff2d2d;
  --gdt-label:#ffb347;
  --gdt-year_bg:rgba(255,255,255,.05);
  --gdt-year_text:#fff;
  --gdt-year_active_bg:#d82626;
  --gdt-year_active_text:#fff;
  --gdt-back_top_bg:#d82626;
  --gdt-back_top_text:#fff;
  --gdt-content_hover:#ff7d7d;
  --gdt-size-year_nav:17px;
  --gdt-size-month:22px;
  --gdt-size-card_title:28px;
  --gdt-size-content:16px;
  --gdt-size-label:14px;
  position:relative;
  background:var(--gdt-bg);
  color:var(--gdt-text);
  padding:20px 0 50px;
  overflow:hidden;
}
.gdt-wrap *{box-sizing:border-box}
.gdt-wrap a{color:inherit;text-decoration:none}
.gdt-year-nav-shell{align-items:center;gap:12px;padding:0 18px 18px;position:sticky;top:52px;z-index:15;background:linear-gradient(180deg,rgba(7,7,7,.98),rgba(7,7,7,.82));backdrop-filter:blur(6px)}
.gdt-year-nav-track{overflow:hidden;flex:1}
.gdt-year-nav{display:flex;gap:12px;overflow:auto;scrollbar-width:none;padding:2px 0}
.gdt-year-nav::-webkit-scrollbar{display:none}
.gdt-year-pill,.gdt-year-arrow{border:0;cursor:pointer}
.gdt-year-pill{flex:0 0 auto;background:var(--gdt-year_bg);color:var(--gdt-year_text);border-radius:999px;padding:12px 22px;font-size:var(--gdt-size-year_nav);font-weight:700;line-height:1;transition:.2s ease}
.gdt-year-pill.is-active{background:var(--gdt-year_active_bg);color:var(--gdt-year_active_text);box-shadow:0 0 22px rgba(255,45,45,.28)}
.gdt-year-arrow{width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-size:18px;font-weight:700}
.gdt-back-top{position:fixed;right:22px;bottom:26px;z-index:18;width:50px;height:50px;border-radius:999px;border:0;background:var(--gdt-back_top_bg);color:var(--gdt-back_top_text);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s ease;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.gdt-back-top.is-visible{opacity:1;pointer-events:auto;transform:none}
.gdt-body{position:relative}.gdt-body.is-loading{opacity:.65;pointer-events:none}
.gdt-timeline{position:relative;padding:8px 18px 0}
.gdt-spine{position:absolute;left:50%;top:0;bottom:0;width:4px;transform:translateX(-50%);background:linear-gradient(180deg,var(--gdt-line_soft),var(--gdt-line),var(--gdt-line_soft));box-shadow:0 0 26px var(--gdt-line_soft)}
.gdt-month-section{position:relative;padding:8px 0 12px}
.gdt-month-heading{display:flex;justify-content:center;position:relative;padding:0 0 16px;z-index:2}
.gdt-month-marker{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:86px}
.gdt-month-badge{background:var(--gdt-month_badge_bg);color:var(--gdt-month_badge_text);font-size:var(--gdt-size-month);font-weight:800;line-height:1;border-radius:18px;padding:12px 18px;box-shadow:0 0 24px rgba(255,45,45,.25)}
.gdt-month-node{width:34px;height:34px;border-radius:999px;border:6px solid var(--gdt-line);background:#111;box-shadow:0 0 18px rgba(255,45,45,.28)}
.gdt-row{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);align-items:stretch;position:relative;margin:0 0 22px;z-index:1}
.gdt-row-middle{position:relative;display:flex;align-items:center;justify-content:center}
.gdt-row-dot{width:14px;height:14px;border-radius:999px;background:var(--gdt-line);box-shadow:0 0 12px rgba(255,45,45,.35)}
.gdt-row-right,.gdt-row-left{display:flex;align-items:stretch}
.gdt-card-shell{display:flex;align-items:center;gap:18px;width:100%;min-height:122px;padding:20px;border-radius:24px;background:linear-gradient(90deg,rgba(255,255,255,.05),var(--gdt-card_bg));border:1px solid var(--gdt-card_border);box-shadow:0 10px 40px rgba(0,0,0,.28);transition:.2s ease;outline:none}
.gdt-row.is-active .gdt-card-shell,.gdt-card-shell:hover,.gdt-card-shell:focus{border-color:var(--gdt-card_hover_border);box-shadow:0 0 0 1px rgba(255,45,45,.18),0 12px 36px rgba(0,0,0,.32)}
.gdt-card-thumb{width:104px;height:104px;border-radius:22px;background:#080808;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:0 0 104px}
.gdt-thumb-image{width:100%;height:100%;object-fit:cover;display:block}
.gdt-day{font-size:54px;font-weight:800;line-height:1;color:#fff}
.gdt-year{font-size:30px;font-weight:900;line-height:1;color:#fff;letter-spacing:.03em}
.gdt-card-main{min-width:0}
.gdt-card-label{font-size:var(--gdt-size-label);font-weight:700;color:var(--gdt-label);margin-bottom:10px;line-height:1.5}
.gdt-card-title{margin:0;font-size:var(--gdt-size-card_title);font-weight:900;line-height:1.16;word-break:break-word}
.gdt-row-right{padding-left:18px;display:flex;align-items:center}
.gdt-content-text{display:block;width:100%;font-size:var(--gdt-size-content);line-height:1.85;color:var(--gdt-muted_strong);transition:.2s ease;word-break:break-word}
.gdt-row.is-active .gdt-content-text,.gdt-content-text:hover,.gdt-content-text:focus{color:var(--gdt-content_hover)}
.gdt-content-text.is-hidden{display:none}
.gdt-empty-state{display:flex;justify-content:center;padding:70px 0}
.gdt-empty-card{position:relative;z-index:1;max-width:640px;width:100%;padding:28px;border-radius:24px;background:var(--gdt-card_bg);border:1px solid var(--gdt-card_border);text-align:center}
.gdt-empty-title{font-size:26px;font-weight:800;margin-bottom:10px}
.gdt-empty-text{color:var(--gdt-muted_strong);font-size:16px}
@media (max-width: 980px){
  .gdt-spine{left:38px;transform:none}
  .gdt-month-heading{justify-content:flex-start;padding-left:20px}
  .gdt-month-marker{align-items:flex-start;margin-left:0}
  .gdt-month-node{margin-left:4px}
  .gdt-row{grid-template-columns:1fr;gap:12px;padding-left:76px}
  .gdt-row-middle{position:absolute;left:32px;top:50%;transform:translateY(-50%)}
  .gdt-row-right{padding-left:0}
}
@media (max-width: 640px){
  .gdt-wrap{padding-top:12px}
  .gdt-view-tabs{padding:0 12px 12px}
  .gdt-year-nav-shell{padding:0 12px 14px;top:46px}
  .gdt-timeline{padding:6px 12px 0}
  .gdt-card-shell{padding:14px;gap:12px;min-height:96px;border-radius:18px}
  .gdt-card-thumb{width:78px;height:78px;border-radius:16px;flex-basis:78px}
  .gdt-day{font-size:38px}
  .gdt-year{font-size:24px}
  .gdt-card-title{font-size:clamp(20px,6vw,var(--gdt-size-card_title))}
  .gdt-month-badge{font-size:clamp(18px,5vw,var(--gdt-size-month));padding:10px 14px}
  .gdt-content-text{font-size:clamp(14px,3.8vw,var(--gdt-size-content))}
}