html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html{font-size:112.5%;line-height:1.11111em}@font-face{font-family:'Font Awesome 6 Regular';font-style:normal;font-weight:900;font-display:block;src:url("../fonts/fa/webfonts/fa-regular-400.woff2") format("woff2")}@font-face{font-family:'Font Awesome 6 Solid';font-style:normal;font-weight:900;font-display:block;src:url("../fonts/fa/webfonts/fa-solid-900.woff2") format("woff2")}@font-face{font-family:'HindSiliguri';font-style:normal;font-weight:normal;font-display:block;src:url("../fonts/google/HindSiliguri-Regular.ttf") format("truetype")}@font-face{font-family:'HindSiliguri';font-style:normal;font-weight:bold;font-display:block;src:url("../fonts/google/HindSiliguri-Medium.ttf") format("truetype")}@font-face{font-family:'HindSiliguri-Light';font-style:normal;font-weight:300;font-display:block;src:url("../fonts/google/HindSiliguri-Light.ttf") format("truetype")}@font-face{font-family:'HindSiliguri-Bold';font-style:normal;font-weight:700;font-display:block;src:url("../fonts/google/HindSiliguri-SemiBold.ttf") format("truetype")}html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strong,sub,sup,tt,center,dl,dt,dd,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,embed,figure,figcaption,input,button,textarea,canvas,audio,video,footer,header,hgroup,menu,nav,section{box-sizing:border-box}[data-mode="light"]{--background-color:#f8f8fa;--text-color:#3f3f4d;--text-color-lt:#6e6e80;--text-color-lt2:#a5a5b8;--text-color-pale:#e9e9f2;--text-color-pale-bg:#f0f0f7;--text-color-dp:#2b2b36;--text-color-dp2:#1d1d24;--form-text-color:#3f3f4d;--form-bg-color:#fff;--card-bg-color:#fff;--card-text-color:#3f3f4d}[data-mode="dark"]{--background-color:#2e2e31;--text-color:#bebecc;--text-color-lt:#a2a2af;--text-color-lt2:#686874;--text-color-pale:#3c3c42;--text-color-pale-bg:#343438;--text-color-dp:#d5d5ec;--text-color-dp2:#f2f2fa;--form-text-color:#f2f2fa;--form-bg-color:#5f5f6d;--card-bg-color:#4f4f5d;--card-text-color:#f2f2fa}[data-theme="pink-light"]{--theme-color:#f69;--theme-color-lt:#ffa1c0;--theme-color-pale:#ffdee9;--theme-color-pale-bg:#fce7ee;--theme-color-dp:#ff216b;--static-bg-color:#ffdee9;--static-paletone:#ffdee9;--button-bg:#f69;--button-hover-bg:#fff;--button-text:#fff;--button-hover-text:#f69}[data-theme="pink-dark"]{--theme-color:#f69;--theme-color-lt:#b3496c;--theme-color-pale:#9c4261;--theme-color-pale-bg:#833e55;--theme-color-dp:#ffc0d5;--static-bg-color:#2e2e31;--static-paletone:#ffa1c0;--button-bg:#f69;--button-hover-bg:#94425e;--button-text:#fff;--button-hover-text:#ffc0d5}a{color:var(--theme-color);transition:color .3s;text-decoration:none}a:link{color:var(--theme-color)}a:visited{color:var(--theme-color)}a:hover{color:var(--theme-color-lt)}a:active{color:var(--theme-color-lt)}body{font-family:"HindSiliguri","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic","Meiryo","MS Gothic",sans-serif;font-weight:normal;position:relative}section{overflow:hidden}strong{font-family:"HindSiliguri","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic","Meiryo","MS Gothic",sans-serif;font-weight:bold}h1,h2,h3,h4,h5,h6{font-family:"HindSiliguri","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic","Meiryo","MS Gothic",sans-serif;font-weight:bold}button{touch-action:manipulation}small{font-size:84%}*{transition:color .3s, background-color .3s, border-color .3s}[type="text"],[type="email"],[type="tel"],[type="number"],[type="submit"],textarea,button{-webkit-appearance:none}:focus{outline:none}.cf{clear:both}.relative{position:relative}.nodisp{display:none}.inline-block{display:inline-block}.alert-red{color:#fa280c}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.align-left-force{text-align:left !important}.align-center-force{text-align:center !important}.align-right-force{text-align:right !important}.nowrap{word-break:keep-all}.xx-large{font-size:150%}.x-large{font-size:125%}.large{font-size:112%}.small{font-size:84%}.x-small{font-size:72%}.xx-small{font-size:60%}.flexbox{display:flex}.no-select{pointer-events:none;user-select:none}.hidden{display:block;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;border-style:none;overflow:hidden;font-size:0;opacity:0;color:transparent}#entrance-container .input-form,#system-container .input-form{-webkit-appearance:none;width:100%;background-color:var(--form-bg-color);font-family:"HindSiliguri","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic","Meiryo","MS Gothic",sans-serif;font-size:87%;padding:8px;border-radius:6px;color:var(--form-text-color);border:solid 1px var(--text-color-pale)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px var(--form-bg-color) inset;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--form-text-color);font-style:normal;font-family:"HindSiliguri","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic","Meiryo","MS Gothic",sans-serif}html{width:100%;height:100%;padding:0;background-color:var(--background-color)}html#login,html#logout,html#system{background-color:var(--static-bg-color)}body{-webkit-text-size-adjust:100%;height:100%;min-height:100%;padding-left:0;padding-right:0;font-family:"HindSiliguri","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic","Meiryo","MS Gothic",sans-serif;color:var(--text-color)}body:before{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;content:""}@media screen and (max-width: 360px){body{width:360px}}#entrance-container,#system-container{position:relative;width:480px;margin-top:150px;margin-left:auto;margin-right:auto}@media screen and (max-width: 480px){#entrance-container,#system-container{width:100%}}@media screen and (max-width: 360px){#entrance-container,#system-container{width:360px}}#entrance-container form,#system-container form{padding:0 30px}#entrance-container .entrance-logo,#system-container .entrance-logo{position:relative;width:150px;height:150px;margin:0 auto}#entrance-container .entrance-logo .svg-logo,#system-container .entrance-logo .svg-logo{width:150px;height:150px;pointer-events:none;user-select:none}#entrance-container .entrance-appname,#system-container .entrance-appname{position:relative;width:320px;height:30px;margin:10px auto 20px}#entrance-container .entrance-appname .svg-appname,#system-container .entrance-appname .svg-appname{width:320px;height:30px;pointer-events:none;user-select:none}#entrance-container .input-form,#system-container .input-form{display:block;margin-bottom:15px;border:none;font-family:"HindSiliguri","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic","Meiryo","MS Gothic",sans-serif !important;padding:13px}#entrance-container .input-form::placeholder,#system-container .input-form::placeholder{color:var(--text-color-lt2)}#entrance-container .submit-button,#entrance-container .solid-button,#system-container .submit-button,#system-container .solid-button{display:block;font-size:94%;padding:11px 30px;-webkit-appearance:none;border:solid 0 var(--button-bg);border-radius:5px;cursor:pointer;font-family:"HindSiliguri","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic","Meiryo","MS Gothic",sans-serif;font-weight:bold;color:var(--button-text);background-color:var(--button-bg);transition:background-color 0.3s, color 0.3s, border-color 0.3s;margin-left:auto;margin-right:auto;width:fit-content}#entrance-container .submit-button:hover,#entrance-container .solid-button:hover,#system-container .submit-button:hover,#system-container .solid-button:hover{background-color:var(--button-hover-bg);color:var(--button-hover-text);border-color:var(--button-bg)}#entrance-container button.solid-button,#system-container button.solid-button{padding-top:7px;padding-bottom:7px}#entrance-container .solid-button,#system-container .solid-button{display:inline-block;margin-top:24px;margin-left:6px;margin-right:6px}#entrance-container .login-alert,#system-container .login-alert{padding-top:20px;text-align:center;color:#fa280c}.toggle-pwd{position:absolute;top:50%;right:15px;transform:translateY(-50%);color:var(--text-color-pale);cursor:pointer;user-select:none;transition:opacity 0.3s}.toggle-pwd:hover{opacity:.4}.svg-logo .cls-1,.svg-appname .cls-1{fill:var(--theme-color)}.svg-logo .cls-2,.svg-appname .cls-2{fill:#fff}#appview{display:grid;grid-template-rows:50px 50px 1fr 90px;grid-template-columns:240px 1fr;grid-template-areas:" header      header      " " category    control     " " list-pain   collections " " static-menu collections "}header{grid-area:header;display:grid;grid-template-rows:1fr;grid-template-columns:50px 1fr 50px;grid-template-areas:"logo search user";position:relative;height:50px;background-color:var(--background-color);text-align:left;z-index:1000}header #logo{grid-area:logo;position:absolute;width:50px;height:50px;top:0;left:0;padding-left:4px}header #logo .svg-logo{position:relative;width:46px;height:46px;margin-top:2px;margin-left:2px;border-radius:50%;pointer-events:none;user-select:none}header #user{grid-area:user;position:absolute;top:0;right:0;width:50px;height:50px;text-align:right;padding-right:4px}header #user .user-icon img{box-sizing:border-box;display:inline-block;width:40px;height:40px;margin-top:5px;margin-right:6px;use-select:none;border-radius:50%;border:solid 3px var(--static-paletone)}header #search{grid-area:search}nav#category{grid-area:category;margin:0 5px 5px 10px;border-radius:6px;background-color:var(--theme-color-pale-bg)}nav#control{grid-area:control;margin:0 10px 5px 5px;border-radius:6px;background-color:var(--theme-color-pale-bg)}nav #list-header{grid-area:list-header;display:flex;align-items:center;font-size:80%;font-family:"HindSiliguri-Bold";font-weight:bold;margin:8px 8px 0 8px;padding-left:8px;background-color:var(--background-color);border-radius:4px}nav#collection-list{grid-area:list;overflow-y:scroll}nav#static-menu{grid-area:static-menu;padding-top:10px}nav#category,nav#control{display:flex;align-items:center;vertical-align:middle;padding-left:8px}nav#category p,nav#control p{font-size:114%;font-weight:bold}nav#category p i,nav#control p i{position:relative;color:var(--theme-color);font-size:80%}nav#list-pane{display:grid;grid-template-rows:50px 1fr;grid-template-columns:1fr;grid-template-areas:" list-header     " " collection-list ";margin:5px 5px 5px 10px;border-radius:6px;background-color:var(--text-color-pale)}nav #collection-list,nav#static-menu{position:relative;font-size:87%}nav #collection-list li,nav#static-menu li{display:block;padding:4px 4px 4px 10px}nav #collection-list li.sortable-ghost,nav#static-menu li.sortable-ghost{opacity:0.4}nav #collection-list li.current-item,nav#static-menu li.current-item{font-weight:bold;color:var(--theme-color)}nav #collection-list li:hover span,nav#static-menu li:hover span{color:var(--theme-color)}nav #collection-list i,nav#static-menu i{position:relative;color:var(--theme-color-dp);font-size:80%}nav #collection-list li{cursor:grab}nav#static-menu{margin:5px 5px 10px 10px;border-radius:6px;background-color:var(--text-color-pale)}nav#static-menu li{cursor:pointer}section#collections{grid-area:collections;overflow-y:scroll}section#collections .wrap-group{margin:5px 10px 10px 5px;padding:6px;border-radius:6px;background-color:var(--text-color-pale);display:flex;flex-flow:row wrap}section#collections .group-header{font-size:100%;font-weight:bold;margin:4px;padding:5px 5px 2px 5px;border-radius:4px;flex-basis:100%}section#collections .group-header span{padding-right:10px}section#collections .group-header i{position:relative;color:var(--theme-color-dp);font-size:87%}section#collections .card{margin:6px;padding:10px 8px;background-color:var(--card-bg-color);border-radius:4px;flex-basis:220px}section#collections .card .site-title{font-size:87%}section#collections .card .site-description{font-size:80%}body.is-dragging *{cursor:grabbing !important}