:root{--margin-small: 6px;--margin-medium: 12px;--margin-large: 18px;--margin-xlarge: 24px;--margin-xxlarge: 32px;--margin-xxxlarge: 48px}:root{--color-gray-0: #FFFFFF;--color-gray-1: #E0E0E0;--color-gray-2: #C1C1C1;--color-gray-3: #AFAFAF;--color-gray-4: #878787;--color-gray-5: #7b7b7b;--color-gray-6: #5a5a5a;--color-gray-7: #3B3B3B;--color-gray-9: #121212;--color-gray-10: #000000;--color-green-4: #009901;--color-green-3: #00cb01;--color-blue-4: #646cff}html,body{margin:0;padding:0;height:100%}:root{font-family:sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-gray-1);background-color:var(--color-gray-6);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;flex-direction:column;place-items:center;min-width:320px;min-height:100vh}#root{margin:5px auto;padding:0;text-align:start;height:100%;flex:1}@media(min-width:640px){#root{width:568px}}@media(min-width:768px){#root{width:640px}}@media(min-width:1024px){#root{width:768px}}@media(min-width:1280px){#root{width:1024px}}@media(min-width:1536px){#root{width:1280px}}a{font-weight:500;color:var(--color-green-4);text-decoration:inherit}a:hover{color:var(--color-green-3)}h1{font-size:2em;line-height:1}.app-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;background:linear-gradient(180deg,var(--color-gray-9) 0%,var(--color-gray-7) 100%);border-color:var(--color-green-3);border-radius:var(--margin-xxxlarge);gap:var(--margin-medium)}.app-icon{width:15rem;height:15rem;border-radius:50%;overflow:hidden}.app-icon img{width:100%;height:100%;object-fit:cover}.app-base-container{gap:var(--margin-medium)}.data-container{border-width:2px;border-style:solid;border-collapse:collapse}.data-cell{border-width:1px;border-style:solid;padding:var(--margin-small)}.data-label{text-align:end}.img-popup-dialog-backdrop{position:fixed;inset:0;background-color:#000000bf}.img-popup-dialog-content{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.img-popup-dialog-panel{background-color:var(--color-gray-4);padding:var(--margin-small);border-radius:var(--margin-medium);box-shadow:0 0 var(--margin-xlarge) #00ff0080;max-width:100%;max-height:100%}.img-popup-dialog-title{font-size:1.5rem;color:var(--color-gray-10);text-align:center}.img-popup-dialog-img{max-width:95vw;max-height:90vh}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--margin-small);place-items:center}.gallery_image{cursor:pointer}.tab-group{display:flex}.tab-group.vertical{flex-direction:row}.tab-group.horizontal{flex-direction:column}.tab-list{display:flex}.tab-list.vertical{flex-direction:column}.tab-list.horizontal{flex-direction:row}.tab-panels{flex:1}button{border-radius:8px;border:1px solid transparent;padding:.2em .6em;font-size:1em;font-weight:500;font-family:inherit;color:var(--color-gray-1);background-color:var(--color-gray-7);cursor:pointer;transition:border-color .25s}button[data-hover]{border-color:var(--color-green-3)}button[data-selected]{border-color:var(--color-green-4)}button[data-focus]{outline:8px auto -webkit-focus-ring-color}.change-log-container{display:flex;flex-direction:column;gap:var(--margin-large)}.change-log-item{border-width:2px;border-color:var(--color-gray-7);border-style:dotted;border-radius:8px;padding:var(--margin-small)}.change-log-header{display:flex;flex-direction:row}.change-log-title{flex:1;font-weight:700}.change-log-content{white-space:pre-wrap}.layout-base-container{display:flex;flex-direction:column;height:100%;width:100%;gap:var(--margin-medium)}.layout-header{border-width:1px;border-style:solid;border-radius:8px;background:linear-gradient(180deg,var(--color-gray-9) 0%,var(--color-gray-7) 100%);border-color:var(--color-green-3)}.layout-container{flex:1;display:flex;flex-direction:row;gap:var(--margin-small)}.layout-sidebar{overflow-y:auto;padding:var(--margin-medium);border-width:1px;border-style:solid;border-radius:8px;background:linear-gradient(180deg,var(--color-gray-9) 0%,var(--color-gray-7) 100%);border-color:var(--color-green-3);display:flex;flex-direction:column;gap:var(--margin-small)}.layout-main-container{flex:1;overflow-y:auto;border-width:1px;border-style:solid;border-radius:8px;background:linear-gradient(180deg,var(--color-gray-9) 0%,var(--color-gray-7) 100%);border-color:var(--color-green-3);display:flex;flex-direction:column;height:100%}.layout-content{flex:1;padding:var(--margin-small)}.layout-footer{color:var(--color-gray-9);text-align:center}:root{--box-height: 5rem;--box-font-size: 3rem}.header-container{height:var(--box-height);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--margin-medium);overflow:hidden;font-size:var(--box-font-size)}.header-icon{width:var(--box-height);height:var(--box-height);border-radius:50%;overflow:hidden}.header-icon img{width:100%;height:100%;object-fit:cover}