/* ALES/3 — stil. Açık/koyu tema CSS değişkenleriyle. */

:root{
  --bg:#E9EDF0;--card:#FFF;--ink:#101B2D;--ink2:#3B4757;--mute:#5E6A79;
  --line:#D3DAE1;--line2:#E7EBEF;--red:#B22B22;--green:#22664A;--amber:#8A5F0B;
  --amberbg:#FBF3E0;--amberink:#4A3506;--gold:#B07D18;--star:#D6A81B;
  --redbg:#F6E2E0;--greenbg:#DFEEE6;--inkfg:#fff;
  --r:6px;
}
:root[data-theme="dark"]{
  --bg:#0D141F;--card:#151F2E;--ink:#E8ECF1;--ink2:#B4BECB;--mute:#8593A4;
  --line:#28344580;--line2:#232F41;--red:#E8695E;--green:#4FB68B;--amber:#D3A03A;
  --amberbg:#2A2213;--amberink:#E6D2A4;--gold:#D3A03A;--star:#E8C24A;
  --redbg:#33201E;--greenbg:#16302A;--inkfg:#0D141F;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0D141F;--card:#151F2E;--ink:#E8ECF1;--ink2:#B4BECB;--mute:#8593A4;
    --line:#28344580;--line2:#232F41;--red:#E8695E;--green:#4FB68B;--amber:#D3A03A;
    --amberbg:#2A2213;--amberink:#E6D2A4;--gold:#D3A03A;--star:#E8C24A;
    --redbg:#33201E;--greenbg:#16302A;--inkfg:#0D141F;
  }
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:'Source Sans 3',system-ui,-apple-system,sans-serif;
  font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
.wrap{max-width:860px;margin:0 auto;padding:22px 16px 90px}
h1,h2,h3{font-family:'Archivo',system-ui,sans-serif;margin:0;letter-spacing:-.015em}
.eyebrow{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--mute);font-weight:500}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- header ---------- */
header{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:18px}
.htop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
h1{font-weight:800;font-size:clamp(27px,7vw,38px);line-height:1.03;margin:8px 0 16px}
h1 em{font-style:normal;color:var(--red);display:block}
.hbtns{display:flex;gap:6px;flex:none}
.iconbtn{background:var(--bg);border:1px solid var(--line);border-radius:8px;width:38px;height:38px;
  cursor:pointer;color:var(--ink2);font-size:17px;line-height:1;display:grid;place-items:center;padding:0}
.iconbtn[aria-pressed="true"]{background:var(--ink);color:var(--inkfg);border-color:var(--ink)}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:540px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{background:var(--bg);border-radius:4px;padding:12px 14px}
.stat b{font-family:'Archivo';font-weight:800;font-size:26px;line-height:1;display:block}
.stat span{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--mute);display:block;margin-top:6px}
.bar{height:7px;background:var(--line2);border-radius:99px;margin-top:16px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--ink);width:0;transition:width .45s ease}

/* ---------- nav ---------- */
nav{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}
nav button{flex:1 1 auto;min-width:84px;background:var(--card);border:1px solid var(--line);
  border-radius:99px;padding:11px 12px;cursor:pointer;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;letter-spacing:.03em;color:var(--ink2)}
nav button[aria-selected="true"]{background:var(--ink);color:var(--inkfg);border-color:var(--ink)}
nav button .dot{display:inline-block;width:6px;height:6px;border-radius:99px;background:var(--red);
  vertical-align:middle;margin-left:5px}
section[hidden]{display:none}

/* ---------- generic blocks ---------- */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:16px}
.card h3{font-size:17px;font-weight:700;margin-bottom:6px}
.hint{font-size:15.5px;color:var(--ink2);margin:0 0 16px}
.hint:last-child{margin-bottom:0}
.note{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--ink);
  padding:14px 16px;font-size:16px;margin-bottom:16px;border-radius:0 var(--r) var(--r) 0}
.flag{background:var(--amberbg);border-left:4px solid var(--amber);padding:12px 14px;margin:0 0 14px;
  font-size:16px;border-radius:0 4px 4px 0;color:var(--amberink)}
.empty{padding:26px 0;text-align:center;color:var(--mute);font-size:15.5px}
.btn{margin-top:16px;background:var(--ink);color:var(--inkfg);border:0;border-radius:4px;padding:13px 22px;
  cursor:pointer;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;letter-spacing:.05em}
.btn.ghost{background:none;color:var(--red);border:1px solid var(--red)}
.btn:disabled{opacity:.45;cursor:default}
.mini{border:1px solid var(--line);background:var(--bg);border-radius:99px;padding:8px 14px;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;cursor:pointer;color:var(--ink2)}
.mini.ok{background:var(--ink);color:var(--inkfg);border-color:var(--ink)}
.mini.danger{border-color:var(--red);color:var(--red)}
.row{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
label.f .t{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--mute);display:block;margin-bottom:5px}
input[type=number],input[type=date],input[type=text],input[type=password],select,textarea{
  width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:4px;background:var(--card);
  color:var(--ink);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:15px}
