:root{--primary-color: #FF6B6B;--secondary-color: #4ECDC4;--background-color: #f0f0f0;--text-color: #333;--glass-background: rgba(255, 255, 255, .25);--glass-border: 1px solid rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37)}body{font-family:Poppins,Noto Sans JP,sans-serif;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:var(--text-color);margin:0;padding:0;min-height:100vh;line-height:1.6}.page-container{display:flex;flex-direction:column;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:var(--glass-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--glass-border);padding:20px 0}h1{font-size:2.5rem;margin:0;color:var(--primary-color);text-shadow:2px 2px 4px rgba(0,0,0,.1)}nav{margin-top:15px;display:flex;gap:10px}.btn{padding:8px 16px;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:.9rem}.btn-glass{background:var(--glass-background);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:var(--glass-border);color:var(--text-color)}.btn-glass:hover{background:#fff6}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:darken(var(--primary-color),10%)}main{flex-grow:1;padding:40px 0}.glass-panel{background:var(--glass-background);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;border:var(--glass-border);box-shadow:var(--glass-shadow);padding:20px;margin-bottom:20px}.form-container{max-width:400px;margin:0 auto}input[type=text],input[type=password],input[type=file]{width:100%;padding:10px;margin-bottom:10px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:#ffffff1a;color:var(--text-color)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.gallery-item{background:var(--glass-background);border-radius:10px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;padding:15px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 6px #0000001a}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.preview-container{width:100%;height:200px;margin-bottom:10px;border-radius:5px;overflow:hidden}.file-info{width:100%;text-align:center}.file-name{font-size:1rem;font-weight:600;margin:5px 0;word-break:break-word}.file-details{font-size:.8rem;color:var(--secondary-color);margin:3px 0}.action-buttons{display:flex;justify-content:center;gap:8px;margin-top:10px;width:100%}.action-buttons .btn{padding:6px 12px;font-size:.8rem;flex:1}footer{background:var(--glass-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:var(--glass-border);padding:20px 0;text-align:center}.hidden{display:none}.toast{position:fixed;bottom:20px;right:20px;padding:12px 20px;background:var(--glass-background);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:var(--glass-border);border-radius:5px;box-shadow:var(--glass-shadow);opacity:0;transition:opacity .3s ease;z-index:1000}.toast.show{opacity:1}.toast.success{background:#4caf50e6;color:#fff}.toast.error{background:#f44336e6;color:#fff}@media (max-width: 768px){.container{padding:0 15px}h1{font-size:2rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.preview-container{height:180px}}