@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500&display=swap";.site-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 2.5rem;display:flex;position:sticky;top:0}.logo{letter-spacing:.05em;color:var(--accent);font-family:Bebas Neue,sans-serif;font-size:1.6rem}.logo-icon{width:1.4rem;height:1.4rem}.nav{gap:.25rem;display:flex}.nav-item{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.45rem 1rem;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;transition:color .2s,background .2s}.nav-item:hover{color:var(--muted);background:var(--border)}.nav-item.active{color:var(--bg);background:var(--accent)}.nav-username{color:var(--accent);align-items:center;padding:0 .5rem;font-size:.9rem;display:flex}@media (width<=600px){.site-header{flex-wrap:wrap;gap:.75rem;height:auto;padding:.75rem 1rem}.nav{flex-wrap:wrap;width:100%}.nav-item{text-align:center;flex:1}}.nav-messages{font-size:1.1rem;position:relative}.unread-badge{background:var(--accent);color:var(--bg);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.right_section{margin:2rem auto}.right_section h2{margin-bottom:1.5rem}.tabela{border-spacing:.5rem;width:100%}.tabela td:first-child{width:140px;color:var(--muted)}.field,.uloga,.zemlja,.jezik{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:.45rem .75rem;font-family:inherit}.button{cursor:pointer;background:var(--accent);color:var(--bg);border:none;border-radius:6px;margin-right:.5rem;padding:.5rem 1.5rem;font-family:inherit;font-weight:500}.button[name=btnReset]{background:var(--border);color:var(--text)}.error{color:var(--dark-blood);margin-top:.25rem;font-size:.8rem;font-weight:700;display:block}.success{color:var(--neon-glow);margin-bottom:1rem}.field:-webkit-autofill{caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--surface) inset!important;-webkit-text-fill-color:var(--text)!important}.field:-webkit-autofill:hover{caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--surface) inset!important;-webkit-text-fill-color:var(--text)!important}.field:-webkit-autofill:focus{caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--surface) inset!important;-webkit-text-fill-color:var(--text)!important}.auth-switch{color:var(--muted);margin-top:1.25rem;font-size:.9rem}.auth-switch span{color:var(--accent);cursor:pointer}.auth-switch span:hover{text-decoration:underline}.posts{flex-direction:column;gap:1.5rem;margin:2rem auto;padding:0 1.5rem;display:flex}.post{background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:border-color .2s;overflow:hidden}.post:hover{border-color:var(--accent)}.post_title{letter-spacing:.04em;color:var(--text);border-bottom:1px solid var(--border);padding:1rem 1.25rem .5rem;font-family:Bebas Neue,sans-serif;font-size:1.6rem}.post_info{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.35rem;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:300;display:flex}.post_info a{color:var(--accent);align-items:center;gap:.3rem;text-decoration:none;display:inline-flex}.post_info a:hover{text-decoration:underline}.post_info img{object-fit:contain;vertical-align:middle;width:16px;height:16px}.time-info{cursor:pointer;align-items:center;gap:.3rem;margin-left:auto;display:inline-flex}.clock-icon{width:14px;height:14px;color:var(--muted)}.delete-icon{cursor:pointer;align-items:center;display:inline-flex}.trash-icon{width:14px;height:14px;color:var(--muted)}.delete-icon:hover .trash-icon{color:var(--accent)}.time-tooltip{display:none}.time-info:hover .time-tooltip,.time-info.active .time-tooltip{display:inline}.post_body{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.post_body>img{object-fit:cover;border:1px solid var(--border);border-radius:6px;flex-shrink:0}.tekstic{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.8rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:300;line-height:1.6;transition:max-height .4s;display:-webkit-box;overflow:hidden}.tekstic.expanded{-webkit-line-clamp:unset;-webkit-box-orient:unset;max-height:1000px;display:block}.post_comment{text-align:left;border-top:1px solid var(--border);padding:.75rem 1.25rem}.post_comment hr{display:none}.read_more{text-align:center}.opsirnije{color:var(--accent);cursor:pointer;letter-spacing:.03em;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:.85rem}.opsirnije:hover{text-decoration:underline}.comment{color:var(--muted);border-bottom:1px solid var(--border);padding:.35rem 0;font-size:.88rem}.comment a{color:var(--accent);align-items:center;gap:.3rem;text-decoration:none;display:inline-flex}.comment-form{gap:.5rem;margin-top:.75rem;display:flex}.comment-form .field{flex:1}.profile-link{cursor:pointer;color:var(--muted);align-items:center;gap:.3rem;text-decoration:none;display:inline-flex}.profile-link:hover{color:var(--accent)}.messages-layout{height:calc(100vh - 64px);display:flex;overflow:hidden}.conversations-list{border-right:1px solid var(--border);flex-shrink:0;width:280px;overflow-y:auto}.conversations-list h3{letter-spacing:.05em;border-bottom:1px solid var(--border);color:var(--text);padding:1rem;font-family:Bebas Neue,sans-serif;font-size:1.2rem}.conversation-item{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:.2rem;padding:.85rem 1rem;transition:background .15s;display:flex}.conversation-item:hover,.conversation-item.active{background:var(--surface)}.conversation-item.unread{background:var(--border)}.conversation-item.unread .conv-last,.conversation-item.unread .conv-time{color:var(--accent);font-weight:700}.conv-username{color:var(--muted);font-size:.9rem}.conv-username:hover{color:var(--accent)}.conv-last{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.conv-time{color:var(--muted);font-size:.75rem}.conversation-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.message-list{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.message-bubble{border-radius:12px;flex-direction:column;gap:.2rem;max-width:60%;padding:.6rem .9rem;display:flex}.message-bubble.mine{background:var(--accent);color:var(--bg);border-bottom-right-radius:3px;align-self:flex-end}.message-bubble.theirs{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:3px;align-self:flex-start}.message-text{font-size:.9rem;line-height:1.4}.message-time{opacity:.6;align-self:flex-end;font-size:.7rem}.message-input{border-top:1px solid var(--border);gap:.5rem;padding:1rem;display:flex}.message-input .field{flex:1}.no-conversation{color:var(--muted);flex:1;justify-content:center;align-items:center;font-size:.9rem;display:flex}@media (width<=600px){.messages-layout{flex-direction:column;height:auto}.conversations-list{border-right:none;border-bottom:1px solid var(--border);width:100%;height:calc(100vh - 364px);overflow-y:auto}.hidden-mobile{display:none}}.avatar-preview{border:2px solid var(--border);background:var(--surface);border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}.avatar-layer{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.avatar-builder{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.avatar-builder-preview{margin:0 auto}.avatar-categories{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.avatar-category-btn{border:1px solid var(--border);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .9rem;font-size:.85rem}.avatar-category-btn:hover{border-color:var(--accent)}.avatar-category-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.avatar-options{flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%;display:flex}.avatar-option-btn{border:2px solid var(--border);background:var(--bg,transparent);cursor:pointer;border-radius:50%;width:56px;height:56px;padding:0;overflow:hidden}.avatar-option-btn img{object-fit:cover;width:100%;height:100%}.avatar-option-btn:hover{border-color:var(--accent)}.avatar-option-btn.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.avatar-options-empty{color:var(--muted);font-size:.85rem}#profile h2{margin-bottom:1.5rem}#profile img[title=user\ image]{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:80px;height:80px}.status-options{gap:1rem;margin-bottom:.5rem;display:flex}.status-toggle{color:var(--accent);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;font-size:.85rem}.status-toggle:hover{text-decoration:underline}.profile-top{align-items:flex-start;gap:1.5rem;padding:.75rem 1.25rem;display:flex}.profile-top .tabela{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex:auto;min-width:0}.following-section{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex:0 0 240px;padding:1rem}.following-section h3{margin:0 0 .75rem;font-size:1rem}.following-empty{color:var(--muted);font-size:.85rem}.following-list{flex-direction:column;gap:.5rem;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.following-item{cursor:pointer;font-size:.9rem}.following-item:hover{color:var(--accent);text-decoration:underline}@media (width<=700px){.profile-top{flex-direction:column}.following-section{flex:auto;width:100%}}.admin-sidebar{width:100%}@media (width<=768px){.admin-sidebar{width:100%}}.admin-main{width:100%;overflow-x:auto}.admin-table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.88rem}.admin-table th{background:var(--surface);color:var(--accent);text-align:left;border-bottom:2px solid var(--border);letter-spacing:.05em;padding:.6rem .75rem;font-family:Bebas Neue,sans-serif;font-size:.95rem}.admin-table td{border-bottom:1px solid var(--border);color:var(--muted);vertical-align:middle;padding:.5rem .75rem}.admin-table tr:hover td{background:var(--surface);color:var(--text)}.admin-table img{object-fit:cover;width:20px;height:15px}.admin-layout{flex-direction:column;align-items:flex-start;gap:2rem;padding:2rem}@media (width<=768px){.admin-layout{flex-direction:column}}.lightbox{z-index:1000;cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;padding:3rem 1rem;display:flex;position:fixed;inset:0}.lightbox-image{object-fit:contain;cursor:default;border-radius:6px;max-width:100%;max-height:100%}.lightbox-close,.lightbox-nav{color:var(--text);cursor:pointer;background:#00000080;border:none;font-family:inherit;transition:color .2s;position:absolute}.lightbox-close:hover,.lightbox-nav:hover{color:var(--text-h)}.lightbox-close{border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.1rem;top:.75rem;right:.75rem}.lightbox-nav{border-radius:6px;width:3rem;height:4rem;font-size:2.5rem;line-height:1;top:50%;transform:translateY(-50%)}.lightbox-prev{left:.75rem}.lightbox-next{right:.75rem}.lightbox-counter{color:var(--text);font-size:.85rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.marketplace{padding:2rem}.marketplace-title{margin-bottom:1.5rem}.marketplace-form{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.marketplace-form h3{letter-spacing:.05em;color:var(--text);margin-bottom:.5rem;font-family:Bebas Neue,sans-serif;font-size:1.2rem}.marketplace-form textarea.field{resize:vertical}.marketplace-layout{align-items:flex-start;gap:1.5rem;display:flex}.marketplace-filter{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:260px;padding:1rem}.marketplace-filter h3{letter-spacing:.05em;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:1.2rem}.marketplace-content{flex-direction:column;flex:1;gap:1rem;min-width:0;min-height:300px;display:flex}.ad{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;transition:border-color .2s}.ad:hover{border-color:var(--accent)}.ad-header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.ad-title{letter-spacing:.04em;color:var(--text);overflow-wrap:anywhere;font-family:Bebas Neue,sans-serif;font-size:1.4rem}.ad-price{color:var(--text-h);white-space:nowrap;font-weight:500}.ad-tags{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;font-size:.8rem;display:flex}.ad-tags span{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.15rem .6rem}.ad-description{white-space:pre-line;overflow-wrap:anywhere;color:var(--text);margin:.5rem 0}.ad-thumbs{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 .5rem;display:flex}.ad-thumbs img{object-fit:cover;border:1px solid var(--border);cursor:zoom-in;border-radius:6px;width:96px;height:96px;transition:border-color .2s}.ad-thumbs img:hover{border-color:var(--accent)}.ad-image-picker{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ad-image-preview{position:relative}.ad-image-preview img{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:80px;height:80px;display:block}.ad-image-preview button{width:22px;height:22px;color:var(--text);cursor:pointer;background:#000000b3;border:none;border-radius:50%;padding:0;font-size:.7rem;line-height:22px;position:absolute;top:2px;right:2px}.ad-image-add{border:1px dashed var(--border);width:80px;height:80px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;font-family:inherit;font-size:.75rem}.ad-image-add:hover{border-color:var(--accent);color:var(--text)}.ad-image-hint{color:var(--muted);margin-top:.25rem;font-size:.75rem;display:block}.button:disabled{opacity:.6;cursor:wait}.ad-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.8rem;display:flex}.ad-footer .profile-link{cursor:pointer}@media (width<=768px){.marketplace{padding:1rem}.marketplace-layout{flex-direction:column}.marketplace-filter,.marketplace-content{width:100%}}.site-main{flex:1}.page-title{letter-spacing:.04em;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,8vw,7rem);line-height:1}.page-sub{color:var(--muted);margin-top:1rem;font-size:1.1rem;font-weight:300}:root{--black:#000;--black-b:#050505;--light-green:green;--dark-green-a:#2e7345;--dark-green-b:#307848;--midnight-black:#0a0a0a;--charcoal:#1a1a1a;--toxic-green:#4b8b3b;--neon-glow:#0adb00;--dark-moss:#2f4f2f;--text-t0n:#d7d7d7;--cold-silver:#8b9396;--gunmetal:#2b2f33;--dead-ash:#5c6466;--dark-blood:#b82828;--surface:var(--charcoal);--muted:var(--toxic-green);--text:var(--cold-silver);--text-h:var(--neon-glow);--bg:var(--black);--border:var(--gunmetal);--code-bg:#f4f3ec;--accent:var(--neon-glow);--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--surface:var(--charcoal);--muted:var(--cold-silver);--text:var(--cold-silver);--text-h:var(--neon-glow);--bg:var(--black);--border:var(--gunmetal);--code-bg:#f4f3ec;--accent:var(--neon-glow);--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}