*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,Noto Sans JP,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f0f1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100%;height:100%}.app-container{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden}.app-header{flex-shrink:0;padding:.75rem 1.5rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1rem}.app-header h1{margin:0;font-size:1.25rem;font-weight:600;background:linear-gradient(90deg,#a855f7,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{margin:0;font-size:.75rem;color:#ffffff80;font-weight:400}.painter-wrapper{flex:1;position:relative;overflow:hidden;background:#0f0f1a}.app-footer{flex-shrink:0;padding:.5rem 1.5rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;gap:.75rem;font-size:.75rem}.app-footer a{color:#fff9;text-decoration:none;transition:color .2s ease}.app-footer a:hover{color:#a855f7}.separator{color:#ffffff4d}