:root{--color-bg:#141518;--color-surface:#1f2125;--color-surface-2:#26282d;--color-ink:#f4f5f6;--color-ink-soft:#b0b5bb;--color-line:#3a3d43;--color-line-strong:#4d5158;--color-accent:#ff7a1a;--color-accent-hot:#ff8c39;--color-accent-ink:#1c1002;--color-hazard:#ffc814;--good:#3dbb68;--bad:#ff5252;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius:12px;--radius-sm:8px;--hazard-stripe:repeating-linear-gradient(-45deg, var(--color-hazard) 0 12px, #141518 12px 24px)}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}.wrap{max-width:620px;padding:0 var(--space-4);margin:0 auto}.site-header{padding:var(--space-5) 0 var(--space-4);background:var(--color-surface);border-bottom:6px solid #0000;border-image:var(--hazard-stripe) 1}.brand-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.brand{align-items:center;gap:var(--space-2);letter-spacing:.01em;text-transform:uppercase;font-size:26px;font-weight:800;text-decoration:none;display:flex}.brand-name{color:var(--color-ink)}.brand:hover .brand-name{color:var(--color-accent)}.brand-logo{width:30px;height:30px;display:block}.back-link{min-height:44px;padding:var(--space-2) var(--space-3);color:var(--color-ink);background:var(--color-surface-2);border:2px solid var(--color-line);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;font-size:14px;font-weight:750;text-decoration:none;display:inline-flex}.back-link:hover{border-color:var(--color-accent);color:var(--color-accent)}.back-link:focus-visible{outline:3px solid var(--color-hazard);outline-offset:2px}.back-link:active{transform:translateY(1px)}.tagline{margin:var(--space-1) 0 0;color:var(--color-ink-soft);font-size:15px}.tools-btn{color:var(--color-ink);background:var(--color-surface-2);border:2px solid var(--color-line);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;white-space:nowrap;align-items:center;min-height:44px;font-family:inherit;font-size:14px;font-weight:750;display:none}.tools-btn:hover{border-color:var(--color-accent)}.tools-btn:focus-visible{outline:3px solid var(--color-hazard);outline-offset:2px}.tools-btn[aria-expanded=true]{border-color:var(--color-accent);color:var(--color-accent)}.mobile-tools{gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2);background:var(--color-surface-2);border:1.5px solid var(--color-line);border-radius:var(--radius);flex-direction:column;display:flex}.mobile-tools .tool-link{min-height:48px;padding:var(--space-3);font-size:15px}.layout{display:block}.sidebar{display:none}.tool-nav-head{text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-soft);margin-bottom:var(--space-2);font-size:11.5px;font-weight:800}.tool-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-ink);border-radius:var(--radius-sm);border:2px solid #0000;font-size:14px;font-weight:650;text-decoration:none;display:flex}.tool-link:hover{background:var(--color-surface-2);border-color:var(--color-line)}.tool-link:focus-visible{outline:3px solid var(--color-hazard);outline-offset:2px}.tool-link.active{background:var(--color-surface-2);border-color:var(--color-accent);color:var(--color-accent)}.tool-sep{border:none;border-top:1.5px solid var(--color-line);margin:var(--space-3) var(--space-2)}@media (max-width:1023px){.brand-row{flex-wrap:wrap;justify-content:space-between}.tools-btn{order:1;display:inline-flex}.back-link{order:2}.site-header .brand{margin:var(--space-4) 0 var(--space-1);flex-basis:100%;order:3;justify-content:center;font-size:30px;line-height:1}.site-header .brand-logo{width:34px;height:34px}.tagline{text-align:center}}@media (min-width:1024px){.site-header .wrap,.site-footer .wrap{max-width:860px}.site-header .wrap{padding-left:calc(var(--space-4) + 232px)}.site-header .brand{gap:var(--space-3);font-size:42px;line-height:1}.site-header .brand-logo{width:48px;height:48px}.back-link{margin-left:auto}.tagline{text-align:left;margin-top:var(--space-2)}.layout{gap:var(--space-6);grid-template-columns:200px 1fr;max-width:860px;display:grid}.sidebar{padding-top:var(--space-5);display:block}.tool-nav{top:var(--space-5);flex-direction:column;gap:2px;display:flex;position:sticky}.mobile-tools{display:none!important}}.site-footer{border-top:6px solid #0000;border-image:var(--hazard-stripe) 1;padding:var(--space-5) 0 var(--space-6);background:var(--color-surface);margin-top:var(--space-6)}.site-footer p{margin:0;font-size:14px}.comments-main{padding-top:var(--space-5)}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:var(--space-5);margin-bottom:var(--space-5)}.tool-title{margin:0 0 var(--space-1);font-size:22px;font-weight:800}.tool-sub{margin:0 0 var(--space-4);color:var(--color-ink-soft);font-size:14.5px}.hint{color:var(--color-ink-soft);margin:var(--space-2) 0 0;font-size:13.5px}.signin-buttons{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.signin-btn{align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;border:2px solid var(--color-line);background:var(--color-surface-2);color:var(--color-ink);font-family:inherit;font-size:15px;font-weight:700;display:flex}.signin-btn:hover{border-color:var(--color-accent)}.signin-btn:focus-visible{outline:3px solid var(--color-hazard);outline-offset:2px}.signin-btn:active{transform:translateY(1px)}.signin-btn.facebook svg{color:#1877f2}.session-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.privacy-row{align-items:center;gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.privacy-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-soft);font-size:12.5px;font-weight:800}.name-chip{color:var(--color-ink);background:var(--color-surface-2);border:2px solid var(--color-line);padding:2px var(--space-3);cursor:pointer;border-radius:999px;min-height:34px;font-family:inherit;font-size:13.5px;font-weight:700}.name-chip:hover{border-color:var(--color-accent)}.name-chip:focus-visible{outline:3px solid var(--color-hazard);outline-offset:2px}.name-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.photo-toggle{align-items:center;gap:var(--space-1);color:var(--color-ink-soft);cursor:pointer;font-size:13.5px;display:flex}.photo-toggle input{accent-color:var(--color-accent);width:16px;height:16px}.composer-input,.edit-box textarea{width:100%;color:var(--color-ink);background:var(--color-bg);border:2px solid var(--color-line-strong);border-radius:var(--radius-sm);padding:var(--space-3);resize:vertical;font-family:inherit;font-size:16px}.composer-input:focus,.edit-box textarea:focus{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);outline:none}.composer-actions{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.calc-btn{min-height:48px;padding:0 var(--space-5);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-ink);background:var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;border:none;font-family:inherit;font-size:15px;font-weight:800;box-shadow:0 3px #b34f05}.calc-btn:hover{background:var(--color-accent-hot)}.calc-btn:focus-visible{outline:3px solid var(--color-hazard);outline-offset:3px}.calc-btn:active{transform:translateY(2px);box-shadow:0 1px #b34f05}.calc-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.msg{margin:var(--space-3) 0 0;font-size:14px;font-weight:650}.error-msg{color:var(--bad)}.ok-msg{color:var(--good)}.list-head{text-transform:uppercase;letter-spacing:.05em;color:var(--color-hazard);margin:0 0 var(--space-3);font-size:15px;font-weight:800}.comment{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-3)}.comment.reply{margin:var(--space-3) 0 0 var(--space-5);background:var(--color-surface-2)}.comment-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.avatar{object-fit:cover;border-radius:50%;width:34px;height:34px}.avatar-fallback{background:var(--color-accent);color:var(--color-accent-ink);justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.author{font-size:14.5px;font-weight:750}.when{color:var(--color-ink-soft);font-size:12.5px}.spacer{flex:1}.comment-body{margin:var(--space-2) 0 var(--space-3);overflow-wrap:break-word;font-size:15px}.mini-btn{color:var(--color-ink-soft);border:1.5px solid var(--color-line);padding:2px var(--space-3);cursor:pointer;background:0 0;border-radius:999px;min-height:30px;font-family:inherit;font-size:12.5px;font-weight:700}.mini-btn:hover{border-color:var(--color-accent);color:var(--color-ink)}.mini-btn:focus-visible{outline:3px solid var(--color-hazard);outline-offset:2px}.mini-btn:disabled{opacity:.5;cursor:not-allowed}.mini-btn.danger:hover{border-color:var(--bad);color:var(--bad)}.load-more{margin:var(--space-4) auto;min-height:44px;padding:0 var(--space-5);font-size:14px;display:block}.edit-box{margin-top:var(--space-2)}.edit-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.empty{text-align:center;padding:var(--space-5) 0}
