:root{--bg: #F4F2F9;--surface: #FFFFFF;--sunk: #F8F7FC;--ink: #1F1B2D;--muted: #6F6A86;--faint: #A6A1BA;--line: #E7E3F1;--brand-1: #FF8A1F;--brand-2: #FF2D7A;--brand-3: #8B3DFF;--brand-4: #2F6BFF;--brand-5: #19C8F5;--pink: #FF3B6B;--cyan: #0FB5C2;--sun: #F2A10C;--violet: #7C5CFF;--green: #16A34A;--red: #E11D48;--t-hediye: #FF3B6B;--t-yorum: #7C5CFF;--t-katilim: #0FB5C2;--t-begeni: #F25D8E;--t-takip: #16A34A;--t-paylasim: #F2A10C;--t-abone: #B45309;--display: "Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;--body: "Manrope", "Segoe UI", system-ui, sans-serif;--mono: "DM Mono", ui-monospace, Menlo, monospace;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink)}body{font:500 14px/1.45 var(--body)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 12px;font-weight:700;transition:border-color .12s,background .12s,transform .1s}button:hover{border-color:var(--violet)}button:active{transform:translateY(1px)}button.dark{background:var(--ink);border-color:var(--ink);color:#fff}button.dark:hover{background:var(--violet);border-color:var(--violet)}button.ghost{background:transparent}button.sm{padding:4px 9px;font-size:12px}input,select{border:1px solid var(--line);background:var(--sunk);border-radius:10px;padding:8px 10px;min-width:0}:focus-visible{outline:2px solid var(--violet);outline-offset:2px}a{color:var(--violet);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.av{display:inline-block;width:30px;height:30px;border-radius:9px;object-fit:cover;flex:none;background:var(--sunk)}.av-i{display:inline-grid;place-items:center;font:800 13px/1 var(--display);color:var(--ink)}.logo{display:inline-flex;align-items:center;gap:8px;font:800 20px/1 var(--display);letter-spacing:-.03em;color:var(--ink)}.logo img{width:1.7em;height:1.7em;border-radius:.42em;flex:none;background:#000;box-shadow:0 .2em .6em -.25em #5028a08c}.logo b{font-weight:800}.logo span{background:linear-gradient(90deg,var(--brand-1),var(--brand-2) 45%,var(--brand-4));-webkit-background-clip:text;background-clip:text;color:transparent}.switch{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;cursor:pointer;user-select:none}.switch input{appearance:none;width:36px;height:20px;border-radius:20px;background:var(--line);position:relative;cursor:pointer;transition:background .15s;padding:0;border:0}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}.switch input:checked{background:var(--green)}.switch input:checked:after{transform:translate(16px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}body{padding-inline:16px;padding-block:18px 48px;font-size:15px;line-height:1.55}.wrap{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.top .logo{margin-right:auto}.live{display:inline-flex;align-items:center;gap:8px;font:700 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 12px}.live i{width:8px;height:8px;border-radius:50%;background:var(--faint)}.live.on{color:var(--red)}.live.on i{background:var(--red);animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #e11d4880}70%{box-shadow:0 0 0 8px #e11d4800}to{box-shadow:0 0 #e11d4800}}.cta{display:inline-flex;align-items:center;background:var(--ink);color:#fff;padding:9px 16px;border-radius:12px;font-weight:800}.cta:hover{background:var(--pink);text-decoration:none}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:end}@media(max-width:860px){.hero{grid-template-columns:minmax(0,1fr)}}.hero h1{font:800 clamp(34px,5.6vw,64px)/.98 var(--display);letter-spacing:-.035em;margin:0 0 12px;text-wrap:balance}.hero h1 span{background:linear-gradient(90deg,var(--brand-1),var(--brand-2) 35%,var(--brand-3) 65%,var(--brand-4));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin:0;color:var(--muted);max-width:58ch;font-size:17px}.stats{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px}@media(max-width:480px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-width:0}.stat small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.stat b{display:block;font:500 clamp(18px,2.6vw,24px)/1.15 var(--mono);font-variant-numeric:tabular-nums}.stat b em{font-style:normal;font-size:12px;color:var(--muted)}.stat .bar{height:4px;border-radius:4px;background:#ece8f6;margin-top:6px;overflow:hidden}.stat .bar div{height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.board{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:0 24px 60px -36px #503ca073}.board .tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:2px 2px 12px}.find{display:flex;gap:8px;flex:1 1 280px;min-width:0}.find input{flex:1;min-width:0;font-size:15px;padding:10px 12px;border-radius:12px}.zoom{display:flex;gap:6px}.zoom button{width:42px;padding:10px 0;font-family:var(--mono)}.zoom button.wide{width:auto;padding:10px 12px;font-family:var(--body)}.view{position:relative;border-radius:14px;overflow:hidden;background:#fbfafe;touch-action:none}.view canvas{display:block;width:100%;aspect-ratio:16 / 9;max-width:100%;cursor:grab}.view canvas.drag{cursor:grabbing}.view .hint{position:absolute;right:12px;top:12px;font-size:12px;color:var(--muted);background:#ffffffe0;border-radius:999px;padding:5px 10px;pointer-events:none}.view .err{position:absolute;inset:0;display:grid;place-items:center;color:var(--red);font-weight:700}.msg{font-size:13px;color:var(--muted);min-height:20px;padding:8px 4px 0}.msg.err{color:var(--red)}.arrivals{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;gap:6px;max-width:calc(100% - 24px)}.arrive{display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--c);border-radius:999px;padding:4px 12px 4px 4px;font-size:13px;font-weight:600;box-shadow:0 10px 24px -14px #3c1e7880;animation:ar .45s cubic-bezier(.2,1.4,.4,1);text-align:left}.arrive .av{width:26px;height:26px;border-radius:50%;font-size:11px}.arrive b{font-weight:800}@keyframes ar{0%{opacity:0;transform:translateY(-10px) scale(.94)}to{opacity:1;transform:none}}.card-sel{position:absolute;left:12px;bottom:12px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px 12px 10px 10px;box-shadow:0 20px 40px -20px #3c1e7873;width:380px;max-width:calc(100% - 24px);animation:ar .35s cubic-bezier(.2,1.3,.4,1)}.card-sel .av{border-radius:14px;font-size:26px}.card-sel b{display:block;font:800 18px/1.15 var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-sel span{display:block;font-size:13px;color:var(--muted)}.card-sel em{display:inline-block;margin-top:4px;font:700 11px/1 var(--body);font-style:normal;letter-spacing:.08em;color:#fff;border-radius:999px;padding:4px 8px}.card-sel .x{align-self:start;width:30px;height:30px;padding:0;border-radius:9px;font-size:16px;line-height:1}.how,.sizes{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:20px}.how-head{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:8px 28px;align-items:baseline}@media(max-width:760px){.how-head{grid-template-columns:minmax(0,1fr)}}.how-head h2{font:800 28px/1.1 var(--display);letter-spacing:-.02em;margin:0;white-space:nowrap}.how-head p{margin:0;color:var(--muted);max-width:65ch}.how code{font:400 13px var(--mono);background:var(--sunk);border-radius:5px;padding:1px 5px;color:var(--ink)}.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}@media(max-width:1080px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.steps{grid-template-columns:minmax(0,1fr)}}.steps li{counter-increment:s;background:var(--sunk);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px}.steps li:before{content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;font:800 14px var(--display);margin-bottom:4px;background:linear-gradient(160deg,var(--brand-1),var(--brand-2) 45%,var(--brand-3))}.steps b{font:800 16px/1.25 var(--display);letter-spacing:-.01em}.steps span{color:var(--muted);font-size:14px;line-height:1.5}.tiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}@media(max-width:1100px){.tiers{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:520px){.tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}.tiers li{position:relative;display:flex;flex-direction:column;gap:3px;padding:14px 12px 12px;border-radius:16px;background:var(--sunk);border:1px solid transparent;transition:transform .15s,border-color .15s,background .15s}.tiers li:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tc) 40%,var(--line));background:color-mix(in srgb,var(--tc) 6%,#fff)}.blockwrap{height:84px;display:flex;align-items:flex-end;margin-bottom:8px}.pblock{--u: 6.6px;display:inline-grid;gap:1.4px}.pblock i{width:var(--u);height:var(--u);border-radius:1.6px}.tiers li:hover .pblock i{animation:pop .5s ease-out both}.tiers li:hover .pblock i:nth-child(3n){animation-delay:.05s}.tiers li:hover .pblock i:nth-child(4n+1){animation-delay:.1s}@keyframes pop{0%{transform:scale(.4);opacity:.3}70%{transform:scale(1.15)}to{transform:none;opacity:1}}.tiers b{font:800 15px/1.2 var(--display)}.tiers .dim{font:500 12px var(--mono);color:var(--muted)}.tiers .val{align-self:flex-start;margin-top:6px;font:700 12px/1 var(--body);color:#fff;background:var(--tc);border-radius:999px;padding:5px 9px}.tiers .ex{font-size:12.5px;color:var(--muted);margin-top:2px}.sizes .note{margin:0;color:var(--muted);font-size:13.5px;max-width:80ch}.lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}@media(max-width:680px){.lower{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;min-width:0}.panel h2{font:800 16px/1 var(--display);margin:0 0 14px;display:flex;justify-content:space-between;align-items:baseline}.panel h2 small{font:500 11px var(--mono);color:var(--muted)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.list li{display:grid;grid-template-columns:24px 36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px;border-radius:12px;cursor:pointer}.list li:hover{background:var(--sunk)}.list.recent li{grid-template-columns:36px minmax(0,1fr) auto}.list li.empty{display:block;cursor:default;color:var(--muted)}.list .n{font:500 12px var(--mono);color:var(--faint);text-align:center}.list li:first-child .n{color:var(--sun)}.list .av{border-radius:10px;font-size:15px}.list .nm{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.list .nm em{display:block;font-style:normal;font-weight:500;font-size:12px;color:var(--muted)}.list .v{font:500 13px var(--mono);font-variant-numeric:tabular-nums}footer{color:var(--muted);font-size:13px;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}