/* Mano mintys – šilta, stambi, rami. Šviesi tema numatytoji; tamsi – perjungiama. */
:root,:root[data-tema=tamsi]{--fonas:#121417;--pav:#1a1d21;--pav2:#22262b;--linija:#2f343b;--tekstas:#ebe8e1;--blankus:#959ca5;--akc:#c9973f;--akc2:#ddb063;--akct:#14161a;--mel:#7aa3d1;--zal:#6aab73;--gelt:#d4a64b;--raud:#d5604a;--viol:#a39cc0;--sesel:0 1px 0 rgba(255,255,255,.03) inset}
:root[data-tema=sviesi]{--fonas:#e9ebed;--pav:#ffffff;--pav2:#f2f3f5;--linija:#cfd4d9;--tekstas:#15181b;--blankus:#59616a;--akc:#8f621a;--akc2:#a87623;--akct:#ffffff;--mel:#2d5f99;--zal:#2f7d3e;--gelt:#8c6510;--raud:#b23b26;--viol:#5d5490;--sesel:0 1px 2px rgba(0,0,0,.06)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--fonas);color:var(--tekstas)}
body{font:17px/1.45 "Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;min-height:100dvh;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
a{color:var(--akc)}
button,input,textarea,select{font:inherit;color:inherit}
.paslepta{display:none!important}
.virsus{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) max(14px, calc((100% - 520px) / 2 + 14px)) 10px;border-bottom:1px solid var(--linija);background:color-mix(in srgb,var(--fonas) 90%,transparent);backdrop-filter:blur(10px)}
.virsus h1{margin:0;font-size:19px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.virsus .zenklas{width:34px;height:34px;border-radius:6px;background:var(--akc);color:var(--akct);display:grid;place-items:center}
.virsus .desine{margin-left:auto;display:flex;gap:6px;align-items:center}
.ikona{border:1px solid var(--linija);background:var(--pav);border-radius:8px;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;font-size:18px}
main{max-width:520px;margin:0 auto;padding:2px 14px 24px}
.apacia{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;justify-content:space-around;align-items:flex-end;background:var(--pav);border-top:1px solid var(--linija);padding:6px 6px calc(8px + env(safe-area-inset-bottom))}
.apacia a{flex:1;text-align:center;color:var(--blankus);text-decoration:none;font-size:14px;padding:4px 0;position:relative}
.apacia a i{display:grid;place-items:center;height:28px;font-style:normal}
.apacia a.akt{color:var(--akc);font-weight:700}
.apacia a.irasyti i{width:62px;height:62px;margin:-30px auto 2px;border-radius:50%;background:var(--akc);color:var(--akct);display:grid;place-items:center;font-size:28px;border:4px solid var(--fonas)}
@media (min-width:600px){.apacia{left:50%;right:auto;width:520px;transform:translateX(-50%);border:1px solid var(--linija);border-bottom:0;border-radius:8px 8px 0 0}}

h2{font-weight:800;font-size:23px;margin:6px 0 6px;letter-spacing:-.01em}
h3{font-size:19px}
.sub{color:var(--blankus);margin:0 0 14px;font-size:16px}
.kortele{background:var(--pav);border:1px solid var(--linija);border-radius:8px;padding:14px;box-shadow:var(--sesel)}
.btn{background:var(--akc);color:var(--akct);border:0;border-radius:8px;padding:14px 18px;font-weight:700;cursor:pointer;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn.ant{background:transparent;color:var(--tekstas);border:1.5px solid var(--linija)}
.btn.maz{padding:10px 14px;font-size:16px;border-radius:8px;min-height:46px}
.btn[disabled]{opacity:.6;cursor:default}
.eil{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.lauk{width:100%;padding:12px 14px;border-radius:8px;border:1.5px solid var(--linija);background:var(--pav2);color:var(--tekstas);min-height:50px}
.lauk.didelis{font-size:20px;font-weight:700}
textarea.lauk{resize:vertical;min-height:80px}
.lab{font-size:12.5px;color:var(--blankus);font-weight:700;margin:16px 0 6px;letter-spacing:.09em;text-transform:uppercase}
.po{font-size:15px;color:var(--blankus);margin:6px 0 0}
.klaida{background:color-mix(in srgb,var(--raud) 12%,var(--pav));border:1px solid color-mix(in srgb,var(--raud) 45%,var(--linija));border-radius:8px;padding:12px 14px;margin:10px 0;font-size:16px}
.info{background:color-mix(in srgb,var(--gelt) 12%,var(--pav));border:1px solid color-mix(in srgb,var(--gelt) 40%,var(--linija));border-radius:8px;padding:12px 14px;margin:10px 0;font-size:16px}

/* Kalbėti */
.irasymas{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 0 4px}
.mygtukas{width:150px;height:150px;border-radius:50%;border:0;background:var(--akc);color:var(--akct);font-size:56px;cursor:pointer;position:relative;box-shadow:0 0 0 10px color-mix(in srgb,var(--akc) 14%,transparent),0 0 0 22px color-mix(in srgb,var(--akc) 6%,transparent);display:grid;place-items:center;transition:transform .15s}
.mygtukas:active{transform:scale(.96)}
.mygtukas.iraso{background:var(--raud);color:#fff;box-shadow:none}
.mygtukas.iraso::before,.mygtukas.iraso::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:3px solid var(--raud);opacity:.5;animation:bang 1.6s ease-out infinite}
.mygtukas.iraso::after{animation-delay:.8s}
@keyframes bang{from{transform:scale(.92);opacity:.6}to{transform:scale(1.35);opacity:0}}
.laikas{font-size:34px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:30px}
.lygis{display:flex;gap:5px;align-items:center;height:44px;margin-top:6px}
.lygis i{width:6px;border-radius:3px;background:var(--akc);height:8px;transition:height .08s}
.uzrasas{color:var(--blankus);margin-top:28px;font-size:16px;line-height:1.4}
.sukasi{width:24px;height:24px;border-radius:50%;border:3px solid color-mix(in srgb,var(--akc) 30%,transparent);border-top-color:var(--akc);animation:suk .8s linear infinite;display:inline-block;vertical-align:middle}
@keyframes suk{to{transform:rotate(360deg)}}
.rasyti{margin-top:10px;width:100%}
.rasyti summary{color:var(--blankus);cursor:pointer;font-size:16px;list-style:none;text-align:center;padding:8px}
.rasyti summary::-webkit-details-marker{display:none}

/* Rezultatas */
.rezultatas{border:2px solid color-mix(in srgb,var(--akc) 45%,var(--linija));margin-top:16px}
.zod{margin-top:10px}
.zod summary{color:var(--blankus);cursor:pointer;font-size:15px}
.zodziai{font-style:italic;color:var(--blankus);border-left:3px solid var(--akc);padding:4px 12px;margin:8px 0;font-size:16px}
.panasi{border:1.5px dashed color-mix(in srgb,var(--gelt) 60%,var(--linija));border-radius:8px;padding:12px;margin-top:12px;font-size:16px}
.sritys{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--linija);background:var(--pav);border-radius:4px;padding:9px 14px;font-size:16px;cursor:pointer;white-space:nowrap;min-height:44px}
.chip.akt{background:var(--akc);color:var(--akct);border-color:var(--akc)}

/* Būsenos */
.b{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-radius:4px;padding:4px 8px;white-space:nowrap;border:1px solid currentColor}
.b-ideja{background:transparent;color:var(--viol)}
.b-eile{background:transparent;color:var(--mel)}
.b-vyksta{background:transparent;color:var(--gelt)}
.b-gyvai{background:transparent;color:var(--zal)}
.b-sustabdyta,.b-atmesta,.b-tema{background:transparent;color:var(--blankus)}

/* Sąrašas */
.plyt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.plyt button{background:var(--pav);border:1.5px solid var(--linija);border-radius:8px;padding:12px 10px;text-align:left;cursor:pointer}
.plyt b{display:block;font-size:28px;line-height:1.1}
.plyt span{font-size:14px;color:var(--blankus)}
.plyt .p-ideja b{color:var(--viol)}.plyt .p-eile b{color:var(--mel)}.plyt .p-vyksta b{color:var(--gelt)}.plyt .p-gyvai b{color:var(--zal)}
.plyt button.akt{outline:2.5px solid var(--akc)}
.filtrai{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px;scrollbar-width:none}
.filtrai::-webkit-scrollbar{display:none}
.paieska{margin:4px 0 12px}
.sarasas{display:flex;flex-direction:column;gap:8px}
.m{display:block;text-decoration:none;color:inherit;background:var(--pav);border:1.5px solid var(--linija);border-radius:8px;padding:11px 14px}
.m.pamirsta{border-left:5px solid var(--gelt)}
.m.darbas{border-left:5px solid var(--akc)}
.m .v{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.m .pv{font-weight:700;font-size:17.5px;flex:1}
.m .es{color:var(--blankus);font-size:16px;margin-top:4px}
.m .kitas,.kitas{color:var(--akc);font-weight:700;font-size:17px;margin-top:6px}
.m .ap{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:14.5px;color:var(--blankus)}
.m .ap .r{color:var(--gelt);font-weight:700}
.eiga-j{display:inline-block;width:60px;height:8px;border-radius:8px;background:var(--pav2);border:1px solid var(--linija);overflow:hidden}
.eiga-j i{display:block;height:100%;background:var(--zal)}
.tuscia{text-align:center;color:var(--blankus);padding:30px 10px;font-size:17px}

/* Kortelė */
.atgal{color:var(--blankus);text-decoration:none;font-size:16px;display:inline-block;padding:6px 0}
.antraste{margin:6px 0 6px}
.antraste textarea{font-size:22px;font-weight:700;letter-spacing:-.01em;border:1.5px solid transparent;background:transparent;padding:4px 6px;margin-left:-6px;border-radius:8px;width:100%;resize:none;line-height:1.25}
.antraste textarea:focus{border-color:var(--linija);background:var(--pav2);outline:0}
.zingsniai{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.zingsniai li{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--linija)}
.zingsniai li:last-child{border-bottom:0}
.varn{flex:none;width:34px;height:34px;border-radius:8px;border:2px solid var(--akc);background:transparent;color:#fff;font-size:20px;font-weight:800;cursor:pointer;display:grid;place-items:center}
.zingsniai li.atl .varn{background:var(--zal);border-color:var(--zal)}
.zingsniai .zt{flex:1;font-size:16.5px}
.zingsniai li.atl .zt{text-decoration:line-through;color:var(--blankus)}
.trinti{flex:none;border:0;background:transparent;color:var(--blankus);font-size:16px;cursor:pointer;width:36px;height:36px;opacity:.55}
.busenos{display:flex;gap:8px;flex-wrap:wrap}
.eiga{list-style:none;margin:0;padding:0;position:relative}
.eiga::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--linija)}
.eiga li{position:relative;padding:0 0 14px 28px;font-size:16px}
.eiga li::before{content:"";position:absolute;left:1px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--pav2);border:2px solid var(--blankus)}
.eiga li.e-sukurta::before{background:var(--viol);border-color:var(--viol)}
.eiga li.e-busena::before{background:var(--akc);border-color:var(--akc)}
.eiga li.e-papildyta::before{background:var(--gelt);border-color:var(--gelt)}
.eiga li.e-planas::before{background:var(--mel);border-color:var(--mel)}
.eiga .kas{font-weight:700}
.eiga .t{white-space:pre-wrap}
.eiga .lk{font-size:14px;color:var(--blankus)}
.issaugota{color:var(--zal);font-size:15px;font-weight:700}

/* Darbai */
.trys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.trys .kortele{padding:12px}
.trys .kortele b{display:block;font-size:28px}.trys .kortele span{font-size:14px;color:var(--blankus)}
.sv h3{margin:18px 0 8px}
.sv h3:first-child{margin-top:0}
.sv ul{margin:0;padding-left:22px}.sv li{margin:6px 0}
.sv li a{color:inherit;font-weight:700;text-decoration:none}
.sv small{color:var(--blankus)}
.nuor{background:var(--pav);border:1.5px solid var(--linija);border-radius:8px;overflow:hidden}
.nuor-a{display:block;color:inherit;text-decoration:none}
.nuor-a img{display:block;width:100%;max-height:170px;object-fit:cover;background:var(--pav2)}
.nuor-t{padding:10px 14px 4px}
.nuor-sv{font-size:13.5px;color:var(--blankus)}
.nuor-p{font-weight:700;font-size:17px;line-height:1.3;margin-top:2px}
.nuor-d{font-size:15px;color:var(--blankus);margin-top:4px}
.nuor-pas{margin:6px 14px 0;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--gelt) 12%,var(--pav));font-size:15.5px}
.nuor-v{padding:8px 14px 10px}
.apacia a{font-size:12px;letter-spacing:.04em}
.pas{border-top:1px solid var(--linija);padding:10px 0}
.ats{margin-top:6px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--akc) 12%,var(--pav));font-size:15.5px}
.pas-nuor{display:block;text-align:center;margin:22px 0 4px;color:var(--blankus);font-size:15px;text-decoration:none}
.zingsn{margin:0;padding-left:22px}.zingsn li{margin:8px 0}

