:root{--container-width:min(95%,800px);--header-height:60px;--spacing-unit:clamp(10px,2vw,20px)}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;justify-content:center}.container,body{display:flex;align-items:center;min-height:100vh}.container{width:min(95%,800px);flex-direction:column;padding:10px;position:relative}.header{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;padding-top:10vh;gap:40px}.title{font-size:clamp(1.5rem,5vw,2.5rem);color:#333;margin-bottom:10px;padding:20px}.subtitle{font-size:clamp(.9rem,3vw,1.1rem);color:#666;text-align:center;max-width:600px;transition:all .3s ease;margin-top:10px}.image-container{width:clamp(150px,40vw,200px);height:clamp(150px,40vw,200px);border-radius:50%;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);position:relative;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:15px}.zen-image{width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.zen-image.active{filter:brightness(.8) hue-rotate(90deg)}.status-text{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:#fff;padding:clamp(4px,1vw,8px);font-size:clamp(.8rem,2vw,.9rem);text-align:center;transform:translateY(100%);transition:transform .3s ease}.image-container:hover .status-text{transform:translateY(0)}.status{width:100%;max-height:200px;overflow-y:auto;background-color:#fff;border-radius:8px 8px 0 0;box-shadow:0 -2px 10px rgba(0,0,0,.1);padding:15px;margin-bottom:50px;position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:min(95%,800px)}.log-entry{padding:calc(var(--spacing-unit) * .5);margin:calc(var(--spacing-unit) * .25) 0;border-radius:4px;font-size:clamp(.8rem,2vw,.9rem);word-break:break-word}.dev-mode-toggle{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(95%,800px);padding:10px;background-color:#2c3e50;color:#fff;border:none;cursor:pointer;font-size:.9em;z-index:1000;transition:all .3s ease}.dev-mode-toggle:hover{background-color:#34495e}@media (max-width:768px){.status{max-height:150px}}@media (prefers-color-scheme:dark){.status{background-color:#2d2d2d;box-shadow:0 -2px 10px rgba(0,0,0,.2)}.dev-mode-toggle{background-color:#1a1a1a}.dev-mode-toggle:hover{background-color:#2c3e50}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (max-height:600px){.header{padding-top:5vh}.title{margin-bottom:10px}.image-container{margin:20px 0}.subtitle{margin-top:15px}}.error-message{color:#f44;margin:8px 0;font-size:14px;text-align:center}.footer{position:fixed;bottom:0;left:0;width:100%;background:hsla(0,0%,100%,.9);padding:15px;text-align:center;font-size:.8rem;color:#666;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100}.footer-content{justify-content:center;gap:10px}.footer-content,.twitter-link{display:flex;align-items:center}.twitter-link{color:inherit;text-decoration:none;transition:opacity .2s ease}.twitter-link:hover{opacity:.7}.twitter-icon{width:16px;height:16px}@media (prefers-color-scheme:dark){.footer{background:rgba(45,45,45,.9);color:#999}}