:root{--bg:#4a4a4a;--bg-deep:#3c3c3c;--card-bg:#565656;--card-border:#8a8a8a;--text-light:#f2f0eb;--text-muted:#cfcdc6;--icon-color:#d8d6cf;--icon-active:#fff;--success:#7fd99a;--fail:#e2897a;--topbar-h:56px;--sidebar-w:72px}*,:before,:after{box-sizing:border-box}html{height:100%}body{background:var(--bg);height:100%;color:var(--text-light);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif}button{cursor:pointer;font-family:inherit}*{scrollbar-width:thin;scrollbar-color:#5e5e5e transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#5e5e5e;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#787878}::-webkit-scrollbar-corner{background:0 0}.page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.topbar-right{align-items:center;gap:6px;display:flex}.main-row{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sidebar{display:none}.logo-icon{color:var(--icon-active);justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;display:flex}.logo-icon svg{width:28px;height:28px}.side-nav{flex-direction:column;gap:22px;display:flex}.side-icon{color:var(--icon-color);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;text-decoration:none;transition:color .15s,background .15s;display:flex;position:relative}.side-icon svg{width:22px;height:22px}.side-icon:hover{color:var(--icon-active);background:#ffffff14}.side-icon.active{color:var(--icon-active);background:#ffffff1f}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);white-space:nowrap;color:#fff;opacity:0;pointer-events:none;z-index:100;background:#1a1a1a;border-radius:6px;padding:5px 9px;font-size:.75rem;font-weight:600;transition:opacity .15s,transform .15s;position:absolute}.sidebar [data-tooltip]:after{top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-4px)}.sidebar [data-tooltip]:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.app{flex:1;min-height:0;padding:0 20px;overflow-y:auto}.feedback-content{max-width:680px;margin:0 auto;padding:28px 0 64px}.feedback-content h1{color:var(--icon-active);margin:0 0 6px;font-size:1.6rem;font-weight:800;line-height:1.2}.feedback-intro{color:var(--text-muted);margin:0 0 28px;font-size:.95rem;line-height:1.6}.feedback-form{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;gap:18px;padding:24px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);font-size:.8rem;font-weight:700}.form-field .optional{text-transform:none;opacity:.7;font-weight:400}.form-field input,.form-field select,.form-field textarea{color:var(--text-light);background:var(--bg);border:1.5px solid var(--card-border);border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem;transition:border-color .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--icon-active)}.form-field textarea{resize:vertical;min-height:120px;line-height:1.5}.rating-row{gap:8px;display:flex}.rating-star{border:1.5px solid var(--card-border);width:42px;height:42px;color:var(--icon-color);background:0 0;border-radius:10px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.rating-star svg{width:20px;height:20px}.rating-star:hover{border-color:var(--icon-active);color:var(--icon-active)}.rating-star.selected{background:var(--success);border-color:var(--success);color:#1f3d2b}.submit-btn{color:#3a3a3a;background:#e8e8e8;border:none;border-radius:12px;align-self:flex-start;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:700;transition:background .15s;display:flex}.submit-btn:hover{background:#dcdcdc}.submit-btn:disabled{opacity:.6;cursor:default}.submit-btn svg{width:18px;height:18px}.form-status{min-height:1.2em;font-size:.9rem;font-weight:600}.form-status.success{color:var(--success)}.form-status.error{color:var(--fail)}@media (width>=900px){.topbar{display:none}.page{flex-direction:column}.sidebar{width:var(--sidebar-w);background:var(--bg-deep);z-index:50;flex-direction:column;flex-shrink:0;align-items:center;gap:36px;height:100vh;padding:20px 0;display:flex;position:fixed;top:0;left:0}.main-row{flex-direction:row}.app{padding-left:calc(var(--sidebar-w) + 40px);padding-right:40px}.feedback-content{padding:56px 0 80px}.feedback-content h1{font-size:2rem}}.side-space-middle{flex:1}a{-webkit-tap-highlight-color:transparent}