/* Prisijungimas */
.prisijungimas{max-width:400px;margin:12vh auto 0;text-align:center;padding:0 16px}
.prisijungimas .zenklas{width:72px;height:72px;border-radius:8px;margin:0 auto 14px;background:var(--akc);color:var(--akct);display:grid;place-items:center}
.pranesimas{position:fixed;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--tekstas);color:var(--fonas);padding:12px 18px;border-radius:8px;font-size:16px;z-index:20;box-shadow:var(--sesel);max-width:90vw}


.ik{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mygtukas .ik{width:58px;height:58px;stroke-width:1.6}
.apacia a.irasyti .ik{width:28px;height:28px}
.btn .ik{width:20px;height:20px}
.virsus .zenklas .ik,.prisijungimas .zenklas .ik{width:20px;height:20px;stroke-width:2.2}
.prisijungimas .zenklas .ik{width:36px;height:36px}
.di-pas{margin-top:12px;padding:12px;border:1px dashed color-mix(in srgb,var(--akc) 55%,var(--linija));border-radius:8px}
.di-z{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--linija)}
.di-z span{flex:1;font-size:16px}
.di-z:last-of-type{border-bottom:0}
.kiek{flex:none;font-size:16px;color:var(--akc);font-weight:800;white-space:nowrap}
.zingsniai li.atl .kiek{color:var(--blankus)}
.segm{display:flex;border-bottom:1px solid var(--linija);overflow-x:auto;scrollbar-width:none;gap:2px}
.segm::-webkit-scrollbar{display:none}
.segm button{flex:none;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--blankus);padding:10px 12px 9px;font-size:15px;font-weight:700;cursor:pointer;min-height:46px;white-space:nowrap}
.segm button.akt{color:var(--tekstas);border-bottom-color:var(--akc)}
.segm b{font-weight:800;opacity:.85}
.tema-t{display:inline-flex;align-items:center;gap:6px;color:var(--blankus);font-size:14px}
.tema-t::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--akc);opacity:.8}
select.lauk{appearance:auto}
.chip.nauja-tema{border-style:dashed;color:var(--blankus)}
.b-vyksta{color:var(--gelt)}

