*{box-sizing:border-box} :root{--ink:#263b39;--muted:#737c73;--accent:#bc6646;--paper:#f6f4ee;--line:rgba(38,59,57,.14)}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:#ece5d8}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}button:hover{filter:brightness(.96)}[hidden]{display:none!important}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#world.dragging{cursor:grabbing}.atmosphere{position:fixed;inset:0;background:linear-gradient(180deg,rgba(245,243,236,.9),transparent 29%,transparent 75%,rgba(237,232,219,.9));pointer-events:none}.topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:34px;padding:26px 38px;z-index:5}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-size:29px;font-weight:700;letter-spacing:-1.5px;white-space:nowrap}.brand svg{width:30px;height:30px;fill:var(--accent)}.brand-light{font-weight:400}.brand sup{font-size:9px;position:relative;top:-12px;margin-left:4px;letter-spacing:0}.search{margin:auto;width:min(470px,40vw);display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.95);border-radius:30px;box-shadow:0 5px 25px #8278620a;backdrop-filter:blur(14px)}.search svg{width:19px;height:19px;stroke:var(--ink);fill:none;stroke-width:1.5}.search input{width:100%;border:0;background:transparent;outline:none;font:inherit;font-size:13px;color:var(--ink)}.search input::placeholder{color:#80857c}.search kbd{font:12px monospace;border:1px solid #d6d8d0;border-radius:4px;padding:1px 5px;color:#929589}.top-actions{display:flex;gap:22px;align-items:center}.soft-button{background:none;display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap}.soft-button>span:first-child{font-size:26px;font-weight:300}.soft-button b{font-size:10px;background:var(--ink);color:#fff;border-radius:20px;min-width:18px;padding:3px 5px}.soft-button[aria-pressed=true]{color:var(--accent)}.preview-tag{font-size:9px;letter-spacing:1.8px;border:1px solid #c1c8b9;padding:7px 10px;border-radius:4px;color:#6c7969}.intro{position:fixed;left:44px;top:137px;z-index:3;pointer-events:none}.intro:before{content:"";position:absolute;inset:-40px -80px -20px -60px;background:radial-gradient(ellipse at 30% 40%,#f1eee4e8 0,#f1eee49c 45%,transparent 70%);z-index:-1;pointer-events:none}.eyebrow{font-size:10px;font-weight:600;letter-spacing:3px;display:flex;gap:8px;align-items:center}.eyebrow i{width:5px;height:5px;background:var(--accent);border-radius:50%}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4.5vw,65px);line-height:1.04;font-weight:400;letter-spacing:-2px;margin:19px 0 18px}h1 em{font-weight:400;color:var(--accent)}.intro p{font-size:13px;line-height:1.8;color:#6d776e;margin:0 0 25px}#category-toggle{pointer-events:auto;display:flex;gap:10px;align-items:center;background:#fffdf8df;border:1px solid #e1e1d6;border-radius:25px;padding:13px 17px;font-size:12px;box-shadow:0 4px 15px #343b3106}#category-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.2}#category-toggle>span:last-child{margin-left:10px}#result{font-size:10px;margin:15px 2px;color:#7b8178;letter-spacing:.4px}#category-panel{position:absolute;top:calc(100% - 25px);left:0;width:280px;background:#fffdf7f7;backdrop-filter:blur(18px);border:1px solid #fff;border-radius:18px;padding:17px 10px;box-shadow:0 15px 60px #273d3220;pointer-events:auto;max-height:calc(100vh - 300px);overflow:auto}.panel-title{text-transform:uppercase;font-size:9px;letter-spacing:2px;color:#8c9087;padding:3px 12px 12px}#category-list button{display:flex;width:100%;background:transparent;text-align:left;justify-content:space-between;padding:10px 13px;border-radius:8px;font-size:12px}#category-list button.active{background:#e9eee6;color:#254a36}#category-list button b{font-size:10px;color:#899184;font-weight:400}.zoom-tools{position:fixed;right:30px;top:43%;border:1px solid #ffffffcd;background:#fcfaf2b8;backdrop-filter:blur(12px);border-radius:25px;padding:9px 5px;display:flex;align-items:center;flex-direction:column;z-index:3;box-shadow:0 4px 25px #4144370c}.zoom-tools button{background:none;width:34px;height:32px;font-size:22px;font-weight:300}.zoom-tools hr{border:0;border-top:1px solid #d5d7c9;width:22px;margin:8px 0}.zoom-track{height:90px;width:30px;display:flex;align-items:center;justify-content:center}.zoom-track input{writing-mode:vertical-lr;direction:rtl;width:3px;height:85px;accent-color:var(--ink);cursor:pointer}footer{position:fixed;bottom:25px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:4;pointer-events:none}footer>*{pointer-events:auto}.bottom-note{position:relative;font-size:10px;color:#4c5e51;line-height:1.9;min-width:255px;padding-left:14px}.bottom-note small{display:block;font-size:9px;color:#858b7c}.live-dot{position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:100%;background:#748f72}.view-switch{display:flex;gap:3px;border:1px solid #fff8;background:#faf8f0d4;box-shadow:0 8px 30px #3d493814;padding:6px;border-radius:32px;backdrop-filter:blur(16px)}.view-switch button{display:flex;align-items:center;gap:8px;padding:13px 22px;border-radius:25px;background:none;font-size:12px}.view-switch svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.3}.view-switch button.active{background:var(--ink);color:#fff;box-shadow:0 3px 8px #253a2d22}.tour{border-radius:30px;background:#fffdf4c9;border:1px solid #fff8;padding:14px 20px;font-size:11px;min-width:160px}.tour span{font-size:10px;margin-right:7px}.tour.running{background:var(--ink);color:white}#hover-label{position:fixed;z-index:6;background:#fffdf3ed;border:1px solid #fff;border-radius:10px;padding:11px 15px;box-shadow:0 10px 30px #33413222;pointer-events:none;max-width:250px;font-size:12px}#hover-label small{display:block;font-size:10px;margin-top:4px;color:#7e8777}#grid{position:fixed;inset:151px 12px 95px;z-index:2;overflow-y:auto;overflow-x:hidden;padding:8px;scrollbar-width:thin;scrollbar-color:#b7bca8 transparent}.masonry-content{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:8px;align-items:start}.art-column{min-width:0}.art-card{position:relative;break-inside:avoid;margin-bottom:8px;display:block;background:#e8e5dc;padding:0;border-radius:9px;overflow:hidden;width:100%;text-align:left;transition:filter .2s}.art-card:hover{filter:brightness(1.03)}.art-card img{width:100%;height:auto;display:block}.art-card span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#172b26d9);padding:34px 14px 13px;font-size:12px;color:white;opacity:0;transition:opacity .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.art-card:hover span,.art-card:focus-visible span{opacity:1}.art-card small{display:none}.grid-mode .zoom-tools,.grid-mode .tour{visibility:hidden}.grid-mode .atmosphere{background:#eeeae0}.grid-mode .intro:before{display:none}#empty{position:fixed;z-index:2;left:35%;top:42%;max-width:430px}#empty h2{font-family:Georgia,serif;font-weight:400;font-size:32px}#empty p{font-size:13px;line-height:1.7;color:var(--muted)}#empty button{background:var(--ink);color:#fff;padding:12px 20px;border-radius:24px;margin-top:12px}dialog{width:min(1150px,92vw);height:min(850px,90vh);border:1px solid #fff8;border-radius:14px;padding:0;overflow:hidden;color:var(--ink);background:#f7f5ef;box-shadow:0 30px 100px #1118}dialog::backdrop{background:#142321bd;backdrop-filter:blur(12px)}.detail-art{height:calc(100% - 120px);padding:25px 60px 10px;display:flex;justify-content:center;align-items:center;background:radial-gradient(#edeae1,#e2ded2)}.detail-art img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 12px 35px #1b231d22}.close{position:absolute;top:14px;right:16px;background:#ffffffbd;border-radius:50%;width:35px;height:35px;font-size:26px;z-index:3}.detail-arrow{position:absolute;top:40%;width:38px;height:60px;background:transparent;font-size:42px;font-family:Georgia,serif}.previous{left:8px}.next{right:8px}.detail-info{height:120px;padding:19px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.detail-info small{text-transform:uppercase;font-size:9px;letter-spacing:1.8px;color:var(--accent)}.detail-info h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:7px 0}.detail-info p{font-size:10px;color:var(--muted);margin:0}#save-art{border-radius:25px;background:var(--ink);color:white;padding:15px 22px;font-size:12px;white-space:nowrap}#save-art.saved{background:#bd694b}#toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:white;border-radius:30px;padding:12px 20px;opacity:0;pointer-events:none;transition:.2s;font-size:12px;z-index:8}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.intro{top:160px}}@media(max-width:1050px){.topbar{padding:22px;gap:15px}.brand{font-size:25px}.preview-tag{display:none}.intro{left:26px;top:120px}h1{font-size:46px}.top-actions{gap:5px}.bottom-note{min-width:0;max-width:180px}.view-switch button{padding:12px 16px}footer{left:25px;right:25px;gap:10px}.tour{min-width:140px;padding:14px}#grid{left:12px}}@media(max-width:650px){.topbar{padding:18px;flex-wrap:wrap;gap:12px}.brand{font-size:24px}.brand svg{width:25px}.top-actions{margin-left:auto}.favorite-label{display:none}.search{order:3;width:100%;padding:11px 15px}.intro{top:143px;left:23px}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:36px;margin:13px 0}h1 br{display:none}.intro p{display:none}#category-toggle{font-size:11px;padding:11px 14px}#category-panel{max-height:45vh;top:100%;width:260px}#result{font-size:9px;margin-top:10px}.intro:before{inset:-20px -35px -15px -30px}.zoom-tools{right:15px;top:48%}footer{left:15px;right:15px;bottom:18px;justify-content:center;flex-wrap:wrap;gap:9px}.bottom-note{position:absolute;left:0;bottom:75px;font-size:9px;max-width:250px}.bottom-note small{font-size:8px}.view-switch button{padding:12px 15px;font-size:11px}.tour{font-size:0;min-width:0;width:42px;height:42px;padding:0}.tour span{font-size:13px;margin:0}#grid{inset:185px 4px 90px;padding:4px}.masonry-content{gap:6px}.art-card{margin-bottom:6px;border-radius:7px}.grid-mode .bottom-note{display:none}#empty{left:25px;right:25px;top:43%}#empty h2{font-size:27px}.detail-info{padding:15px;gap:9px;align-items:flex-start;flex-direction:column;height:175px}.detail-art{height:calc(100% - 175px);padding:40px 26px 10px}.detail-info h2{font-size:20px}.detail-info p{font-size:9px}#save-art{padding:11px 18px;font-size:11px}.detail-arrow{width:22px;font-size:32px}.previous{left:2px}.next{right:2px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.flight-mode .intro,.grid-mode .intro{top:94px;left:32px;display:flex;align-items:center;gap:12px}
.flight-mode .intro h1,.flight-mode .intro p,.flight-mode .intro .eyebrow,.flight-mode .intro:before,.grid-mode .intro h1,.grid-mode .intro p,.grid-mode .intro .eyebrow,.grid-mode .intro:before{display:none}
.flight-mode #result,.grid-mode #result{margin:0;background:#fffffff0;padding:11px 14px;border-radius:22px;box-shadow:0 3px 15px #263b3910;color:#5e6b60}
.flight-mode .atmosphere{background:linear-gradient(180deg,#f6f4eee8,transparent 115px,transparent calc(100% - 90px),#f6f4eea6)}
.flight-mode .topbar{background:linear-gradient(#f6f4eefa,#f6f4eecc 80%,transparent);padding-bottom:28px}
.flight-mode .bottom-note{background:#fffdf2ed;padding:10px 18px 10px 26px;border-radius:14px;backdrop-filter:blur(12px);box-shadow:0 2px 20px #263b3910}
.flight-mode .live-dot{left:13px;top:18px}
.flight-mode #category-panel,.grid-mode #category-panel{top:calc(100% + 10px)}
.angle-control{display:none;position:fixed;right:30px;bottom:112px;width:196px;background:#fffdf6e8;backdrop-filter:blur(16px);padding:15px 16px 10px;border:1px solid #fff;border-radius:17px;box-shadow:0 6px 25px #293e3012;z-index:3}
.flight-mode .angle-control{display:block}
.angle-control>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px}
.angle-control output{font-variant-numeric:tabular-nums;color:#6e7f6c;font-size:11px}
.angle-control input{display:block;accent-color:#263b39;width:100%;height:3px;margin:18px 0}
.angle-presets{display:flex;justify-content:space-between;gap:4px}
.angle-presets button{font-size:10px;background:transparent;border-radius:12px;padding:5px 8px}
.angle-presets button[aria-pressed=true]{background:#e3e9df;color:#284336}
@media(max-width:650px){
 .flight-mode .intro,.grid-mode .intro{top:134px;left:17px;gap:8px}
 .flight-mode #result,.grid-mode #result{font-size:8px;padding:10px}
 .angle-control{right:14px;bottom:86px;width:159px;padding:12px}
 .angle-control input{margin:13px 0}
 .angle-presets button{padding:5px;font-size:9px}
 .flight-mode .bottom-note{display:none}
 .flight-mode .atmosphere{background:linear-gradient(#f6f4eefa,transparent 190px,transparent 90%,#f6f4ee80)}
 .flight-mode .topbar{background:#f6f4eedc;backdrop-filter:blur(10px);padding-bottom:14px}
}


/* tablokent.com eklentileri: ürün bağlantısı, fiyat, mağazaya dönüş */
.back-link{font-size:13px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:6px;white-space:nowrap}
.back-link:hover{color:var(--accent)}
.detail-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#detail-link{border-radius:25px;background:var(--accent);color:#fff;padding:15px 22px;font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none}
#detail-link:hover{filter:brightness(.95)}
#save-art{background:#fff;color:var(--ink);border:1px solid #d6d2c4}
#save-art.saved{background:#bd694b;color:#fff;border-color:#bd694b}
.detail-info p b{color:var(--ink);font-size:13px}
.art-card em{display:block;font-style:normal;font-size:12px;font-weight:600;color:var(--ink);margin-top:2px}
@media(max-width:650px){.back-link span{display:none}.back-link{font-size:20px}#detail-link{padding:11px 18px;font-size:12px}.detail-info p b{font-size:12px}}