:root{color-scheme:dark;--night: #060b1c;--deep: #0c1330;--indigo: #1b2a72;--emerald: #0d6b52;--teal: #4fe0c0;--teal-dim: #2fbfa2;--gold: #e9be6b;--coral: #f2856a;--ivory: #f3f0e6;--ink: #eef1fa;--ink-soft: #9fabcb;--mist: #a6b0cc;--line: rgba(129, 150, 204, .22);--card: rgba(255, 255, 255, .045);--card-hi: rgba(255, 255, 255, .08);--surface-sunken: rgba(0, 0, 0, .25);--track: rgba(255, 255, 255, .09);--placeholder: rgba(159, 171, 203, .5);--panel-solid: rgba(6, 11, 28, .86);--panel-gradient: linear-gradient(170deg, #0d1734, #08111f);--scrim: rgba(2, 5, 14, .68);--glow-1: rgba(27, 42, 114, .7);--glow-2: rgba(13, 107, 82, .5);--err-text: #ffd9cf;--tabbar-h: 84px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,#root{height:100%}html{overflow:hidden;height:100dvh;-webkit-text-size-adjust:100%}body{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5;color:var(--ink);background:radial-gradient(760px 560px at 12% -8%,var(--glow-1),transparent 62%),radial-gradient(660px 500px at 92% 6%,var(--glow-2),transparent 60%),var(--night);background-attachment:fixed;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:8px}.app{position:relative;height:100%;max-width:520px;margin:0 auto;overflow:hidden}@supports (height: 100dvh){.app{height:100dvh}}.page{position:absolute;inset:0;display:flex;flex-direction:column;background:radial-gradient(760px 560px at 12% -8%,var(--glow-1),transparent 62%),radial-gradient(660px 500px at 92% 6%,var(--glow-2),transparent 60%),var(--night)}.page.sub{box-shadow:-18px 0 40px -12px #000000bf}.page.dragging{transition:none}.page.settling{transition:transform .26s cubic-bezier(.22,.7,.28,1)}.swipe-scrim{position:absolute;inset:0;background:#000;pointer-events:none;z-index:0}.topbar{flex:none;display:flex;align-items:center;gap:10px;padding:calc(var(--safe-t) + 12px) 16px 10px;min-height:52px}.topbar h1{font-family:Amiri,Georgia,serif;font-size:20px;font-weight:700;line-height:1.2;letter-spacing:.01em}.topbar .grow{flex:1;min-width:0}.backbtn{flex:none;width:44px;height:44px;margin-left:-6px;display:grid;place-items:center;border-radius:12px;color:var(--ink-soft)}.backbtn:active{background:var(--card)}.scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 16px 22px;display:flex;flex-direction:column;gap:12px}.scroll.center{justify-content:center;align-items:center;text-align:center;gap:15px}.scroll.center>*{width:100%;max-width:360px}.page.has-tabs .scroll{padding-bottom:calc(var(--tabbar-h-gercek, var(--tabbar-h)) + 24px)}.tabbar{position:absolute;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-around;align-items:flex-end;padding:8px 6px calc(10px + var(--safe-b));border-top:1px solid var(--line);background:var(--panel-solid);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tab{display:grid;justify-items:center;gap:3px;width:62px;font-size:9.5px;letter-spacing:.02em;color:var(--ink-soft);padding-top:2px}.tab svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tab.on{color:var(--teal)}.tab-fab{width:46px;height:46px;border-radius:50%;margin-bottom:4px;padding:2px;background:linear-gradient(140deg,var(--teal),var(--gold));box-shadow:0 8px 22px -7px #4fe0c0bf;display:grid;place-items:center}.tab-fab img{width:100%;height:100%;border-radius:50%;display:block}.tab-fab:active{transform:scale(.93)}.mark{position:relative;display:grid;place-items:center;flex:none}.mark img{width:100%;height:100%;border-radius:50%;display:block}.mark.glow img{filter:drop-shadow(0 0 22px rgba(79,224,192,.45))}.mark .star{position:absolute;left:53.2%;top:45.5%;width:44%;height:44%;transform:translate(-50%,-50%);border-radius:50%;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(closest-side,rgba(255,246,214,.95),rgba(255,214,120,.42) 38%,transparent 72%)}@media(prefers-reduced-motion:no-preference){.mark.breathe .star{animation:tw 2.6s ease-in-out infinite}.mark.flare .star{animation:flare .5s ease-out}}@keyframes tw{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes flare{0%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:.55;transform:translate(-50%,-50%) scale(.95)}}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:13px;display:flex;flex-direction:column;gap:8px}.card.glow{border-color:#4fe0c066;background:linear-gradient(150deg,#4fe0c021,#e9be6b0d)}.card.warn{border-color:#f2856a80;background:linear-gradient(150deg,#f2856a26,#e9be6b0d)}.card.tap:active{background:var(--card-hi)}.row{display:flex;align-items:center;gap:9px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.h{font-family:Amiri,Georgia,serif;font-size:19px;font-weight:700;line-height:1.25}.ar{font-family:Amiri,Georgia,serif;direction:rtl;color:var(--gold);line-height:1.75;font-size:20px}.lbl{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);font-weight:700}.nm{font-size:13px;font-weight:600}.sub{font-size:12.5px;color:var(--ink-soft);line-height:1.5}.tiny{font-size:11px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.ellip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip{font-size:11px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);color:var(--mist);white-space:nowrap;background:transparent}button.chip{position:relative;min-height:32px}button.chip:before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}.backbtn{min-width:44px;min-height:44px}.chip.on{background:var(--teal);color:#052018;border-color:transparent;font-weight:700}.chip.gold{border-color:#e9be6b73;color:var(--gold);background:#e9be6b1a}.chip.live{border-color:#4fe0c080;color:var(--teal);background:#4fe0c01a}.chip.red{border-color:#f2856a8c;color:var(--coral);background:#f2856a1f}.chip:active{transform:scale(.96)}.btn{display:block;width:100%;border-radius:13px;padding:13px;text-align:center;font-size:14px;font-weight:700;background:linear-gradient(100deg,var(--teal),var(--teal-dim));color:#04211a}.btn:active{transform:scale(.985);filter:brightness(.95)}.btn:disabled{opacity:.45;transform:none}.btn.ghost{background:none;border:1px solid var(--line);color:var(--ink)}.btn.gold{background:linear-gradient(100deg,var(--gold),#d79a4a);color:#241503}.btn.sm{padding:9px;font-size:12.5px;border-radius:11px}.bar{height:6px;border-radius:999px;background:var(--track);overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--gold));transition:width .4s cubic-bezier(.2,.7,.3,1)}.av{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px;font-weight:700;color:#06121f;background:linear-gradient(140deg,var(--teal),var(--gold));object-fit:cover}.av.lg{width:48px;height:48px;font-size:18px}.field{display:flex;flex-direction:column;gap:6px}.field input,.field textarea,.field select{width:100%;background:var(--surface-sunken);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:16px;outline:none;-webkit-appearance:none;appearance:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#4fe0c08c}.field textarea{resize:vertical;min-height:84px;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:var(--placeholder)}.switch{width:42px;height:25px;border-radius:999px;background:#ffffff1f;position:relative;flex:none;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--ink-soft);transition:transform .2s,background .2s}.switch.on{background:#4fe0c059}.switch.on:after{transform:translate(17px);background:var(--teal)}.list{display:flex;flex-direction:column;gap:10px}.divider{height:1px;background:var(--line);margin:2px 0}.empty{text-align:center;padding:34px 18px;color:var(--ink-soft);font-size:13px;display:flex;flex-direction:column;gap:8px;align-items:center}.err{border:1px solid rgba(242,133,106,.5);background:#f2856a1f;color:var(--err-text);border-radius:12px;padding:11px 13px;font-size:12.5px}.sheet-wrap{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px 16px calc(20px + var(--safe-b))}.sheet-scrim{position:absolute;inset:0;background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .2s ease}.sheet{position:relative;width:100%;max-width:400px;background:var(--panel-gradient);border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:11px;max-height:100%;overflow-y:auto;box-shadow:0 30px 70px -20px #000000d9;animation:pop .24s cubic-bezier(.2,.8,.3,1)}.sheet .grip{display:none}@keyframes pop{0%{opacity:0;transform:scale(.94) translateY(10px)}}@keyframes rise{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}.scroll,.sheet{scrollbar-width:thin;scrollbar-color:rgba(79,224,192,.35) transparent}.scroll::-webkit-scrollbar,.sheet::-webkit-scrollbar{width:7px}.scroll::-webkit-scrollbar-track,.sheet::-webkit-scrollbar-track{background:transparent;margin:6px 0}.scroll::-webkit-scrollbar-thumb,.sheet::-webkit-scrollbar-thumb{border-radius:99px;background:linear-gradient(180deg,#4fe0c073,#e9be6b66);border:2px solid transparent;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover,.sheet::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4fe0c0bf,#e9be6ba6);background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:active{background:var(--teal);background-clip:padding-box}.dial{position:relative;width:232px;height:232px;margin:0 auto;display:grid;place-items:center;touch-action:manipulation;-webkit-user-select:none;user-select:none}.sayac-alt{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:12px}.dial:before{content:"";position:absolute;width:88%;height:88%;border-radius:50%;background:radial-gradient(closest-side,rgba(79,224,192,.16),transparent 72%)}.dial svg{position:absolute;inset:0;transform:rotate(-90deg)}.dial .mark{width:166px;height:166px}.dial:active{transform:scale(.99)}.counter-big{font-family:Amiri,Georgia,serif;font-size:52px;font-weight:700;line-height:1;color:var(--ivory);font-variant-numeric:tabular-nums}.simple .counter-big{font-size:64px}.simple .sub,.simple .tiny{font-size:14px}.simple .nm{font-size:15px}.simple .btn{padding:17px;font-size:16px}.grid-parts{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.pz{aspect-ratio:1;display:grid;place-items:center;border-radius:9px;font-size:11px;font-weight:700;border:1px solid var(--line);color:var(--ink);background:#4fe0c01a;font-variant-numeric:tabular-nums}.pz.taken{background:#ffffff0d;color:var(--ink-soft);opacity:.5;font-weight:500}.pz.mine{background:linear-gradient(140deg,var(--teal),var(--gold));color:#052018;border-color:transparent}.pz.done{background:#4fe0c04d;color:var(--ink)}.uzun-metin{display:flex;flex-direction:column;gap:13px}.uzun-metin p{font-size:14px;line-height:1.75;color:var(--ink);text-align:justify;-webkit-hyphens:auto;hyphens:auto}.uzun-metin .um-baslik{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);font-weight:700;text-align:left;margin-top:8px;padding-bottom:6px;border-bottom:1px solid var(--line)}.uzun-metin .um-nakarat{font-family:Amiri,Georgia,serif;font-size:15px;color:var(--gold);text-align:center;padding:11px 13px;border-radius:13px;background:#e9be6b12;border:1px solid rgba(233,190,107,.22)}.spin{width:26px;height:26px;border-radius:50%;border:2.5px solid rgba(255,255,255,.14);border-top-color:var(--teal);animation:spin .8s linear infinite;margin:30px auto}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:absolute;left:16px;right:16px;bottom:calc(var(--tabbar-h) + var(--safe-b) + 16px);z-index:10000;background:var(--panel-solid);border:1px solid var(--line);border-radius:13px;padding:12px 14px;font-size:13px;text-align:center;animation:rise .22s ease;box-shadow:0 14px 34px -12px #000c}.toast.bad{border-color:#f2856a80;color:var(--err-text)}:root[data-theme=light]{color-scheme:light;--night: #f7f4ec;--deep: #efeae0;--ivory: #1b2338;--ink: #171b2c;--ink-soft: #5d6785;--mist: #6b7490;--line: rgba(70, 80, 130, .18);--card: rgba(20, 25, 50, .035);--card-hi: rgba(20, 25, 50, .06);--teal: #0f9c82;--teal-dim: #0c8570;--gold: #b6772a;--coral: #d1502f;--surface-sunken: rgba(20, 25, 50, .05);--track: rgba(20, 25, 50, .08);--placeholder: rgba(93, 103, 133, .45);--panel-solid: rgba(255, 255, 255, .88);--panel-gradient: linear-gradient(170deg, #ffffff, #f3efe4);--scrim: rgba(40, 35, 25, .28);--glow-1: rgba(27, 42, 114, .05);--glow-2: rgba(13, 107, 82, .04);--err-text: #7a2a12}