:root{--color-primary-100: #03a9f4;--color-primary-200: #4ab2f5;--color-primary-300: #6abcf7;--color-primary-400: #84c5f8;--color-primary-500: #9bcefa;--color-primary-600: #b1d8fb;--color-surface-100: #121212;--color-surface-200: #282828;--color-surface-300: #3f3f3f;--color-surface-400: #575757;--color-surface-500: #717171;--color-surface-600: #8b8b8b;--color-surface-mixed-100: #191f25;--color-surface-mixed-200: #2e3439;--color-surface-mixed-300: #454a4f;--color-surface-mixed-400: #5d6166;--color-surface-mixed-500: #76797e;--color-surface-mixed-600: #8f9396;--color-better-white: #fcfcfc;--color-plain-grey: #e3e3e3;--color-warning: #df8782;--color-moderate: #dbe46c;--color-hazardous: #ff5722}#root{max-width:1280px;margin:0 auto;padding:2rem}body{background-color:var(--color-surface-100);color:#ccc}h1{margin:0}.top-bar{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:10px}.content{display:flex;flex-direction:row;gap:10px}.sidebar{width:25%;display:flex;flex-direction:column}.toggleButtonGroup{width:80%}.commentContainer{width:600px;display:flex;flex-direction:column;align-items:end}.commentForm{margin-bottom:20px}.commentInput{padding:5px;border:1px solid #444;border-radius:5px;background-color:#121212;color:#ccc;margin-right:5px}input::placeholder{color:#555;font-style:italic}.commentSubmit{padding:5px;border:1px solid #444;border-radius:5px;background-color:#121212;color:#555}.commentDisplay{display:flex;flex-direction:column}.comment{display:flex;justify-content:end;padding:5px;border-top:1px solid #444;color:#ccc}.upload{margin:20px 0}a{text-decoration:none;color:#000}.image{width:100%;max-height:85vh;object-fit:contain}.postCardImage{width:600px}.postDescription{padding:5px;width:600px}.postMenu{background-color:var(--color-surface-200);color:#ccc}.postMenuList{background-color:var(--color-surface-100);color:#ccc}.ratingCard{min-height:60vh}.ratingButton{margin-left:5px;margin-top:5px}.ratingEdit{margin-top:20px;display:flex;align-items:center;justify-content:space-between;width:600px;height:24px}.accordionContainer{display:flex;justify-content:end}.adminPostInfo{margin-top:10px}.queueImage{max-height:50vh}.custom-edit-button{display:inline-block;padding:0;margin:0;background-color:#121212;color:#ccc;cursor:pointer;border:none;border-radius:2px}.modalContent{background-color:var(--color-surface-200);border-radius:10px;color:#ccc;padding:10px}