textarea{font-family:'Source Sans 3',sans-serif;min-height:64px;resize:vertical}
.grid4{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:560px){.grid4{grid-template-columns:repeat(4,1fr)}}
.grid2{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:560px){.grid2{grid-template-columns:1fr 1fr}}
.del{background:none;border:0;color:var(--mute);cursor:pointer;font-size:20px;padding:0 6px;line-height:1}
.skiptag{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.05em;
  text-transform:uppercase;background:var(--line2);color:var(--mute);border-radius:99px;padding:2px 8px}
.tag-red{background:var(--redbg);color:var(--red)}
.tag-green{background:var(--greenbg);color:var(--green)}

/* ---------- BUGÜN ---------- */
.today-card{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--red);
  border-radius:0 var(--r) var(--r) 0;padding:20px;margin-bottom:16px}
.today-card.done{border-left-color:var(--green)}
.today-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:10px}
.today-task{font-family:'Archivo';font-weight:700;font-size:clamp(19px,4.6vw,23px);line-height:1.3;margin:0 0 6px}
.today-card.done .today-task{color:var(--mute);text-decoration:line-through;text-decoration-color:var(--line)}
.today-sub{font-size:15.5px;color:var(--ink2);margin:0 0 16px}
.bigcheck{display:flex;align-items:center;gap:11px;cursor:pointer;background:var(--bg);border:1px solid var(--line);
  border-radius:6px;padding:13px 15px;font-size:16.5px;font-weight:600;user-select:none}
.bigcheck input{appearance:none;width:24px;height:24px;min-width:24px;border:2px solid var(--mute);
  border-radius:5px;cursor:pointer;position:relative;background:var(--card);margin:0}
.bigcheck input:checked{background:var(--green);border-color:var(--green)}
.bigcheck input:checked::after{content:"";position:absolute;left:7px;top:2px;width:6px;height:12px;
  border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(42deg)}

.timer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--bg);border-radius:6px;padding:14px 16px}
.timer .tv{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:30px;font-weight:700;
  letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.timer.run .tv{color:var(--red)}
.timer .tl{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--mute);display:block;margin-top:5px}

.streak{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}
.streak i{width:15px;height:15px;border-radius:3px;background:var(--line2);display:block}
.streak i.on{background:var(--green)}
.streak i.skip{background:var(--line)}
.streak i.miss{background:var(--redbg)}
.streak i.today{outline:2px solid var(--ink);outline-offset:1px}

.ms{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line2)}
.ms:first-child{border-top:0}
.ms .d{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--mute);
  flex:0 0 74px;padding-top:2px}
.ms .b{flex:1;min-width:0}
.ms .b strong{display:block;font-size:16px;line-height:1.35}
.ms .b span{font-size:14.5px;color:var(--ink2)}
.ms .cd{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--mute);
  white-space:nowrap;padding-top:3px}
.ms.soon{background:var(--amberbg);margin:0 -8px;padding:12px 8px;border-radius:4px;border-top-color:transparent}
.ms.soon .b strong,.ms.soon .b span,.ms.soon .d,.ms.soon .cd{color:var(--amberink)}
.ms.past{opacity:.45}

/* ---------- telafi ---------- */
.tel{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--red);
  border-radius:0 var(--r) var(--r) 0;padding:18px 20px;margin-bottom:16px}
.tel h3{font-size:17px;color:var(--red);margin-bottom:6px}
.telrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line2)}
.telrow .tt{flex:1 1 190px;min-width:0;font-size:15.5px;line-height:1.4}
.telrow .tt b{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11.5px;
  font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--mute);margin-bottom:2px}

/* ---------- plan ---------- */
.phase{display:flex;align-items:center;gap:12px;margin:28px 0 10px}
.phase:first-child{margin-top:0}
.phase h2{font-size:15.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.phase hr{flex:1;border:0;border-top:1px solid var(--line)}
.phase .rng{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--mute);white-space:nowrap}

.week{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:8px;overflow:hidden}
.week.now{border-color:var(--red);box-shadow:0 0 0 2px rgba(178,43,34,.13)}
.whead{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;padding:15px 16px;
  cursor:pointer;text-align:left;color:inherit;font:inherit}
.wno{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;font-weight:700;color:#fff;
  background:var(--ink2);border-radius:4px;padding:5px 7px;width:42px;flex:none;text-align:center}