/* Filtrai – viena tvarkinga lentelė: kairėje antraštė, dešinėje valdiklis */
.filtras{background:var(--pav);border:1px solid var(--linija);border-radius:8px;margin-top:8px}
.f-eil{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px;padding:10px 12px}
.f-eil+.f-eil{border-top:1px solid var(--linija)}
.f-lab{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--blankus)}
.f-bus{display:flex;flex-wrap:wrap;gap:6px}
.f-bus button{border:1px solid var(--linija);background:transparent;color:var(--tekstas);border-radius:6px;padding:7px 11px;font-size:14.5px;font-weight:600;cursor:pointer;min-height:38px}
.f-bus button.akt{background:var(--akc);border-color:var(--akc);color:var(--akct)}
.f-bus b{font-weight:800;margin-left:4px;opacity:.8}
.f-sel{width:100%;min-height:40px;border:1px solid var(--linija);background:var(--pav2);color:var(--tekstas);border-radius:6px;padding:7px 10px;font-size:15.5px;font-weight:600}
h2{margin-top:14px}
.m .v{align-items:center}
@media (max-width:480px){.f-eil{grid-template-columns:1fr;gap:7px}.f-bus button{padding:7px 9px;font-size:14px}}

/* Apdailinimas (UX peržiūra) */
.btn.pr{flex:none;width:54px;min-height:50px;padding:0}
.varn .ik{width:20px;height:20px;stroke-width:3}
.trinti{width:44px;height:44px;display:grid;place-items:center;opacity:.7}
.trinti .ik{width:18px;height:18px}
.zingsniai li{padding:8px 0}
.dk{display:flex;gap:12px;align-items:center}
.dk .varn{width:42px;height:42px}
.dk-t{flex:1;min-width:0;color:inherit;text-decoration:none}
.m .kitas.x,.dk .kitas{color:var(--tekstas);font-size:18px;line-height:1.3;margin-top:0}
.dk .ap{margin-top:5px}
.dk-pav{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.pirk-nuor{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:13px 14px;min-height:50px;border:1px dashed var(--linija);border-radius:8px;color:var(--tekstas);text-decoration:none;font-weight:700;font-size:16px}
.ap-h{font-size:19px;margin:30px 0 10px;padding-top:18px;border-top:1px solid var(--linija)}
.filtrai .chip{flex:none}
.zingsniai li.atl .varn{color:#fff}
.dk .ap{flex-wrap:nowrap;gap:8px}
.dk-pav{flex:1}
.dk .eiga-j{flex:none}
.dk .ap span:last-child{flex:none}
.dk-pav{white-space:normal;overflow:visible;text-overflow:clip}
.dk .ap{align-items:flex-start}
.dk .eiga-j{margin-top:6px}
/* Būsena = rėmelis (ženkliukas); tema = paprastas tekstas su taškeliu */
.chip.st{border-radius:4px;border:1px solid currentColor;background:transparent;font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:0 13px;min-height:44px}
.chip.st.st-ideja{color:var(--viol)}.chip.st.st-eile{color:var(--mel)}.chip.st.st-vyksta{color:var(--gelt)}.chip.st.st-gyvai{color:var(--zal)}.chip.st.st-sustabdyta,.chip.st.st-atmesta{color:var(--blankus)}
.chip.st.akt{background:color-mix(in srgb,currentColor 20%,transparent);box-shadow:0 0 0 1px currentColor inset}
.sritys:has(.tm){gap:2px 4px}
.chip.tm{border:0;background:transparent;color:var(--tekstas);padding:8px 10px 8px 4px;display:inline-flex;align-items:center;gap:8px}
.chip.tm::before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid var(--blankus);flex:none}
.chip.tm.akt{background:transparent;color:var(--akc);font-weight:800;border:0}
.chip.tm.akt::before{background:var(--akc);border-color:var(--akc)}
.chip.tm.nauja-tema{color:var(--blankus)}
.chip.tm.nauja-tema::before{display:none}
.chip.tm.nauja-tema{padding-left:10px}
.antraste{margin:6px 0 10px}
.busenos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.busenos .chip.st{padding:0 2px;font-size:12.5px;letter-spacing:.04em;text-align:center;white-space:nowrap}
.rasyti summary{min-height:48px;display:flex;align-items:center;justify-content:center;text-decoration:underline;text-underline-offset:4px}
.chip.tm{min-height:40px}
#rezultatas h2{margin-top:18px}
.pk-d{display:block;font-weight:800;font-size:16.5px;color:var(--tekstas);text-decoration:none;padding-bottom:2px}

/* Kainos */
.kiek-m{display:block;font-size:14px;color:var(--blankus);font-weight:400}
.kaina{flex:none;border:0;background:transparent;color:var(--akc);font-weight:800;font-size:16px;cursor:pointer;padding:8px 4px;min-height:44px;white-space:nowrap}
.kaina.di{color:var(--blankus);font-weight:700}
.kaina.tuscia-k{color:var(--blankus);font-weight:600;font-size:14.5px;text-decoration:underline;text-underline-offset:3px}
.iso{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--linija);font-size:16px}
.iso b{font-size:18px}
.iso-did{display:block;margin:0 0 4px;padding:14px;background:var(--pav);border:1px solid var(--linija);border-left:5px solid var(--akc);border-radius:8px}
.iso-did span{display:block;color:var(--blankus);font-size:14px}
.iso-did b{font-size:26px}
.iso-did small{color:var(--blankus);margin-left:8px;font-size:14px}
.kiek-di{color:var(--blankus)}
