@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Nova+Round&display=swap);#app{min-height:100vh}

/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.col-6{grid-column:6}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.table-row{display:table-row}.w-full{width:100%}.flex-shrink,.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}:root{--color-text:#0f0f0f;--color-boxbg:#f5f5f5;--color-inputbg:#fff;--color-pagebg:#ffd8d4;--image-bg:url(/img/CitopiaDayBG.cb99a85f.webp);--image-repeat:repeat-y;--image-size:100% auto;--image-position:top center;--image-attachment:scroll;--color-button:#cfcfcf;--color-buttonhover:#acacac;--color-highlightprimary:#e7abce;--color-highlightprimaryhover:#c985ad;--color-highlightsecondary:#cfcfcf;--color-highlightsecondaryhover:#acacac;--color-border:#ccc;--color-darkhover:#e7e7e7;--color-tableheader:#fff;--whitedark:#fff;--whiteblack:#fff;--color-navbg:#ffe0c8;--color-navtext:#333;--color-footerbg:#ffe0c8;--color-footertext:#0f0f0f;--wardrobe-action-btn-bg:#f0b898;--wardrobe-action-btn-text:#333;--wardrobe-action-btn-border:transparent;--shopwardrobe-cat-bg:transparent;--shopwardrobe-cat-border:var(--color-border);--shopwardrobe-cat-text:var(--color-text);--shopwardrobe-cat-hover-bg:transparent;--shopwardrobe-cat-hover-border:var(--color-navbg);--shopwardrobe-cat-hover-text:var(--color-text);--shopwardrobe-cat-active-bg:#f0b898;--shopwardrobe-cat-active-border:#f5c4a8;--shopwardrobe-cat-active-text:#333;--shop-add-cart-btn-bg:#f0b898;--shop-add-cart-btn-text:#333;--shop-add-all-btn-bg:#e7abce;--shop-add-all-btn-text:#000;--cart-count-badge-bg:#f5c4a8;--cart-buyall-btn-bg:#f0b898;--cart-buyall-btn-hover-bg:#f5c4a8;--color-navbg-transparent:#ffe0c84d;--color-success:#28a745;--color-success-text:#fff;--color-error:#dc3545;--color-error-text:#fff;--color-warning:#ffc107;--color-warning-text:#212529;--color-info:#17a2b8;--color-info-text:#fff;--color-primary:#007bff;--color-primary-text:#fff;--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#ffe6dd;--bg-color:var(--color-pagebg);--text-primary:#0f0f0f;--text-secondary:#5a5a5a;--text-muted:#767676;--text-tertiary:#767676;--text-on-accent:#0f0f0f;--border-color:#ccc;--accent-color:#e7abce;--accent-color-rgb:231,171,206;--accent-bg:#fff0f7;--accent-hover:#c985ad;--avatar-bg:#e0e0e0}:root.dark{--color-text:#fafafa;--color-boxbg:#2c2f33;--color-inputbg:#2c2f33;--color-pagebg:#5e3472;--image-bg:url(/img/CitopiaNightBG.b416b0e7.webp);--image-repeat:repeat-y;--image-size:100% auto;--image-position:top center;--image-attachment:scroll;--color-button:#39307a;--color-buttonhover:#675fa1;--color-highlightprimary:#6b1045;--color-highlightprimaryhover:#862b60;--color-highlightsecondary:#39307a;--color-highlightsecondaryhover:#675fa1;--color-border:#6b6b6b;--color-darkhover:#505357;--color-tableheader:#747474;--whitedark:#54575a;--whiteblack:#2c2f33;--color-navbg:#433d6f;--color-navtext:#fefafa;--color-footerbg:#433d6f;--color-footertext:#fefafa;--wardrobe-action-btn-bg:var(--color-navbg);--wardrobe-action-btn-text:#fefafa;--wardrobe-action-btn-border:var(--color-navbg);--shopwardrobe-cat-bg:transparent;--shopwardrobe-cat-border:var(--color-border);--shopwardrobe-cat-text:var(--color-text);--shopwardrobe-cat-hover-bg:transparent;--shopwardrobe-cat-hover-border:var(--color-border);--shopwardrobe-cat-hover-text:var(--color-text);--shopwardrobe-cat-active-bg:var(--color-navbg);--shopwardrobe-cat-active-border:var(--color-navbg);--shopwardrobe-cat-active-text:#fefafa;--shop-add-cart-btn-bg:var(--color-navbg);--shop-add-cart-btn-text:#fefafa;--shop-add-all-btn-bg:#a3adf2;--shop-add-all-btn-text:#fff;--cart-count-badge-bg:var(--color-navbg);--cart-buyall-btn-bg:#413d85;--cart-buyall-btn-hover-bg:#5550a8;--color-navbg-transparent:#433d6f4d;--color-success:#28a745;--color-success-text:#fff;--color-error:#dc3545;--color-error-text:#fff;--color-warning:#ffc107;--color-warning-text:#212529;--color-info:#17a2b8;--color-info-text:#fff;--color-primary:#4b9bff;--color-primary-text:#fff;--bg-primary:#2c2f33;--bg-secondary:#1e2024;--bg-tertiary:#433d6f;--bg-color:var(--color-pagebg);--text-primary:#fafafa;--text-secondary:#c8c8c8;--text-muted:#9e9e9e;--text-tertiary:#9e9e9e;--text-on-accent:#fefafa;--border-color:#6b6b6b;--accent-color:#6b1045;--accent-color-rgb:107,16,69;--accent-bg:#3a1a2c;--accent-hover:#862b60;--avatar-bg:#3c3c3c}:root:not(.dark),:root[data-theme=light],html:not(.dark){--image-bg:url(/img/CitopiaDayBG.cb99a85f.webp);--image-repeat:repeat-y;--image-size:100% auto;--image-position:top center;--image-attachment:scroll}:root.dark,:root[data-theme=dark],html.dark{--image-bg:url(/img/CitopiaNightBG.b416b0e7.webp);--image-repeat:repeat-y;--image-size:100% auto;--image-position:top center;--image-attachment:scroll}html{background-color:var(--color-pagebg);min-height:100%;transition:background-color .3s}html.dark{background-color:#5e3472}body{color:var(--color-text);background-color:var(--color-pagebg);background-image:var(--image-bg);background-repeat:var(--image-repeat);background-size:var(--image-size);background-position:var(--image-position);background-attachment:var(--image-attachment);overscroll-behavior-y:contain;-o-transition:color .3s;margin:0;padding:0;font-family:Poppins,sans-serif;font-size:.8rem;transition:color .3s;overflow-x:hidden}h1{font-size:1.5em}h1,h2{margin:.5em 0;font-weight:700}h2{font-size:1.2em}h3{margin:.5em 0;font-size:1em;font-weight:700}.box,.forum-card{background-color:var(--color-boxbg);border-radius:5px;margin:20px 10px;padding:10px;transition:background-color .3s;box-shadow:5px 5px #0000004d}.button{background-color:var(--color-button);color:var(--color-text);cursor:pointer;border:none;border-radius:5px;padding:7px 15px;font-weight:700;transition:background-color .2s}.button:hover{background-color:var(--color-buttonhover)}.button.important{background-color:var(--color-highlightprimary)}.button.important:hover{background-color:var(--color-highlightprimaryhover)}input[type=email],input[type=password],input[type=text],select,textarea{background-color:var(--color-inputbg);color:var(--color-text);border:1px solid var(--color-border);border-radius:5px;width:100%;padding:8px;font-family:Poppins,sans-serif;font-size:.8rem;transition:filter .15s}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{filter:drop-shadow(0 0 5px #0000004d);outline:none}a{color:var(--color-highlightprimary);text-decoration:none}a:hover{color:var(--color-highlightprimaryhover);text-decoration:underline}table{border-collapse:collapse;width:100%}table th{background-color:var(--color-tableheader);color:var(--color-text);text-align:left;padding:10px;font-weight:700}table td{border-top:1px solid var(--color-border);padding:10px}table tr:hover{background-color:var(--color-darkhover)}.text-center{text-align:center}.flex-center{justify-content:center;align-items:center;display:flex}.container-width{background-color:#f8f9fae6;border-radius:5px;width:60rem;max-width:95%;margin:0 auto;padding:15px 20px}.dark .container-width{background-color:#2c2f33e6}.avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:30px;height:30px}.forum-card{cursor:pointer;margin:10px 0;transition:transform .2s,box-shadow .2s}.forum-card:hover{transform:translateY(-2px);box-shadow:7px 7px #0000004d}.category-icon{-o-object-fit:contain;object-fit:contain;width:50px;height:50px}.news-banner{-o-object-fit:cover;object-fit:cover;border-radius:5px;width:100%;height:200px;box-shadow:5px 5px #0000004d}.activity-item{border-bottom:1px solid var(--color-border);padding:10px}.activity-item:nth-child(2n){background-color:var(--color-darkhover)}.loading{border:3px solid var(--color-border);border-top-color:var(--color-highlightprimary);border-radius:50%;width:20px;height:20px;animation:spin 1s ease-in-out infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}