:root[data-theme="dark"] .wno{color:var(--ink)}
.week.now .wno{background:var(--red);color:#fff}
.week.done .wno{background:var(--green);color:#fff}
.wmid{flex:1;min-width:0}
.wtitle{font-family:'Archivo';font-weight:700;font-size:16.5px;line-height:1.28;display:block}
.week.done .wtitle{color:var(--mute)}
.wdate{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--mute);display:block;margin-top:3px}
.wcount{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;color:var(--mute);
  width:38px;flex:none;text-align:right}
.wbody{padding:0 16px 16px}
.para-note{font-size:15px;color:var(--ink2);background:var(--bg);border-radius:4px;padding:10px 13px;margin-bottom:6px}

.day{display:flex;gap:13px;align-items:flex-start;padding:13px 0;border-top:1px solid var(--line2);cursor:pointer}
.day input{appearance:none;width:22px;height:22px;min-width:22px;margin-top:2px;border:2px solid var(--mute);
  border-radius:4px;cursor:pointer;position:relative;background:var(--card)}
.day input:checked{background:var(--ink);border-color:var(--ink)}
.day input:checked::after,.res input:checked::after{content:"";position:absolute;left:6px;top:2px;width:5px;
  height:11px;border:solid var(--inkfg);border-width:0 2.5px 2.5px 0;transform:rotate(42deg)}
.res input:checked::after{border-color:#fff}
.dbody{flex:1;min-width:0}
.dmeta{display:flex;gap:9px;align-items:center;margin-bottom:3px;flex-wrap:wrap}
.dgun{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink2)}
.dmin{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--mute);background:var(--bg);
  border-radius:99px;padding:2px 8px}
.dtext{font-size:16.5px;line-height:1.45;display:block}
.day input:checked~.dbody .dtext{color:var(--mute);text-decoration:line-through;text-decoration-color:var(--line)}
.day.today .dgun{color:var(--red)}
.day.today .dmin{background:var(--redbg);color:var(--red)}
.day.key .dtext{font-weight:600}

/* görevin hangi kitaptan yapılacağı */
.srcline{display:block;margin-top:6px;font-size:14px;line-height:1.45;color:var(--ink2)}
.srcline > span{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--mute);background:var(--bg);
  border-radius:3px;padding:2px 6px;margin-right:8px;white-space:nowrap}
.today-card .srcline{margin:0 0 14px;font-size:15px}
.day input:checked~.dbody .srcline{opacity:.5}
.day.skip .dtext{color:var(--mute);text-decoration:line-through;text-decoration-color:var(--line)}

/* ---------- tablo / grafik ---------- */
table{width:100%;border-collapse:collapse;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:14px}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
th{text-align:left;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);
  font-weight:500;padding:0 6px 9px 0;border-bottom:2px solid var(--ink);white-space:nowrap}
td{padding:11px 6px 11px 0;border-bottom:1px solid var(--line2);white-space:nowrap}
td.num{text-align:right;padding-right:10px}
svg.chart{width:100%;height:auto;display:block;overflow:visible}
.legend{display:flex;gap:16px;margin-top:10px;flex-wrap:wrap;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;color:var(--ink2)}
.legend i{display:inline-block;width:16px;height:3px;vertical-align:middle;margin-right:7px;border-radius:2px}
.legend i.dash{background:repeating-linear-gradient(90deg,currentColor 0 4px,transparent 4px 8px)}

/* ---------- konular ---------- */
.konurow{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line2);flex-wrap:wrap}
.konurow .nm{flex:1 1 170px;min-width:0;font-size:15.5px;line-height:1.35}
.konurow .wq{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--mute);
  background:var(--bg);border-radius:99px;padding:2px 8px;flex:none}
.konurow .track{width:58px;flex:none;height:8px;background:var(--line2);border-radius:99px;overflow:hidden}
.konurow .track i{display:block;height:100%;background:var(--red)}
.konurow .ct{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13.5px;width:24px;flex:none;text-align:right}
.steps{display:flex;gap:5px;flex:none}
.steps button{width:30px;height:28px;border:1px solid var(--line);background:var(--bg);border-radius:5px;
  cursor:pointer;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--mute);padding:0}
.steps button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}

.qrow{display:flex;gap:11px;align-items:flex-start;padding:13px 0;border-top:1px solid var(--line2)}
.qrow .b{flex:1;min-width:0}
.qrow .k{font-size:15.5px;font-weight:600;line-height:1.35}
.qrow .n{font-size:14.5px;color:var(--ink2);margin-top:3px;white-space:pre-wrap}
.qrow .m{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11.5px;color:var(--mute);margin-top:5px}
.boxpip{display:inline-flex;gap:3px;vertical-align:middle;margin-left:7px}
.boxpip i{width:6px;height:6px;border-radius:99px;background:var(--line2);display:block}
.boxpip i.on{background:var(--green)}

