@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-color:#0f0;--text-color:#000;--box-bg-color:#fff;--box-border-color:#000;--box-content-color:#000;--overlay-bg-color:hsla(0,0%,100%,.8);--overlay-text-color:#000;--font-family:"Arial Narrow","Arial Bold",Arial,sans-serif;--font-stretch-value:80%;--font-weight:bold;--button-height-sm:32px;--button-height-lg:48px;--border-width:1.5px;--tail-left:50%}.dark{--bg-color:#7f7f7f;--text-color:#000;--overlay-bg-color:rgba(0,0,0,.8);--overlay-text-color:#fff}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family);font-weight:var(--font-weight);font-stretch:var(--font-stretch-value);border-radius:0!important}body{background-color:var(--bg-color);color:var(--text-color);overflow:hidden;transition:background-color .3s ease;width:100%;height:100vh}.site-header{position:fixed;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:1000;pointer-events:none}.site-header>*{pointer-events:auto}.header-left{display:flex;flex-direction:row;align-items:center}.logo-link{text-decoration:none;color:inherit;display:block}.logo-box,.nav-button{background-color:var(--box-bg-color);border:var(--border-width) solid var(--box-border-color);color:var(--box-content-color);display:flex;align-items:center;justify-content:center}.logo-box{position:relative;padding:10px;height:60px;width:200px}.logo-box img{height:100%;display:block;object-fit:contain}.header-nav{display:flex;flex-direction:row;margin-left:10px}.nav-button{height:var(--button-height-lg);padding:0 20px;text-decoration:none;font-size:var(--fs-18);margin-right:10px;cursor:pointer}.nav-button:last-child{margin-right:0}.theme-switcher{position:relative}.theme-button{height:var(--button-height-lg);width:120px;font-size:var(--fs-18);cursor:pointer;color:var(--text-color)}.theme-button,.theme-dropdown{background:none;border:none;padding:0}.theme-dropdown{position:absolute;top:calc(100% + 5px);right:0;width:100%;flex-direction:column}.theme-dropdown button{background:none;border:none;padding:10px;font-size:var(--fs-14);color:var(--text-color);cursor:pointer;text-align:center;width:100%}.theme-dropdown button:hover{background-color:rgba(0,0,0,.1)}#art-grid{height:100vh}#art-grid,#guestbook-grid{position:relative;width:100vw}#guestbook-grid{height:calc(100vh - 40px - var(--button-height-lg) - 20px - 70px);overflow-y:auto;padding:20px;padding-top:calc(20px + var(--button-height-lg) + 20px);padding-bottom:calc(20px + 70px)}.thumbnail-box{position:absolute;background-color:var(--box-bg-color);border:var(--border-width) solid var(--box-border-color);color:var(--box-content-color);min-width:150px;max-width:420px;cursor:-webkit-grab;cursor:grab;transition:left .2s ease-out,top .2s ease-out;z-index:10}.thumbnail-box.dragging{cursor:-webkit-grabbing;cursor:grabbing;z-index:999;transition:none}.thumbnail-box.guestbook-entry{cursor:default}.thumbnail-box .content.initial-padding{padding:15px}.ratio-1-1{width:300px;height:300px}.ratio-16-9{width:420px;height:236.25px}.ratio-4-3{width:360px;height:270px}.ratio-3-4{width:270px;height:360px}.ratio-9-16{width:236.25px;height:420px}.ratio-2-1{width:400px;height:200px}.ratio-1-2{width:200px;height:400px}.ratio-1-3{width:150px;height:450px}.thumbnail-box .content{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.thumbnail-box.image-only{border-width:0;padding:0}.image-only img{width:100%;height:100%;object-fit:cover;display:block}.speech-bubble{position:relative;border:var(--border-width) solid var(--box-border-color);background-color:var(--box-bg-color);overflow:visible}.speech-bubble:after{content:"";position:absolute;bottom:calc(-15px - var(--border-width));left:var(--tail-left);transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid var(--box-border-color);z-index:1}.checklist-box-type .content.checklist-layout{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;padding:0;height:100%}.checklist-text-area{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;text-align:center}.separator{width:var(--border-width);background-color:var(--box-border-color);height:100%;align-self:stretch}.checklist-items-area{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:10px}.checklist-items-area ul{list-style:none;padding:0;margin:0}.checklist-items-area li{display:flex;align-items:center;margin-bottom:10px}.checklist-items-area li:last-child{margin-bottom:0}input[type=checkbox]{display:none}.custom-checkbox{position:relative;padding-left:25px;cursor:pointer;line-height:1.2;display:flex;align-items:center;min-height:16px;width:-moz-fit-content;width:fit-content}.custom-checkbox:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background-color:var(--box-bg-color);border:var(--border-width) solid var(--box-border-color);display:block}input[type=checkbox]:checked+.custom-checkbox:before{background-color:var(--box-content-color)}.fs-36{font-size:var(--fs-36)}.fs-18{font-size:var(--fs-18)}.fs-14{font-size:var(--fs-14)}.fs-12{font-size:var(--fs-12)}#about-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1001;display:flex;justify-content:center;align-items:center;padding:5%}.about-content{max-width:800px;padding:40px;background-color:var(--box-bg-color);border:var(--border-width) solid var(--box-border-color);color:var(--overlay-text-color);position:relative}.dark .about-content{background-color:transparent;border:var(--border-width) solid var(--overlay-text-color)}#close-about-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:var(--fs-14);color:var(--overlay-text-color);cursor:pointer}.about-content h2{font-size:var(--fs-36);margin-bottom:20px}.about-content p{font-size:var(--fs-18);line-height:1.6;margin-bottom:15px}#version-indicator{position:fixed;bottom:20px;left:20px;height:var(--button-height-sm);padding:0 15px;border:var(--border-width) solid var(--box-content-color);background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:default}#version-indicator,#version-indicator .info-box{color:var(--box-content-color);font-size:var(--fs-14)}#version-indicator .info-box{display:none;position:absolute;bottom:calc(100% + 10px);left:calc(0px - var(--border-width));width:300px;background-color:var(--box-bg-color);border:var(--border-width) solid var(--box-border-color);padding:15px;text-align:left;z-index:1002}#version-indicator:hover .info-box{display:block}.info-box h4{font-size:var(--fs-18);margin-bottom:10px}.info-box ul{list-style:none;padding-left:0;margin-bottom:10px}.info-box li{font-size:var(--fs-14);margin-bottom:5px;padding-left:10px;position:relative}.info-box li:before{content:"- ";position:absolute;left:0;top:0}.info-box ul:last-child{margin-bottom:0}.site-footer-bottom{position:fixed;bottom:0;width:100%;text-align:center;padding:10px;font-size:var(--fs-14);color:var(--text-color);z-index:1}.guestbook-input-container{position:fixed;bottom:calc(var(--button-height-sm) + 20px);left:0;width:100%;padding:10px 20px;display:flex;align-items:flex-end;background-color:var(--bg-color);border-top:var(--border-width) solid var(--box-border-color);z-index:900}.guestbook-input-container textarea{flex-grow:1;min-height:var(--button-height-lg);max-height:150px;padding:10px;margin-right:10px;background-color:var(--box-bg-color);border:var(--border-width) solid var(--box-border-color);color:var(--box-content-color);font-family:var(--font-family);font-weight:var(--font-weight);font-stretch:var(--font-stretch-value);resize:none;overflow:hidden;line-height:1.2}.guestbook-input-container textarea::placeholder{color:rgba(0,0,0,.5)}.dark .guestbook-input-container textarea::placeholder{color:hsla(0,0%,100%,.5)}.input-controls{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;height:var(--button-height-lg)}#char-count{color:#7f7f7f;margin-bottom:5px}#drop-it-button{height:var(--button-height-lg);width:100px;padding:0;font-size:var(--fs-18)}.guestbook-message{position:absolute;bottom:calc(100% + 5px);left:20px;right:20px;background-color:var(--box-bg-color);border:var(--border-width) solid var(--box-border-color);color:var(--box-content-color);padding:10px;text-align:center;z-index:901}.hidden{display:none!important}