:root {
  --flog-accent: #e0b95a;
  --flog-accent-2: #9d7529;
  --flog-panel: #0d1118;
  --flog-panel-2: #141a23;
  --flog-border: #303a48;
  --flog-copy: #d9dee6;
  --flog-muted: #9099a7;
  --flog-page-bg: #080b10;
  --flog-page-pattern: radial-gradient(circle at 50% -20%,rgba(224,185,90,.09),transparent 34%),linear-gradient(#080b10,#05070a 70%);
  --flog-hero-bg: linear-gradient(180deg,#39424e 0%,#111722 58%,#070a0f 100%);
  --flog-top-bg: #080b10;
  --flog-input-bg: #090d12;
  --flog-photo-border: #394453;
  --flog-avatar-bg: radial-gradient(circle,#293244,#0b0f15 70%);
  --flog-shadow: rgba(0,0,0,.32);
}

.flog-theme-classic {
  --flog-accent:#e0b95a; --flog-accent-2:#9d7529; --flog-panel:#0d1118; --flog-panel-2:#141a23; --flog-border:#303a48;
  --flog-copy:#d9dee6; --flog-muted:#9099a7; --flog-page-bg:#080b10; --flog-top-bg:#080b10; --flog-input-bg:#090d12;
  --flog-page-pattern:radial-gradient(circle at 50% -20%,rgba(224,185,90,.09),transparent 34%),linear-gradient(#080b10,#05070a 70%);
  --flog-hero-bg:linear-gradient(180deg,#39424e 0%,#111722 58%,#070a0f 100%); --flog-photo-border:#394453;
  --flog-avatar-bg:radial-gradient(circle,#293244,#0b0f15 70%); --flog-shadow:rgba(0,0,0,.32);
}
.flog-theme-night {
  --flog-accent:#b9c8ff; --flog-accent-2:#705bd1; --flog-panel:#0b0d20; --flog-panel-2:#161633; --flog-border:#3d3e78;
  --flog-copy:#e2e5ff; --flog-muted:#999fc7; --flog-page-bg:#070817; --flog-top-bg:#080817; --flog-input-bg:#0b0c22;
  --flog-page-pattern:radial-gradient(circle at 18% 10%,rgba(105,88,220,.23),transparent 28%),radial-gradient(circle at 80% 24%,rgba(53,117,194,.18),transparent 26%),linear-gradient(#080817,#050510 72%);
  --flog-hero-bg:radial-gradient(circle at 50% -10%,rgba(154,137,255,.25),transparent 37%),linear-gradient(180deg,#252745 0%,#101126 60%,#070817 100%); --flog-photo-border:#555799;
  --flog-avatar-bg:radial-gradient(circle,#35336c,#0a0a1b 70%); --flog-shadow:rgba(16,10,55,.48);
}
.flog-theme-forest {
  --flog-accent:#c9df8f; --flog-accent-2:#78934b; --flog-panel:#0c1510; --flog-panel-2:#142319; --flog-border:#405a42;
  --flog-copy:#dde8dc; --flog-muted:#9bab9a; --flog-page-bg:#07100a; --flog-top-bg:#07100a; --flog-input-bg:#09150d;
  --flog-page-pattern:radial-gradient(ellipse at 8% 15%,rgba(92,132,62,.2),transparent 30%),radial-gradient(ellipse at 92% 48%,rgba(42,93,55,.17),transparent 30%),linear-gradient(#08120b,#040906 72%);
  --flog-hero-bg:radial-gradient(ellipse at 50% -25%,rgba(163,190,101,.19),transparent 42%),linear-gradient(180deg,#2f4234 0%,#132219 58%,#07100a 100%); --flog-photo-border:#526d50;
  --flog-avatar-bg:radial-gradient(circle,#354c35,#08110a 70%); --flog-shadow:rgba(1,17,6,.48);
}
.flog-theme-fire {
  --flog-accent:#ffb26a; --flog-accent-2:#c65031; --flog-panel:#190e0c; --flog-panel-2:#291511; --flog-border:#71402e;
  --flog-copy:#f0dfd6; --flog-muted:#b49a90; --flog-page-bg:#120806; --flog-top-bg:#100705; --flog-input-bg:#180b08;
  --flog-page-pattern:radial-gradient(circle at 22% 8%,rgba(223,69,29,.24),transparent 27%),radial-gradient(circle at 78% 40%,rgba(241,126,44,.12),transparent 28%),linear-gradient(#140907,#090403 74%);
  --flog-hero-bg:radial-gradient(circle at 50% -20%,rgba(255,131,54,.28),transparent 40%),linear-gradient(180deg,#4b2920 0%,#24100c 58%,#100705 100%); --flog-photo-border:#864832;
  --flog-avatar-bg:radial-gradient(circle,#65301f,#160806 70%); --flog-shadow:rgba(42,7,1,.52);
}

body[class*="flog-theme-"] { background-color:var(--flog-page-bg); background-image:var(--flog-page-pattern); background-attachment:fixed; transition:background-color .25s ease,color .25s ease; }
body[class*="flog-theme-"] .top { background:var(--flog-top-bg); border-color:var(--flog-border); }
body[class*="flog-theme-"] .flog-hero { background:var(--flog-hero-bg); border-color:var(--flog-border); box-shadow:inset 0 -22px 42px var(--flog-shadow); }
body[class*="flog-theme-"] footer { background:var(--flog-top-bg); border-color:var(--flog-border); }

.skip-link { position:fixed; left:12px; top:-60px; z-index:9999; padding:10px 14px; background:#fff; color:#111; border-radius:4px; font-weight:700; }
.skip-link:focus { top:12px; }

.flog-hero .logo { letter-spacing:.12em; line-height:1; padding-top:.22em; }
.flog-logo-a { position:relative; display:inline-block; font-family:Georgia,"Times New Roman",serif; font-size:.96em; letter-spacing:0; color:#e7bd63; -webkit-text-fill-color:#e7bd63; text-shadow:0 2px 1px rgba(0,0,0,.48); }
.flog-logo-a::before { content:"˜"; position:absolute; left:50%; top:-.20em; transform:translateX(-50%) scaleX(1.05); font:700 .72em/1 Georgia,"Times New Roman",serif; color:#fbeecb; -webkit-text-fill-color:#fbeecb; text-shadow:0 1px 1px rgba(0,0,0,.38); }
.flog-hero .ribbon { text-transform:none; letter-spacing:.04em; }
.top nav a[aria-current="page"] { color:#fff; border-bottom:1px solid var(--flog-accent); }

.flog-shell {
  width:min(1180px,calc(100% - 28px));
  margin:26px auto 50px;
  color:var(--flog-copy);
}

.flog-shell h1,.flog-shell h2,.flog-shell h3,.flog-shell p { margin-top:0; }
.flog-shell a { color:var(--flog-accent); }
.flog-shell .msg { margin-bottom:16px; }
.eyebrow { display:block; font:700 11px/1 var(--prose); letter-spacing:.17em; color:var(--flog-accent); margin-bottom:8px; }

.flog-home-head {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  padding:25px 27px;
  border:1px solid var(--flog-border);
  border-top:3px solid var(--flog-accent);
  background:linear-gradient(140deg,var(--flog-panel-2),var(--flog-panel));
  box-shadow:0 14px 32px var(--flog-shadow);
}
.flog-home-head h1 { margin:0 0 7px; font:700 clamp(36px,6vw,68px)/.9 var(--serif); letter-spacing:.02em; color:#f5f0e5; }
.flog-home-head p { margin:0; font:15px/1.55 var(--prose); color:#b9c0ca; max-width:630px; }
.flog-home-head .btn { flex:0 0 auto; }
.flog-search { margin-top:15px; max-width:520px; }
.flog-search label { display:block; margin-bottom:5px; color:var(--flog-muted); font:700 11px/1.2 var(--prose); text-transform:uppercase; letter-spacing:.06em; }
.flog-search>div { display:flex; gap:7px; }
.flog-search input { flex:1; min-width:0; padding:9px 11px; border:1px solid var(--flog-border); border-radius:4px; background:var(--flog-input-bg); color:var(--flog-copy); }
.flog-search button { padding:9px 14px; border:1px solid var(--flog-accent); border-radius:4px; background:var(--flog-accent); color:#17120a; font-weight:700; cursor:pointer; }
.flog-shell .btn { color:#17120a; text-shadow:0 1px rgba(255,255,255,.25); }

.flog-categories { display:flex; gap:7px; overflow:auto; padding:14px 0 18px; scrollbar-width:thin; }
.flog-categories a { flex:0 0 auto; padding:8px 11px; border:1px solid var(--flog-border); background:#0c1118; color:#aeb7c2; border-radius:3px; text-decoration:none; font:700 11px/1 var(--prose); letter-spacing:.04em; }
.flog-categories a:hover,.flog-categories a.active { color:#101215; background:var(--flog-accent); border-color:var(--flog-accent); }

.flog-home-grid { display:grid; grid-template-columns:minmax(0,1fr) 275px; gap:18px; }
.flog-section-title { display:flex; align-items:end; justify-content:space-between; gap:12px; border-bottom:1px solid var(--flog-border); padding:0 0 10px; margin-bottom:13px; }
.flog-section-title h2 { margin:0; font:700 22px/1 var(--serif); color:#f0e7d5; }
.flog-section-title span { font:12px var(--prose); color:var(--flog-muted); }
.flog-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.flog-card { min-width:0; border:1px solid var(--flog-border); background:var(--flog-panel); box-shadow:0 8px 18px var(--flog-shadow); }
.flog-card>a { display:block; height:100%; color:inherit; text-decoration:none; }
.flog-card img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; background:#050609; border-bottom:1px solid var(--flog-border); }
.flog-card div { padding:12px; }
.flog-card div>span { color:var(--flog-accent); text-transform:uppercase; font:700 10px/1 var(--prose); letter-spacing:.1em; }
.flog-card h3 { margin:7px 0 8px; color:#f0f2f5; font:700 17px/1.18 var(--serif); }
.flog-card p { margin:0 0 5px; color:#c3cad3; font:13px var(--prose); }
.flog-card small { color:var(--flog-muted); font:11px var(--prose); }
.flog-card:hover { border-color:var(--flog-accent-2); transform:translateY(-1px); }

.flog-rankings { display:grid; align-content:start; gap:12px; }
.flog-box { border:1px solid var(--flog-border); background:var(--flog-panel); padding:14px; overflow:hidden; }
.flog-box h2 { margin:-14px -14px 13px; padding:9px 12px; background:var(--flog-panel-2); border-bottom:1px solid var(--flog-border); color:var(--flog-accent); text-transform:uppercase; font:700 12px/1.1 var(--serif); letter-spacing:.09em; }
.flog-box h3 { color:#f1eadf; font:700 18px/1.2 var(--serif); margin:8px 0 5px; }
.flog-box p { color:#b6bec8; font:13px/1.5 var(--prose); margin:6px 0; }
.flog-box ol,.flog-box ul { list-style:none; padding:0; margin:0; }
.flog-box li+li { border-top:1px solid #242d39; }
.flog-box li a { display:flex; justify-content:space-between; gap:10px; padding:8px 2px; text-decoration:none; font:12px var(--prose); }
.flog-box li strong { color:#e9edf2; font-weight:700; overflow:hidden; text-overflow:ellipsis; }
.flog-box li span { color:var(--flog-muted); white-space:nowrap; }
.flog-stats p { display:flex; justify-content:space-between; border-bottom:1px solid #242d39; padding:4px 0 8px; }
.flog-stats p b { color:var(--flog-accent); }
.flog-stats small { display:block; color:var(--flog-muted); font:11px/1.45 var(--prose); margin-top:10px; }

.flog-profile-banner { margin-bottom:14px; padding:18px 22px; border:1px solid var(--flog-border); border-left:5px solid var(--flog-accent); background:linear-gradient(90deg,var(--flog-panel-2),var(--flog-panel)); }
.flog-profile-banner span { display:block; color:var(--flog-muted); font:700 10px var(--prose); letter-spacing:.18em; }
.flog-profile-banner strong { display:block; margin-top:3px; color:#f2eadc; font:700 clamp(24px,5vw,43px)/1 var(--serif); }
.flog-profile-grid { display:grid; grid-template-columns:190px minmax(0,1fr) 190px; gap:14px; align-items:start; }
.flog-side { display:grid; gap:12px; }
.flog-avatar { width:86px; height:86px; margin:0 auto 8px; display:grid; place-items:center; border:1px solid var(--flog-border); background:var(--flog-avatar-bg); color:var(--flog-accent); font-size:34px; }
.flog-about { border-top:1px solid #272f3b; padding-top:10px; }
.flog-text-button,.flog-owner-action button,.flog-report button { padding:0; border:0; background:none; color:var(--flog-accent); text-decoration:underline; cursor:pointer; font:12px var(--prose); }
.flog-thumbs { display:grid; gap:10px; }
.flog-thumbs a { display:block; text-decoration:none; }
.flog-thumbs img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border:1px solid var(--flog-border); background:#050609; }
.flog-thumbs span { display:block; margin-top:3px; color:var(--flog-muted); text-align:center; font:11px var(--prose); }
.flog-visits p { display:flex; justify-content:space-between; }
.flog-wide { display:block; text-align:center; }
.flog-favorites small { display:block; color:var(--flog-muted); font:10px var(--prose); margin:-3px 0 7px 19px; }
.flog-favorites li a { justify-content:flex-start; }
.flog-favorites li a span { color:var(--flog-accent); }

.flog-main-photo { min-width:0; border:1px solid var(--flog-border); background:var(--flog-panel); }
.flog-photo-nav { min-height:38px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 13px; border-bottom:1px solid var(--flog-border); background:var(--flog-panel-2); font:12px var(--prose); }
.flog-photo-nav a:last-child { text-align:right; }
.flog-photo-nav>span:nth-child(2) { color:var(--flog-muted); text-transform:uppercase; letter-spacing:.1em; font-size:10px; }
.flog-photo { margin:0; padding:16px 16px 0; text-align:center; }
.flog-photo img { display:block; width:auto; max-width:100%; height:auto; max-height:680px; margin:auto; object-fit:contain; border:1px solid var(--flog-photo-border); background:#040507; }
.flog-photo figcaption { padding:7px 3px 0; color:var(--flog-muted); font:11px var(--prose); }
.flog-caption { max-width:760px; margin:0 auto; padding:23px 24px 27px; text-align:center; }
.flog-caption h1 { margin:0 0 15px; color:#f1ece2; font:700 24px/1.12 var(--serif); }
.flog-caption p { color:#cbd1da; font:14px/1.65 var(--prose); }
.flog-photo-stats { margin-top:17px; color:var(--flog-muted); font:11px var(--prose); }
.flog-owner-action { padding:0 22px 16px; text-align:right; }
.flog-comments { padding:22px; border-top:1px solid var(--flog-border); }
.flog-comments h2 { color:var(--flog-accent); font:700 17px var(--serif); }
.flog-comments article { padding:12px 0; border-top:1px solid #262f3a; }
.flog-comments article strong { color:#eef1f4; font:700 13px var(--prose); }
.flog-comments article time { margin-left:8px; color:var(--flog-muted); font:10px var(--prose); }
.flog-comments article p { margin:6px 0 0; color:#c6ccd5; font:13px/1.5 var(--prose); }
.flog-comment-form { margin-top:16px; padding:15px; border:1px solid var(--flog-border); background:var(--flog-input-bg); }
.flog-muted { color:var(--flog-muted); font:13px var(--prose); }
.flog-report { margin:0 22px 22px; color:var(--flog-muted); font:12px var(--prose); }
.flog-report summary { cursor:pointer; }
.flog-report form { margin-top:12px; padding:12px; border:1px solid var(--flog-border); }

.flog-form-card,.flog-empty { padding:24px; border:1px solid var(--flog-border); background:var(--flog-panel); }
.flog-form-card { max-width:820px; margin:0 auto; }
.flog-title-row { display:flex; justify-content:space-between; gap:20px; align-items:start; border-bottom:1px solid var(--flog-border); padding-bottom:14px; margin-bottom:18px; }
.flog-title-row h1 { margin:0; color:#f2eee7; font:700 29px var(--serif); }
.flog-upload-form textarea,.flog-compact-form textarea,.flog-comment-form textarea { resize:vertical; }
.flog-shell .field input[type="file"] { padding:10px; background:var(--flog-input-bg); border:1px solid var(--flog-border); width:100%; color:#b7c0ca; }
.flog-shell .field input,.flog-shell .field select,.flog-shell .field textarea { max-width:100%; }
.flog-compact-form .field { margin-bottom:10px; }
.flog-compact-form .btn { width:100%; }
.flog-theme-picker { min-width:0; margin:0 0 13px; padding:0; border:0; }
.flog-theme-picker legend { margin:0 0 7px; padding:0; color:#d6d9de; font:700 11px/1 var(--prose); letter-spacing:.04em; text-transform:uppercase; }
.flog-theme-options { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.flog-theme-choice { position:relative; min-width:0; }
.flog-theme-choice input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.flog-theme-choice label { display:grid; grid-template-columns:18px minmax(0,1fr); align-items:center; gap:7px; padding:8px; border:1px solid var(--flog-border); background:var(--flog-input-bg); color:#c9ced5; cursor:pointer; font:700 10px/1 var(--prose); }
.flog-theme-choice label:hover { border-color:var(--flog-accent); }
.flog-theme-choice input:focus-visible+label { outline:2px solid #fff; outline-offset:2px; }
.flog-theme-choice input:checked+label { border-color:var(--flog-accent); color:#fff; box-shadow:inset 0 0 0 1px var(--flog-accent); }
.flog-theme-swatch { width:18px; height:18px; border:1px solid rgba(255,255,255,.28); box-shadow:inset 0 0 8px rgba(0,0,0,.5); }
.flog-theme-swatch[data-theme="classic"] { background:linear-gradient(135deg,#e0b95a 0 35%,#141a23 36%); }
.flog-theme-swatch[data-theme="night"] { background:linear-gradient(135deg,#b9c8ff 0 35%,#161633 36%); }
.flog-theme-swatch[data-theme="forest"] { background:linear-gradient(135deg,#c9df8f 0 35%,#142319 36%); }
.flog-theme-swatch[data-theme="fire"] { background:linear-gradient(135deg,#ffb26a 0 35%,#291511 36%); }
.flog-theme-help { margin:0; color:var(--flog-muted); font:10px/1.45 var(--prose); }
.flog-empty { text-align:center; }
.flog-empty h1,.flog-empty h2,.flog-empty h3 { color:#f0eadd; font-family:var(--serif); }
.flog-empty p { color:#aeb7c3; font:14px/1.5 var(--prose); }

@media (max-width:980px) {
  .flog-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .flog-profile-grid { grid-template-columns:160px minmax(0,1fr); }
  .flog-profile-grid>.flog-side:last-child { grid-column:1/-1; grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:760px) {
  .flog-shell { width:min(100% - 18px,620px); margin-top:14px; }
  .flog-home-head { display:block; padding:20px; }
  .flog-home-head .btn { display:block; margin-top:17px; text-align:center; }
  .flog-home-grid { grid-template-columns:1fr; }
  .flog-rankings { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .flog-rankings .flog-stats { grid-column:1/-1; }
  .flog-profile-grid { display:flex; flex-direction:column; }
  .flog-profile-grid>.flog-side:first-child { display:grid; grid-template-columns:1fr 1fr; width:100%; }
  .flog-profile-grid>.flog-side:first-child .flog-box:first-child { grid-row:span 2; }
  .flog-main-photo { width:100%; order:-1; }
  .flog-profile-grid>.flog-side:last-child { display:grid; grid-template-columns:1fr; width:100%; }
}

@media (max-width:520px) {
  .flog-card-grid,.flog-rankings,.flog-profile-grid>.flog-side:first-child { grid-template-columns:1fr; }
  .flog-profile-grid>.flog-side:first-child .flog-box:first-child { grid-row:auto; }
  .flog-profile-banner { padding:14px 16px; }
  .flog-photo { padding:9px 9px 0; }
  .flog-caption,.flog-comments { padding:18px 14px; }
  .flog-title-row { display:block; }
  .flog-title-row>a { display:inline-block; margin-top:10px; }
}

/* 14/10: autorizacao para o Instagram do Pythera */
.flog-check { display:flex; gap:10px; align-items:flex-start; margin:4px 0 14px; font:14px/1.45 var(--prose); cursor:pointer; }
.flog-check input { margin-top:3px; width:18px; height:18px; flex:none; }
.flog-check small { display:block; color:var(--flog-muted, #8a8f99); font-size:12px; }
.flog-ig-ok { font:12px var(--prose); color:var(--flog-accent); }