:root{
    --bg:#f6f4ef; --card:#fff; --ink:#1f2421; --muted:#6b706c; --line:#e3dfd6;
    --yes:#2f7d4a; --ask:#c98a14; --side:#4a78a8; --accent:#2f5d50; --target:#c62828;
  }
  *{box-sizing:border-box}
  [hidden]{display:none !important}
  body{margin:0;font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink)}
  header{padding:22px 24px 8px;max-width:1600px;margin:0 auto}
  h1{font-size:22px;margin:0 0 4px;letter-spacing:-.01em}
  header p{margin:0;color:var(--muted)}
  header p.tagline{color:var(--ink);font-weight:500;margin-bottom:2px}
  header a{color:var(--accent)}
  .card.promo{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#eef3f0;border-color:#c9dfd0}
  .promo-txt{flex:1;min-width:200px;font-size:14px;line-height:1.45}
  a.btn{display:inline-block;font:inherit;font-size:14px;border-radius:8px;padding:7px 14px;text-decoration:none;white-space:nowrap}
  a.btn.primary{background:var(--accent);border:1px solid var(--accent);color:#fff}
  a.btn.primary:hover{filter:brightness(1.1)}
  .psearch{margin-top:14px}
  .psearch label{display:block;font-size:13.5px;color:var(--muted);margin:0 0 4px}
  .psearch input{width:100%}
  .psearch-res{border:1px solid var(--line);border-radius:8px;margin-top:4px;max-height:300px;overflow:auto;background:#fff}
  .pres{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 10px;cursor:pointer;border-bottom:1px solid var(--line);font-size:14px}
  .pres:last-child{border-bottom:0}
  .pres:hover,.pres.sel{background:#eef3f0}
  .pres small{color:var(--muted);font-size:12px;text-align:right}
  .pres .in{color:var(--yes);font-weight:600}
  .pres-foot{padding:7px 10px;font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
  .smodal{position:fixed;inset:0;background:rgba(15,21,18,.6);z-index:3000;display:flex;align-items:center;justify-content:center;padding:14px}
  .smodal-box{background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:100%;overflow:auto;padding:16px 18px}
  .sopts{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:14px}
  #shareCanvas{display:block;max-width:100%;max-height:56vh;width:auto;height:auto;margin:12px auto 4px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.25)}
  .support{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
  .support-btns{display:flex;gap:8px;flex-wrap:wrap}
  a.btn.coffee{background:#f6ead3;border:1px solid #e3c78f;color:#6b4705;font-weight:600}
  a.btn.coffee:hover{background:#f1dfba}
  a.btn.outline{background:#fff;border:1px solid var(--line);color:var(--ink)}
  a.btn.outline:hover{border-color:var(--accent)}
  .warn-banner{max-width:1600px;margin:10px auto 0;padding:10px 24px}
  .warn-banner > div{background:#fff3cd;border:1px solid #ebd28d;border-radius:10px;padding:10px 14px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:13.5px}
  .mob-tabs{display:none;position:sticky;top:0;z-index:500;background:var(--bg);padding:8px 16px;border-bottom:1px solid var(--line);gap:8px}
  .mob-tabs button{flex:1;font-weight:600;padding:8px 10px}
  .mob-tabs button.on{background:var(--accent);border-color:var(--accent);color:#fff}
  main{max-width:1600px;margin:0 auto;padding:12px 24px 40px;display:grid;grid-template-columns:420px 1fr;gap:18px;align-items:start}
  @media (max-width:900px){
    header{padding:16px 16px 6px}
    .warn-banner{padding:8px 16px 0}
    .mob-tabs{display:flex}
    main{grid-template-columns:1fr;padding:12px 16px 32px}
    body.mob-map section.col-side{display:none}
    body.mob-list section.col-map{position:fixed;left:-200vw;top:0;width:100vw;height:75vh;visibility:hidden;pointer-events:none}
  }
  .card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
  .card + .card{margin-top:16px}
  #drop{border:2px dashed var(--line);border-radius:10px;padding:18px;text-align:center;color:var(--muted);cursor:pointer;transition:.15s}
  #drop.over{border-color:var(--accent);background:#eef3f0}
  #drop b{color:var(--ink)}
  .files{margin:10px 0 0;padding:0;list-style:none;font-size:13px;color:var(--muted);max-height:190px;overflow:auto}
  .files li{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
  .files li > .fmain{display:flex;justify-content:space-between;gap:8px;width:100%;align-items:baseline}
  .row{display:flex;align-items:center;gap:10px;margin:10px 0 0;font-size:14px}
  .row label{flex:1}
  .row input[type=range]{flex:1.3}
  .row output{width:52px;text-align:right;font-variant-numeric:tabular-nums}
  .hint{font-size:12.5px;color:var(--muted);margin:8px 0 0}
  details.settings{margin-top:12px}
  details.settings summary{cursor:pointer;color:var(--muted);font-size:14px}
  button{font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 12px;cursor:pointer}
  button:hover{border-color:var(--accent)}
  button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
  button:disabled{opacity:.5;cursor:default}
  button.share{background:#c35d1c;border-color:#c35d1c;color:#fff;font-weight:600}
  button.share:hover{background:#a94f16;border-color:#a94f16}
  button.small{padding:3px 9px;font-size:13px}
  button.danger{color:#a33}
  button.link{border:0;background:none;padding:0;color:var(--accent);text-decoration:underline;font-size:12.5px}
  select, input[type=search], input[type=text], input[type=date]{font:inherit;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
  #status{font-size:13.5px;color:var(--muted);margin-top:10px;min-height:20px}
  #status.err{color:#a33}
@media (min-width:901px){section.col-map{align-self:stretch}}
  #map{height:calc(100vh - 32px);min-height:560px;border-radius:12px;border:1px solid var(--line);position:sticky;top:16px}
  @media (max-width:900px){#map{height:calc(100vh - 96px);min-height:440px;position:relative;top:0}}
  #map.full{position:fixed;inset:0;height:100vh;min-height:0;border-radius:0;border:0;z-index:1000}
  .bm-gray{filter:grayscale(1) contrast(.92) brightness(1.06)}
  .bm-dark{filter:grayscale(1) invert(1) brightness(.9) contrast(1.1)}
  .pk-hit{display:flex;align-items:center;justify-content:center;cursor:pointer}
  .pk{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid var(--c);filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff)}
  .pk.big{border-left-width:8px;border-right-width:8px;border-bottom-width:14px}
  .pk.dim{opacity:.55}
  .pk-target-wrap{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center}
  .pk-target-ring{position:absolute;inset:2px;border:2px dashed var(--target);border-radius:50%;background:rgba(198,40,40,.08)}
  .pk-target{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:13px solid var(--target);filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);transform:translateY(-1px)}
  .map-btn{background:#fff;border:2px solid rgba(0,0,0,.2);border-radius:6px;padding:5px 9px;font:13px system-ui,sans-serif;cursor:pointer;color:var(--ink)}
  .map-btn:hover{background:#f4f4f4}
  .map-toggles{display:flex;gap:6px}
  .map-btn.tg{opacity:.75}
  .map-btn.tg.on{background:var(--accent);border-color:var(--accent);color:#fff;opacity:1}
  .map-btn.tg::before{content:"○ "}
  .map-btn.tg.on::before{content:"● "}
  #map.z-mid .pk, #map.z-mid .pk-target-wrap{transform:scale(.75)}
  #map.z-low .pk, #map.z-low .pk-target-wrap{transform:scale(.55)}
  .legend{background:rgba(255,255,255,.92);border-radius:8px;padding:6px 9px;font:12px/1.6 system-ui,sans-serif;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.2)}
  .legend i{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid var(--c);margin-right:6px}
  .map-note{background:rgba(255,255,255,.95);border-radius:8px;padding:6px 10px;font:13px/1.4 system-ui,sans-serif;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.25);max-width:360px}
  .map-note.err{color:#a33}
  .hl-note{margin-top:6px}
  .hl-acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
  .hl-acts button{font:12.5px system-ui,sans-serif;padding:3px 9px;border-radius:7px;border:1px solid var(--line);background:#fff;cursor:pointer}
  .hl-acts button:hover{border-color:var(--accent)}
  .hl-acts button.go{background:var(--accent);border-color:var(--accent);color:#fff}
  .chip{display:inline-block;margin:2px 4px 0 0;padding:1px 8px;border-radius:20px;border:1px solid #f0b27a;background:#fff;color:#b44d00;text-decoration:none;font-size:12px}
  .chip.on{background:#ef6c00;border-color:#ef6c00;color:#fff}
  .badge-new{display:inline-block;font-size:11px;font-weight:600;padding:0 6px;border-radius:12px;background:#e8f0fe;color:#1565c0;vertical-align:middle}
  .badge-old{display:inline-block;font-size:11px;font-weight:600;padding:0 6px;border-radius:12px;background:#fff3e0;color:#b44d00;vertical-align:middle}
  .hl-sw{display:inline-block;width:20px;height:4px;border-radius:2px;vertical-align:middle;margin-right:6px}
  .hl-sw.dash{height:0;border-top:3px dashed #1565c0;background:none}
  .hl-x{border:0;background:none;cursor:pointer;font-size:14px;color:var(--muted);padding:0 2px}
  .trow.hl{background:#eef4fb;box-shadow:inset 3px 0 0 #1565c0;padding-left:6px}
  .pop b{font-size:14px}
  .pop .sub{color:var(--muted);font-size:12px;margin:2px 0 8px}
  .pop .btns{display:flex;gap:6px;flex-wrap:wrap}
  .pop button{font:13px system-ui,sans-serif;padding:4px 10px;border-radius:7px;border:1px solid var(--line);background:#fff;cursor:pointer}
  .pop button.go{background:var(--yes);border-color:var(--yes);color:#fff}
  h2{font-size:16px;margin:0 0 4px;display:flex;align-items:center;gap:8px}
  h3{font-size:14px;margin:14px 0 2px;display:flex;align-items:center;gap:8px}
  .n{font-weight:500;color:var(--muted)}
  .dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}
  .peak{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 0;border-bottom:1px solid var(--line)}
.peak.cur{background:#fbf3df;box-shadow:inset 3px 0 0 var(--ask);padding-left:8px}
  .q-body{max-height:440px;overflow:auto;padding-right:4px}
  @media (max-width:900px){.q-body{max-height:55vh}}
  .peak .nm{font-weight:600;cursor:pointer}
  .peak .nm::after{content:" ⌖";font-weight:400;color:var(--muted);font-size:12px}
  .peak .nm:hover{text-decoration:underline}
  .peak .nm small{font-weight:400;color:var(--muted)}
  .peak .meta{grid-column:1/2;font-size:12.5px;color:var(--muted)}
  .peak .act{grid-row:1/3;grid-column:2;display:flex;gap:6px;align-items:center}
  .peak .act button.on-yes{background:var(--yes);border-color:var(--yes);color:#fff}
  .peak .act button.on-no{background:#555;border-color:#555;color:#fff}
  .tag{font-size:11.5px;padding:1px 7px;border-radius:20px;background:#f0eee8;color:var(--muted);white-space:nowrap}
  .tag.top{background:#e3f1e7;color:var(--yes)}
  .tag.trav{background:#f6ead3;color:#8a5d06}
  .tag.new{background:var(--yes);color:#fff}
  .count{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
  main > section, .card{min-width:0}
  .files li > .fmain > span:first-child{min-width:0;overflow-wrap:anywhere}
  .files li > .fmain > span:last-child{flex:none}
  .peak, .trow{grid-template-columns:minmax(0,1fr) auto}
  .peak .nm, .peak .meta, .trow .tn, .trow .tm{min-width:0;overflow-wrap:anywhere}
  .trow.stack{grid-template-columns:minmax(0,1fr)}
  .trow.stack .ta{grid-row:auto;grid-column:1;margin-top:4px;flex-wrap:wrap}
  .dupbox .between{flex-wrap:wrap}
  .dupbox{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fbf3df;border:1px solid #f0dfb4}
  .dupbox details.settings summary{color:var(--ink)}
  .trow{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13.5px}
  .trow .tn{cursor:pointer;font-weight:600}
  .trow .tn:hover{text-decoration:underline}
  .trow .tm{grid-column:1/2;color:var(--muted);font-size:12.5px}
  .trow .ta{grid-row:1/3;grid-column:2;display:flex;gap:5px;align-items:center}
  .trow.dup .tn{color:var(--muted);text-decoration:line-through}
  .tag.dup{background:#eee;color:#666}
  .date-edit{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:5px;padding:6px 8px;background:#f7f6f2;border-radius:8px;font-size:12.5px;width:100%}
  .date-edit input[type=text]{width:112px;padding:3px 7px;font-size:12.5px}
  .date-edit input[type=date]{padding:2px 6px;font-size:12px}
  .yrow{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-bottom:1px solid var(--line);cursor:pointer;border-radius:6px;font-size:13px}
  .yrow:hover{background:#f7f6f2}
  .yrow.on{background:#e3f1e7;font-weight:600}
  .proj-wrap{margin-top:10px;display:flex;flex-direction:column;gap:8px}
  .proj-box{border:1px solid var(--line);border-radius:10px;background:#faf9f6;overflow:hidden}
  .proj-box > summary{list-style:none;cursor:pointer;padding:10px 12px;display:flex;flex-direction:column;gap:6px;user-select:none}
  .proj-box > summary::-webkit-details-marker{display:none}
  .proj-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
  .proj-title{font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px}
  .proj-title .tw{display:inline-block;font-size:12px;color:var(--muted);transition:transform .15s}
  .proj-box:not([open]) .proj-title .tw{transform:rotate(-90deg)}
  .proj-score{font-size:13px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}
  .proj-bar{height:6px;border-radius:99px;background:#e6e2d8;overflow:hidden}
  .proj-bar > i{display:block;height:100%;background:var(--yes);border-radius:99px;transition:width .25s}
  .proj-body{padding:0 12px 10px;border-top:1px solid var(--line);background:#fff}
  .proj-ctrl{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 0 6px}
  .proj-tabs{display:flex;gap:4px;flex-wrap:wrap}
  .proj-tabs button{padding:2px 8px;font-size:12px;border-radius:20px}
  .proj-tabs button.on{background:var(--accent);border-color:var(--accent);color:#fff}
  .proj-map-btn.on{background:#fdecea;border-color:var(--target);color:var(--target)}
  .proj-list{max-height:290px;overflow:auto;border-top:1px solid var(--line)}
  .prow{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:2px 8px;padding:6px 2px;border-bottom:1px solid var(--line);align-items:center;font-size:13px}
  .prow:last-child{border-bottom:0}
  .prow .plp{color:var(--muted);font-size:11.5px;text-align:right;font-variant-numeric:tabular-nums}
  .prow .pnm{font-weight:600;cursor:pointer;overflow-wrap:anywhere}
  .prow .pnm:hover{text-decoration:underline}
  .prow .pmeta{font-size:11.5px;color:var(--muted);font-weight:400}
  .prow .pst{font-size:12px;white-space:nowrap}
  .prow.done .pst{color:var(--yes);font-weight:600}
  .prow.todo .pnm{color:var(--ink)}
  .prow.todo .pst{color:var(--target)}
  .j-sec-title{margin:14px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}
  .jfilters{display:flex;gap:8px;margin:8px 0 4px;flex-wrap:wrap}
  .jfilters input[type=search]{flex:1;min-width:150px}
  .bkp-remind{margin-top:10px;padding:8px 10px;border-radius:8px;background:#eef5f0;border:1px solid #c9dfd0;font-size:12.5px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
  .range{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:600;margin:12px 0 0;padding:2px 0 3px;border-bottom:1px solid var(--line);cursor:pointer;user-select:none;display:flex;gap:6px;align-items:baseline}
  .range:hover{color:var(--ink)}
  .range .tw{display:inline-block;width:10px;transition:transform .15s}
  .range.shut .tw{transform:rotate(-90deg)}
  .range .rc{font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0}
  #journalSummary{cursor:pointer}
  .tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
  .empty{color:var(--muted);font-size:14px;padding:8px 0}
  .between{display:flex;justify-content:space-between;align-items:center;gap:10px}
  footer{max-width:1600px;margin:0 auto;padding:0 24px 30px;font-size:12px;color:var(--muted)}
  footer a{color:inherit}
  .pop .man-date{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
  .pop .man-date .md-lab{flex-basis:100%;font-size:11px;color:var(--muted)}
  .pop .man-date .md-txt{flex:1 1 120px;min-width:0}

  /* dawne style wpisane w kod strony (CSP bez 'unsafe-inline'); !important = ta sama siła co styl w elemencie */
  .is-1{text-align:center !important}
  .is-2{justify-content:center !important}
  .is-3{margin:0 !important}
  .is-4{margin:0 0 8px !important}
  .is-5{display:flex !important;gap:6px !important;align-items:center !important}
  .is-6{background:var(--yes) !important}
  .is-7{margin-top:2px !important;margin-bottom:6px !important}
  .is-8{display:flex !important;gap:6px !important}
  .is-9{background:var(--side) !important}
  .is-10{background:var(--ask) !important}
  .is-11{font:12px/1.45 ui-monospace,Menlo,Consolas,monospace !important;white-space:pre !important;overflow:auto !important;max-height:260px !important;background:#f7f6f2 !important;border:1px solid var(--line) !important;border-radius:8px !important;padding:8px !important;margin:8px 0 0 !important}
  .is-12{border:0 !important;border-top:1px solid var(--line) !important;margin:12px 0 6px !important}
  .is-13{max-height:340px !important;overflow:auto !important}
  .is-14{width:100% !important;margin:8px 0 4px !important}
  .is-15{margin-top:4px !important}
  .is-16{margin-top:6px !important}
  .is-17{margin-top:8px !important}
  .is-18{flex-basis:100% !important;font-size:11px !important;color:var(--muted) !important;margin-top:2px !important}
  .is-19{color:var(--target) !important;font-weight:600 !important}
  .is-20{margin:8px 0 0 !important}
  .is-21{white-space:nowrap !important}
  .is-22{font-weight:600 !important;color:var(--ink) !important}
  .is-23{opacity:.6 !important}
  .is-24{--c:transparent !important;border:0 !important;width:10px !important;height:10px !important;border-radius:50% !important;outline:2px dashed #2f7d4a !important;outline-offset:-2px !important}
  .is-25{display:inline-block !important;width:46px !important;height:6px !important;border-radius:3px !important;background:linear-gradient(90deg,#c2185b,#ee5414,#ff9600,#ffd600) !important}
  .is-26{display:flex !important;align-items:center !important;gap:6px !important;margin-top:2px !important}
  .is-27{--c:#c62828 !important}
  .is-28{--c:#8a8f8b !important}
  .is-29{--c:#4a78a8 !important}
  .is-30{--c:#c98a14 !important}
  .is-31{--c:#2f7d4a !important}
  .is-32{background:#ef6c00 !important;opacity:.75 !important}
  .is-33{margin:3px 0 0 !important}
  .is-34{min-width:0 !important}
  .is-35{display:flex !important;gap:8px !important;align-items:flex-start !important}
  .is-36{margin:4px 0 0 !important}