html { font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}body { margin: 0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block;}audio,canvas,progress,video { display: inline-block;vertical-align: baseline;}audio:not([controls]) { display: none;height: 0;}[hidden],template { display: none;}a { background-color: transparent;}a:active,a:hover { outline: 0;}abbr[title] { border-bottom: 1px dotted;}b,strong { font-weight: bold;}dfn { font-style: italic;}h1 { font-size: 2em;margin: 0.67em 0;}mark { background: #ff0;color: #000;}small { font-size: 80%;}sub,sup { font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup { top: -0.5em;}sub { bottom: -0.25em;}img { border: 0;}svg:not(:root) { overflow: hidden;}figure { margin: 1em 40px;}hr { -moz-box-sizing: content-box;box-sizing: content-box;height: 0;}pre { overflow: auto;}code,kbd,pre,samp { font-family: monospace,monospace;font-size: 1em;}button,input,optgroup,select,textarea { color: inherit;font: inherit;margin: 0;}button { overflow: visible;}button,select { text-transform: none;}button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button;cursor: pointer;}button[disabled],html input[disabled] { cursor: default;}button::-moz-focus-inner,input::-moz-focus-inner { border: 0;padding: 0;}input { line-height: normal;}input[type="checkbox"],input[type="radio"] { box-sizing: border-box;padding: 0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto;}input[type="search"] { -webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}fieldset { border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend { border: 0;padding: 0;}textarea { overflow: auto;}optgroup { font-weight: bold;}table { border-collapse: collapse;border-spacing: 0;}td,th { padding: 0;}.container { position: relative;width: 100%;max-width: 960px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}.column,.columns { width: 100%;float: left;box-sizing: border-box;}@media (min-width: 400px) { .container { width: 95%;padding: 0;}}@media (min-width: 550px) { .container { width: 90%;} .column,.columns { margin-left: 4%;} .column:first-child,.columns:first-child { margin-left: 0;} .one.column,.one.columns { width: 4.66666666667%;} .two.columns { width: 13.3333333333%;} .three.columns { width: 22%;} .four.columns { width: 30.6666666667%;} .five.columns { width: 39.3333333333%;} .six.columns { width: 48%;} .seven.columns { width: 56.6666666667%;} .eight.columns { width: 65.3333333333%;} .nine.columns { width: 74.0%;} .ten.columns { width: 82.6666666667%;} .eleven.columns { width: 91.3333333333%;} .twelve.columns { width: 100%;margin-left: 0;} .one-third.column { width: 30.6666666667%;} .two-thirds.column { width: 65.3333333333%;} .one-half.column { width: 48%;} .offset-by-one.column,.offset-by-one.columns { margin-left: 8.66666666667%;} .offset-by-two.column,.offset-by-two.columns { margin-left: 17.3333333333%;} .offset-by-three.column,.offset-by-three.columns { margin-left: 26%;} .offset-by-four.column,.offset-by-four.columns { margin-left: 34.6666666667%;} .offset-by-five.column,.offset-by-five.columns { margin-left: 43.3333333333%;} .offset-by-six.column,.offset-by-six.columns { margin-left: 52%;} .offset-by-seven.column,.offset-by-seven.columns { margin-left: 60.6666666667%;} .offset-by-eight.column,.offset-by-eight.columns { margin-left: 69.3333333333%;} .offset-by-nine.column,.offset-by-nine.columns { margin-left: 78.0%;} .offset-by-ten.column,.offset-by-ten.columns { margin-left: 86.6666666667%;} .offset-by-eleven.column,.offset-by-eleven.columns { margin-left: 95.3333333333%;} .offset-by-one-third.column,.offset-by-one-third.columns { margin-left: 34.6666666667%;} .offset-by-two-thirds.column,.offset-by-two-thirds.columns { margin-left: 69.3333333333%;} .offset-by-one-half.column,.offset-by-one-half.columns { margin-left: 52%;}}a { color: #1EAEDB;}a:hover { color: #0FA0CE;}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select { height: 38px;padding: 6px 10px;background-color: #fff;border: 1px solid #D1D1D1;border-radius: 4px;box-shadow: none;box-sizing: border-box;}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea { -webkit-appearance: none;-moz-appearance: none;appearance: none;}textarea { min-height: 65px;padding-top: 6px;padding-bottom: 6px;}input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus { border: 1px solid #33C3F0;outline: 0;}label,legend { display: block;margin-bottom: .5rem;font-weight: 600;}fieldset { padding: 0;border-width: 0;}input[type="checkbox"],input[type="radio"] { display: inline;}label > .label-body { display: inline-block;margin-left: .5rem;font-weight: normal;}ul { list-style: circle inside;}ol { list-style: decimal inside;}ol,ul { padding-left: 0;margin-top: 0;}ul ul,ul ol,ol ol,ol ul { margin: 1.5rem 0 1.5rem 3rem;font-size: 90%;}li { margin-bottom: 0.5rem;}code { padding: .2rem .5rem;margin: 0 .2rem;font-size: 90%;white-space: nowrap;background: #F1F1F1;border: 1px solid #E1E1E1;border-radius: 4px;}pre > code { display: block;padding: 1rem 1.5rem;white-space: pre;}th,td { padding: 12px 15px;text-align: left;border-bottom: 1px solid #E1E1E1;}th:first-child,td:first-child { padding-left: 0;}th:last-child,td:last-child { padding-right: 0;}button,.button { margin-bottom: 1.5rem;}input,textarea,select,fieldset { margin-bottom: 1.5rem;}pre,blockquote,dl,figure,table,p,ul,ol,form { margin-bottom: 1.5rem;} .u-full-width { width: 100%;box-sizing: border-box;} .u-max-full-width { max-width: 100%;box-sizing: border-box;} .u-pull-right { float: right !important;} .u-pull-left { float: left !important;} .u-cf { content: "";display: table;clear: both;} .u-center-block { display: block;margin-left: auto;margin-right: auto;} .u-center-abs { position: absolute;top: 50%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);} .u-text-center { text-align: center !important;} .u-text-right { text-align: right !important;} .u-text-hide { font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;} .u-hide { display: none !important;} .u-show { display: block !important;} .u-invisible { visibility: hidden !important;} .u-visible { visibility: visible !important;} .u-img-responsive { display: block;max-width: 100%;height: auto;}hr { margin-top: 2rem;margin-bottom: 2rem;border-width: 0;border-top: 2px solid #E1E1E1;}.container:after,.row:after,.u-cf { content: "";display: table;clear: both;}@media (min-width: 400px) {}@media (min-width: 550px) {}@media (min-width: 750px) {}@media (min-width: 1000px) {}@media (min-width: 1200px) {}html,body { overflow-x: hidden;max-width: 100%;}.container { padding: 0 10px;}hr { margin-top: 0;} input,textarea,select,fieldset { margin-bottom: 1rem;}pre,blockquote,dl,figure,table,p,ul,ol,form { margin-bottom: 1rem;}.menu { color: #fff;background-size: cover;background-color: #979797;background-image: linear-gradient(-180deg,#aeaeaf,#5e5f60 90%);Border-bottom: 1px black solid;line-height: 1.3;}.menu ul { padding: 0;margin: 0;display: flex;align-items: center;}.menu ul li { padding: 0;margin: 0;list-style: none;}.menu ul li a { display: block;position: relative;padding: 6px 8px 6px 8px;margin: 0;text-align: center;text-decoration: none;text-shadow: 0 1px 0 #222;color: white;font-size: 120%;white-space: nowrap;}.menu ul li:hover { background-color: rgba(0,0,0,0.5);}.menu ul li.status a { color: #2f6;}.menu ul li.status-offline a { color: #ccc;}.menu ul li.selected a { padding-bottom: 2px;font-weight: bold;border-bottom: 4px solid #fff;}.w-wide { display: inherit !important;}.w-thin { display: none !important;}.menu { position: relative;}#menuToggle { display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding: 8px 14px;cursor: pointer;-webkit-user-select: none;user-select: none;}#menuToggle input[type="checkbox"] { position: absolute;top: 8px;left: 14px;width: 32px;height: 24px;cursor: pointer;opacity: 0;z-index: 10;margin: 0;}#menuToggle span { display: block;width: 28px;height: 3px;margin-bottom: 5px;background: #fff;border-radius: 3px;transition: transform 0.3s ease,opacity 0.3s ease;}#menuToggle span:last-of-type { margin-bottom: 0;}#menuToggle input[type="checkbox"]:checked ~ span:first-of-type { transform: rotate(45deg) translate(5px,6px);}#menuToggle input[type="checkbox"]:checked ~ span:nth-of-type(2) { opacity: 0;transform: scaleX(0);}#menuToggle input[type="checkbox"]:checked ~ span:last-of-type { transform: rotate(-45deg) translate(5px,-6px);}#menuBox { display: none;position: absolute;top: 100%;left: 0;right: 0;background: linear-gradient(-180deg,#aeaeaf,#5e5f60 90%);z-index: 1000;box-shadow: 0 4px 8px rgba(0,0,0,0.2);}#menuToggle input[type="checkbox"]:checked ~ #menuBox { display: block;}#menuBox ul { display: flex;flex-direction: column;align-items: stretch;padding: 4px 0;width: 100%;}#menuBox ul li { width: 100%;}#menuBox ul li a { text-align: left;padding: 10px 20px;border-bottom: 1px solid rgba(255,255,255,0.1);}#menuBox .menu-search-mobile { padding: 10px 20px;}#menuBox .menu-search-mobile .menu-search-input { width: 100%;}@media (max-width: 750px) { .w-wide { display: none !important;} .w-thin { display: flex !important;}}.menu-search { padding: 6px 6px;margin-left: auto;}.menu-search form { margin-bottom: 0;}.menu-search-input { -webkit-appearance: textfield;appearance: textfield;background: rgba(255,255,255,0.15);border: 1px solid rgba(255,255,255,0.35);border-radius: 4px;color: #fff;padding: 6px 8px;font-size: 120%;text-shadow: 0 0 0 #222;width: 208px;margin-bottom: 0;vertical-align: middle;box-sizing: border-box;}.menu-search-input::placeholder { color: rgba(255,255,255,0.7);}.menu-search-input:focus { outline: none;background: rgba(255,255,255,0.25);border-color: rgba(255,255,255,0.6);}.sortable { cursor: pointer;position: relative;text-decoration: underline;text-decoration-color: lightgrey;color: black;}.sortable:hover { text-decoration-color: black;}.sortable.sort-asc::after { content: " ▲";font-size: 0.9em;}.sortable.sort-desc::after { content: " ▼";font-size: 0.9em;}.flash-message { margin: 1rem 0;padding: 1rem;border-left: 4px solid;border-radius: 4px;font-size: 0.95rem;animation: slideDown 0.3s ease-out;}.flash-message p { margin: 0;padding: 0;}.flash-message strong { font-weight: 600;}.flash-success { background-color: #d4edda;border-color: #28a745;color: #155724;}.flash-error { background-color: #f8d7da;border-color: #dc3545;color: #721c24;}.flash-info { background-color: #d1ecf1;border-color: #17a2b8;color: #0c5460;}.flash-warning { background-color: #fff3cd;border-color: #ffc107;color: #856404;}@keyframes slideDown { from { opacity: 0;transform: translateY(-10px);} to { opacity: 1;transform: translateY(0);}}.admin-section { margin: 2rem 0 3rem 0;padding: 0;}.section-title { font-size: 1.5rem;font-weight: 600;color: #333;margin: 0 0 1.5rem 0;padding: 0.5rem 0;border-bottom: 2px solid #ddd;}.cards-container { display: grid;grid-template-columns: repeat(auto-fit,minmax(400px,1fr));gap: 1.5rem;margin-bottom: 2rem;}.form-card { background: white;border: 1px solid #ddd;border-radius: 8px;padding: 1.5rem;box-shadow: 0 2px 4px rgba(0,0,0,0.08);transition: all 0.3s ease;}.form-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.12);border-color: #bbb;}.form-card h4 { margin: 0 0 1rem 0;font-size: 1.1rem;color: #2c3e50;font-weight: 600;padding-bottom: 0.75rem;border-bottom: 2px solid #f0f0f0;}.form-card .form-group { margin-bottom: 1rem;}.form-card .form-group:last-child { margin-bottom: 0.5rem;}.form-card input[type="submit"] { width: 100%;margin-top: 0.5rem;}.pagination { display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;align-items: center;margin: 2.5rem auto;width: 100%;}.pagination a,.pagination .current-page,.pagination .pagination-ellipsis { display: inline-block;padding: 10px 16px;border: 1px solid #ccc;border-radius: 6px;text-decoration: none;color: #333;font-size: 1.05rem;font-weight: 500;}.pagination a:hover { background-color: #f0f0f0;border-color: #888;}.pagination .current-page { background-color: #555;color: #fff;border-color: #555;font-weight: 700;}.pagination .pagination-ellipsis { border-color: transparent;color: #999;padding: 10px 6px;font-weight: 400;}@font-face { font-family: 'Merriweather';font-style: normal;font-weight: 400;src: local('Merriweather Regular'),local('Merriweather-Regular'),url(/css/fonts/u-440qyriQwlOrhSvowK_l5-cSZMdeX3rsHo.woff2) format('woff2');unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display: swap;}@font-face { font-family: 'Merriweather';font-style: normal;font-weight: 400;src: local('Merriweather Regular'),local('Merriweather-Regular'),url(/css/fonts/u-440qyriQwlOrhSvowK_l5-eCZMdeX3rsHo.woff2) format('woff2');unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face { font-family: 'Merriweather';font-style: normal;font-weight: 400;src: local('Merriweather Regular'),local('Merriweather-Regular'),url(/css/fonts/u-440qyriQwlOrhSvowK_l5-cyZMdeX3rsHo.woff2) format('woff2');unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face { font-family: 'Merriweather';font-style: normal;font-weight: 400;src: local('Merriweather Regular'),local('Merriweather-Regular'),url(/css/fonts/u-440qyriQwlOrhSvowK_l5-ciZMdeX3rsHo.woff2) format('woff2');unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face { font-family: 'Merriweather';font-style: normal;font-weight: 400;src: local('Merriweather Regular'),local('Merriweather-Regular'),url(/css/fonts/u-440qyriQwlOrhSvowK_l5-fCZMdeX3rg.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display: swap;}@font-face { font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'),local('Roboto-Regular'),url(/css/fonts/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display: swap;}@font-face { font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'),local('Roboto-Regular'),url(/css/fonts/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face { font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'),local('Roboto-Regular'),url(/css/fonts/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');unicode-range: U+1F00-1FFF;font-display: swap;}@font-face { font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'),local('Roboto-Regular'),url(/css/fonts/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');unicode-range: U+0370-03FF;font-display: swap;}@font-face { font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'),local('Roboto-Regular'),url(/css/fonts/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face { font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'),local('Roboto-Regular'),url(/css/fonts/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face { font-family: 'Roboto';font-style: normal;font-weight: 400;src: local('Roboto'),local('Roboto-Regular'),url(/css/fonts/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display: swap;}@font-face { font-family: 'Roboto';font-style: normal;font-weight: 700;src: local('Roboto Bold'),local('Roboto-Bold'),url(/css/fonts/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display: swap;}@font-face { font-family: 'Roboto';font-style: normal;font-weight: 700;src: local('Roboto Bold'),local('Roboto-Bold'),url(/css/fonts/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face { font-family: 'Roboto';font-style: normal;font-weight: 700;src: local('Roboto Bold'),local('Roboto-Bold'),url(/css/fonts/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');unicode-range: U+1F00-1FFF;font-display: swap;}@font-face { font-family: 'Roboto';font-style: normal;font-weight: 700;src: local('Roboto Bold'),local('Roboto-Bold'),url(/css/fonts/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');unicode-range: U+0370-03FF;font-display: swap;}@font-face { font-family: 'Roboto';font-style: normal;font-weight: 700;src: local('Roboto Bold'),local('Roboto-Bold'),url(/css/fonts/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face { font-family: 'Roboto';font-style: normal;font-weight: 700;src: local('Roboto Bold'),local('Roboto-Bold'),url(/css/fonts/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face { font-family: 'Roboto';font-style: normal;font-weight: 700;src: local('Roboto Bold'),local('Roboto-Bold'),url(/css/fonts/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display: swap;}@font-face { font-family: 'Work Sans';font-style: normal;font-weight: 400;src: local('Work Sans'),local('WorkSans-Regular'),url(/css/fonts/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format('woff2');unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face { font-family: 'Work Sans';font-style: normal;font-weight: 400;src: local('Work Sans'),local('WorkSans-Regular'),url(/css/fonts/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display: swap;}@font-face { font-family: 'Work Sans';font-style: normal;font-weight: 700;src: local('Work Sans Bold'),local('WorkSans-Bold'),url(/css/fonts/QGYpz_wNahGAdqQ43Rh3x4X8lthNy_r-K7mV.woff2) format('woff2');unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face { font-family: 'Work Sans';font-style: normal;font-weight: 700;src: local('Work Sans Bold'),local('WorkSans-Bold'),url(/css/fonts/QGYpz_wNahGAdqQ43Rh3x4X8mNhNy_r-Kw.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display: swap;}@font-face { font-family: 'icomoon';src: url('/css/fonts/icomoon.woff?sy7wvk') format('woff');font-weight: normal;font-style: normal;font-display: block;}[class^="icon-"],[class*=" icon-"] { font-family: 'icomoon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-heart:before { content: "\e9da";}.icon-walk:before { content: "\e9b2";}.icon-smile:before { content: "\e9e1";}.icon-laugh:before { content: "\e9e8";}.icon-sad:before { content: "\e9e5";}.icon-cry:before { content: "\ea01";}.icon-wink:before { content: "\e9e7";}.icon-fire:before { content: "\e9a9";}.icon-sparkle:before { content: "\e9d4";}.icon-skull:before { content: "\e9f8";}.icon-sword:before { content: "\e90a";transform: rotate(180deg);display: inline-block;}table { table-layout: fixed;width: 100%;}.container { margin-left: 0;margin-right: 0;max-width: 100%;}h3 { font-size: 1.75rem;margin: 1em 0;text-align: center;}h4 { font-size: 1.4rem;text-align: center;}a { color: rgb(78,76,76);text-decoration: none;}a:hover { color: grey;}.nav-link { color: grey;}.nav-link:hover { color: rgb(49,49,49);}hr.solid { border-top: 3px solid rgb(58,57,57);}.title h6,.author { margin: 0;font-size: 1em;color: #333;}.title h6 { line-height: 1.2em;max-height: 2.4em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}.title h6 a,.author a { font-weight: bold;color: inherit;}.simplebox .author a { font-weight: normal;}.title h6 a:hover,.author a:hover { color: #5b7da1;}.title,.author { padding: 3px;}div.translator { padding-left: 4px;}div.narrator {padding-left: 4px;}.section-heading { text-align: center;margin-top: 20px;margin-bottom: 10px;}.section-heading h3 { font-size: 1.5em;color: #333;font-weight: bold;}.bookinfo,.bookinfobox,.bookinfopink,.bookinfoteal { display: inline-block;padding: 2px;margin-top: 3px;margin-right: 10px;}.bookinfo,.bookinfobox { color: #666;}.bookinfopink { color: mediumvioletred;}.bookinfoteal,.bookteal { color: teal;}.box-container { display: grid;grid-template-columns: repeat(auto-fill,minmax(215px,1fr));grid-gap: 10px;align-items: stretch;}.box-container .simplebox { margin: 0;max-width: 100%;}.text-center { text-align: center;}.text-teal { color: teal;}.simplebox { background-color: #ffffff;border: 1px solid #e0e0e0;border-radius: 10px;padding: 15px;margin: 10px 0;max-width: 220px;height: auto;box-shadow: 0 4px 8px rgba(0,0,0,0.1);display: flex;flex-direction: column;align-items: center;transition: transform 0.2s,box-shadow 0.2s;overflow: hidden;}.simplebox:hover { transform: scale(1.02);box-shadow: 0 6px 12px rgba(0,0,0,0.15);}.simplecover img { width: 100%;aspect-ratio: 2/3;border-radius: 8px;object-fit: contain;margin-bottom: 10px;}.simplecontent { text-align: center;width: 100%;border-top: 1px solid #ccc;padding-top: 10px;display: flex;flex-direction: column;align-items: center;gap: 5px;}.simplestatus { display: flex;flex-wrap: wrap;align-items: center;gap: 8px;justify-content: center;margin-top: 4px;}.badge-read,.badge-owned,.badge-lent,.badge-wishlist,.badge-physical { display: inline-block;padding: 2px 7px;border-radius: 10px;font-size: 0.7em;font-weight: bold;line-height: 1.4;white-space: nowrap;}.badge-read { background-color: #fce4f0;color: mediumvioletred;border: 1px solid #f5b8d8;}.badge-owned { background-color: #d1ecf1;color: #0c5460;border: 1px solid #bee5eb;}.badge-lent { background-color: #fef9e0;color: #7a5c00;border: 1px solid #d4a800;}.badge-lent-btn { cursor: pointer;}.badge-lent-btn:hover { background-color: #d4a800;color: #fff;}.badge-wishlist { background-color: #fef9e0;color: #7a5c00;border: 1px solid #d4a800;}.badge-physical { background-color: #d1ecf1;color: #0c5460;border: 1px solid #bee5eb;}.badge-will-not-read { display: inline-block;padding: 2px 8px;border-radius: 10px;font-size: 0.7em;font-weight: bold;line-height: 1.4;white-space: nowrap;background-color: transparent;color: #4a6fa5;border: 1px solid #4a6fa5;cursor: pointer;font-family: inherit;margin-bottom: 0;-webkit-appearance: none;appearance: none;transition: background-color 0.15s,color 0.15s;}.badge-will-not-read:hover { background-color: #4a6fa5;color: #fff;border-color: #4a6fa5;}form.will-not-read-form { display: inline;margin: 0;padding: 0;}.medbox .simplestatus,.bookbox-status { justify-content: flex-start;margin-top: 8px;}.med-container { display: grid;grid-template-columns: repeat(auto-fill,minmax(480px,1fr));grid-gap: 20px;align-items: stretch;padding: 10px;}.medbox { background-color: rgb(247,245,245);border: 1px solid lightgray;border-radius: 10px;padding: 15px;display: flex;margin-bottom: 10px;max-width: 100%;height: auto;box-shadow: 0 4px 8px rgba(0,0,0,0.1);transition: transform 0.2s,box-shadow 0.2s;}.medbox:hover { transform: scale(1.02);box-shadow: 0 6px 12px rgba(0,0,0,0.15);}.medcover { flex-shrink: 0;width: 225px;aspect-ratio: 2/3;border-radius: 8px;overflow: hidden;margin-right: 15px;}.medcover img { width: 100%;height: 100%;object-fit: contain;display: block;}.medcontent { flex-grow: 1;display: flex;flex-direction: column;justify-content: flex-start;padding: 10px 0;}.ownedbox { width: 620px;background-color: rgb(247,245,245);border: 1px solid lightgray;border-radius: 10px;height: 290px;padding: 15px;display: flex;margin-bottom: 10px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);transition: transform 0.2s,box-shadow 0.2s;}.ownedbox:hover { transform: scale(1.02);box-shadow: 0 6px 12px rgba(0,0,0,0.15);}.cover { width: 180px;height: 240px;margin-right: 15px;border-radius: 8px;overflow: hidden;}.cover img { width: 100%;height: 100%;object-fit: cover;}.ownedcontent { flex-grow: 1;padding: 18px 9px;display: flex;flex-direction: column;justify-content: space-between;}.medcontent h5,.ownedcontent h5 { margin: 0;font-size: 1.2em;color: #333;font-weight: bold;}.medcontent h6,.ownedcontent h6 { margin: 0;font-size: 1em;color: #555;}.bookinfo { font-size: 0.9em;color: #666;margin-bottom: 5px;}.bookinfo a { color: #7575a6;text-decoration: none;}.bookinfo a:hover { text-decoration: underline;}.bookbox { max-width: 870px;width: 100%;background-color: rgb(247,245,245);border: 1px solid lightgray;border-radius: 10px;padding: 20px;margin: 20px auto;box-shadow: 0 4px 8px rgba(0,0,0,0.1);transition: transform 0.2s,box-shadow 0.2s;display: flex;align-items: flex-start;gap: 20px;}.bookbox:hover { transform: scale(1.02);box-shadow: 0 6px 12px rgba(0,0,0,0.15);}.bookcontent { flex-grow: 1;display: flex;flex-direction: column;padding: 10px 0;gap: 10px;overflow: hidden;}.bookcontent h5 { font-size: 1.4em;margin: 0;font-weight: bold;color: #333;}.bookcontent h6 { font-size: 1.1em;margin: 0;color: #555;font-weight: normal;}.bookcover { width: 233px;aspect-ratio: 2/3;flex-shrink: 0;border-radius: 8px;overflow: hidden;margin-right: 20px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}.bookcover img { width: 100%;height: 100%;object-fit: contain;}.reviews-section { margin-left: 3px;}.user-review-header { font-size: 0.9em;color: mediumvioletred;margin-bottom: 5px;}.user-review-header .reviewer-name,.user-review-header .user-rating,.user-review-header .read-date { display: inline;}.user-review-header .toggle-review { margin-left: 10px;font-size: 1em;color: mediumvioletred;text-decoration: none;}.user-review-header .toggle-review:hover { text-decoration: underline;}.user-review-header span,.user-review-header .toggle-review { margin-left: 0;}.review-text { font-size: 0.9em;color: #333;line-height: 1.5em;margin-left: 20px;margin-bottom: 15px;display: none;}.recommender-name a { color: mediumvioletred;text-decoration: none;}.recommender-name a:hover { color: mediumvioletred;text-decoration: underline;}.user-rating a { color: mediumvioletred;text-decoration: none;}.user-rating a:hover { color: mediumvioletred;text-decoration: underline;}.pages-read a { color: mediumvioletred;text-decoration: none;}.pages-read a:hover { color: mediumvioletred;text-decoration: underline;}.hours-listened a { color: mediumvioletred;text-decoration: none;}.hours-listened a:hover { color: mediumvioletred;text-decoration: underline;}.books-row { display: grid;grid-template-columns: repeat(auto-fill,minmax(160px,1fr));gap: 20px;align-items: stretch;}.book-item { box-sizing: border-box;display: flex;}.book-item .simplebox { width: 100%;max-width: 100%;margin: 0;flex: 1;}.simplecontent { text-align: center;}.tags-section { font-size: 0.9em;color: teal;margin-left: 3px;}.tag-category { margin-bottom: 5px;}.tag-category-name { font-weight: bold;color: teal;}.tags-section a { color: teal;text-decoration: none;}.tags-section a:hover { text-decoration: underline;}@media (max-width: 768px) { .simplebox,.ownedbox,.medbox { max-width: 100%;margin: 0 auto 10px;} .med-container { grid-template-columns: repeat(auto-fill,minmax(100%,1fr));} .bookbox { flex-direction: column;align-items: center;text-align: center;} .bookcover { width: 240px;aspect-ratio: 2/3;margin-right: 0;margin-bottom: 15px;} .bookcontent { width: 100%;padding: 10px;} .medbox { flex-direction: column;align-items: center;} .medcover { width: 180px;aspect-ratio: 2/3;margin-right: 0;margin-bottom: 15px;} .medcontent { width: 100%;text-align: center;}}.info-container { display: grid;grid-template-columns: repeat(auto-fit,minmax(600px,1fr));grid-gap: 10px;align-items: flex-start;justify-content: center;}.info-box { background-color:rgb(247,245,245);border: 1px solid lightgray;border-radius: 10px;padding: 10px;margin-left: 10px;margin-right: 10px;margin-top: 18px;height: 100%;text-align: center;align-items: center;}.user-container { display: grid;grid-template-columns: repeat(auto-fill,minmax(955px,1fr));grid-gap: 10px;align-items: flex-start;}.userbox { background-color: rgb(247,245,245);border: 1px solid lightgray;border-radius: 10px;padding: 18px;margin-top: 10px;width: 950px;height: 100%;display: flex;flex-direction: row;}.usercover { width: 158px;height: 240px;padding-top:30px;flex-shrink: 0;}.usercontent { width: 400px;padding-top: 18px;padding-left: 18px;padding-bottom: 18px;}.readcontent { width: 370px;display: block;flex-grow: 1;}.reviewbox { max-width: 350px;border-left: 1px solid rgb(92,92,92);border-radius: 5px;vertical-align:middle;display: flex;flex-direction: column;}.review { padding: 3px;margin-left: 2px;text-align: justify;color: rgb(92,92,92);flex-grow: 1;}.authorbox { background-color: #ffffff;border: 1px solid #e0e0e0;border-radius: 8px;padding: 8px 14px;margin: 6px auto;width: fit-content;display: flex;justify-content: flex-start;align-items: flex-start;box-shadow: 0 2px 4px rgba(0,0,0,0.08);transition: transform 0.2s,box-shadow 0.2s;}.authorbox:hover { transform: scale(1.02);box-shadow: 0 6px 12px rgba(0,0,0,0.15);}.authorinfo { display: flex;flex-direction: row;flex-wrap: wrap;gap: 6px 16px;width: 100%;}.author-detail { font-size: 1em;line-height: 2;}.author-detail a { color: #5b7da1;text-decoration: none;}.author-detail a:hover { text-decoration: underline;}.author-section-divider { border: none;border-top: 2px solid #e0e0e0;margin: 24px 0 0;}.author-section-divider { border: none;border-top: 2px solid #e0e0e0;margin: 24px 0 0;}.category-collapse { margin-bottom: 1rem;}.category-collapse > summary { cursor: pointer;list-style: none;text-align: center;padding: 0.3rem 0;font-size: 1.5rem;font-weight: bold;}.category-collapse > summary::-webkit-details-marker { display: none;}.category-collapse > summary::after { content: ' \25BC';font-size: 0.6em;color: #999;vertical-align: middle;}.category-collapse[open] > summary::after { content: ' \25B2';}div.button { display: flex;flex-wrap: wrap;justify-content: center;}.button { background-color: #fff;color: #333;border: 2px solid #ddd;font-size: 20px;padding: 10px 20px;text-decoration: none;margin: 5px;display: inline-block;transition: all 0.3s;border-radius: 8px;}.button:hover { background-color: #f0f0f0;color: #333;border-color: #bbb;box-shadow: 0 4px 8px rgba(0,0,0,0.1);transform: translateY(-2px);}.button:focus { outline: none;border-color: #007bff;box-shadow: 0 0 5px rgba(0,123,255,0.5);}.carousel-item .d-flex { justify-content: center;}.carousel-image { flex: 0 0 auto;width: calc(20% - 10px);aspect-ratio: 2 / 3;margin: 5px;object-fit: cover;}.custom-prev,.custom-next { height: 30px;margin: auto 0;}.carousel-control-prev-icon,.carousel-control-next-icon { width: 20px;height: 20px;}.form-group { display: flex;flex-direction: column;} .form-group.horizontal { flex-direction: row;align-items: center;} .form-group.horizontal label { width: 150px;margin-bottom: 0;} .form-group.horizontal input,.form-group.horizontal select { flex: 1;} input[type="submit"]:hover { background-color: #0056b3;transition: background-color 0.3s ease;} input[type="text"]:focus,select:focus { border-color: #007bff;outline: none;} @media (max-width: 768px) { .container { padding: 20px;} .form-group.horizontal { flex-direction: column;align-items: flex-start;} .form-group.horizontal label { width: auto;margin-bottom: 5px;} } .sort-dropdown { display: flex;align-items: center;gap: 10px;margin-bottom: 20px;}.sort-dropdown label { font-size: 16px;font-weight: 500;color: #333;}.sort-dropdown select { font-size: 16px;padding: 5px 10px;border: 2px solid #ddd;border-radius: 5px;background-color: #fff;color: #333;transition: all 0.3s ease;}.sort-dropdown select:hover { border-color: #bbb;background-color: #f8f8f8;}.sort-dropdown select:focus { outline: none;border-color: #007bff;box-shadow: 0 0 5px rgba(0,123,255,0.5);} .btn-primary { color: #fff;background-color: #007bff;border-color: #007bff;} .btn { display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;border-radius: .25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .btn:not(:disabled):not(.disabled) { cursor: pointer;}