/* ---------- formül ---------- */
.frow{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line2)}
.frow .fn{flex:1 1 150px;min-width:0;font-size:15.5px;line-height:1.4}
.frow .ff{flex:1 1 200px;min-width:0;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:14.5px;
  line-height:1.5;color:var(--ink);background:var(--bg);border-radius:4px;padding:7px 10px;overflow-wrap:anywhere}
.star{background:none;border:0;cursor:pointer;font-size:19px;line-height:1;color:var(--line);padding:4px;flex:none}
.star[aria-pressed="true"]{color:var(--star)}
.fcat{font-size:15px;font-weight:700;font-family:'Archivo';margin-bottom:2px}
@media(min-width:620px){.frow .fn{flex:0 0 220px}}

.quiz{text-align:center;padding:8px 0 4px}
.quiz .qcat{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--mute);margin-bottom:14px}
.quiz .qname{font-family:'Archivo';font-weight:700;font-size:clamp(20px,5vw,26px);line-height:1.25;margin-bottom:18px}
.quiz .qans{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:16px;line-height:1.6;
  background:var(--bg);border-radius:6px;padding:16px;margin-bottom:18px;overflow-wrap:anywhere;min-height:56px;
  display:grid;place-items:center}
.quiz .qans.hidden{color:transparent;text-shadow:0 0 13px var(--mute);user-select:none}
.quiz .qbtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.quiz .prog{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--mute);margin-top:14px}

/* ---------- kaynak / okul ---------- */
.res{display:flex;flex-wrap:wrap;gap:13px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line2)}
.res input{appearance:none;width:22px;height:22px;min-width:22px;margin-top:2px;border:2px solid var(--mute);
  border-radius:4px;cursor:pointer;position:relative;background:var(--card)}
.res input:checked{background:var(--green);border-color:var(--green)}
.res .body{flex:1 1 200px;min-width:0}
.res .nm{font-size:16px;line-height:1.35;display:block;font-weight:500}
.res input:checked~.body .nm{color:var(--mute);text-decoration:line-through}
.res .why{font-size:15px;color:var(--ink2);display:block;margin-top:5px}
.res .pr{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:14px;white-space:nowrap;margin-left:35px}
.res .pr s{color:var(--mute);font-size:11.5px;margin-left:7px}
.res a,.uni a{color:var(--red);font-size:14.5px;text-decoration:none;
  border-bottom:1px solid color-mix(in srgb,var(--red) 35%,transparent);display:inline-block;margin-top:7px}
.total{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;
  border-top:2px solid var(--ink);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:14px}

.uni{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:14px}
.uni.pick{border-color:var(--green);box-shadow:0 0 0 2px rgba(34,102,74,.13)}
.uhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.uni h3{font-size:20px;line-height:1.2}
.badge{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.05em;
  text-transform:uppercase;padding:5px 10px;border-radius:99px}
.b-yes{background:var(--greenbg);color:var(--green)}
.b-may{background:var(--amberbg);color:var(--amber)}
.b-no{background:var(--redbg);color:var(--red)}
.usub{font-size:15px;color:var(--mute);margin:6px 0 14px}
.spec{margin:0 0 14px}
.spec div{padding:9px 0;border-top:1px solid var(--line2)}
.spec dt{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11.5px;letter-spacing:.05em;
  text-transform:uppercase;color:var(--mute);margin-bottom:3px}
.spec dd{margin:0;font-size:15.5px}
@media(min-width:600px){
  .spec div{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:start}
  .spec dt{margin:0;padding-top:2px}
}
.pm{display:grid;gap:9px;font-size:15.5px}
.pm div{display:flex;gap:10px;align-items:flex-start}
.pm .s{font-weight:700;line-height:1.45;flex:none}
.pm .plus .s{color:var(--green)}
.pm .minus .s{color:var(--red)}

/* ---------- senkron durumu ---------- */
.syncbar{position:fixed;left:0;right:0;bottom:0;background:var(--ink);color:var(--inkfg);
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;padding:9px 16px;
  display:flex;gap:10px;align-items:center;justify-content:center;z-index:40;
  transform:translateY(100%);transition:transform .25s ease;padding-bottom:calc(9px + env(safe-area-inset-bottom))}
.syncbar.show{transform:translateY(0)}
.syncbar.err{background:var(--red);color:#fff}
.sdot{width:8px;height:8px;border-radius:99px;background:currentColor;flex:none}
.sdot.spin{animation:pulse 1s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}

footer{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-size:14.5px;color:var(--ink2)}
footer a{color:var(--red)}
.srcnote{font-size:13.5px;color:var(--mute);margin-top:10px;line-height:1.5}