.home{min-height:100vh;overflow-x:hidden}.hero{text-align:center;padding:80px 20px 40px}.logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:40px}.site-logo{max-width:220px;height:auto}.site-title{font-family:Zen Kaku Gothic New,sans-serif;font-size:2rem;font-weight:400;letter-spacing:.35em;margin:0 0 8px}.subtitle{font-family:Zen Kaku Gothic New,sans-serif;font-size:.85rem;color:var(--text-secondary);letter-spacing:.25em}.category-tabs{display:flex;justify-content:center;gap:32px;margin-bottom:48px;padding:0 20px;position:relative;z-index:1000}.category-tab{background:none;border:none;font-family:Zen Kaku Gothic New,sans-serif;font-size:.85rem;letter-spacing:.15em;color:var(--text-secondary);cursor:pointer;padding:8px 0;position:relative;transition:color .3s}.category-tab:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent);transition:width .3s ease}.category-tab:hover,.category-tab.active{color:var(--text)}.category-tab.active:after{width:100%}.loading,.empty{text-align:center;padding:60px 20px;color:var(--text-secondary)}.works-universe{position:fixed;inset:0;background:radial-gradient(ellipse at center,rgba(168,154,133,.05) 0%,transparent 70%);overflow:hidden;z-index:1}.works-universe:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20px 30px,rgba(168,154,133,.4),transparent),radial-gradient(1px 1px at 40px 70px,rgba(168,154,133,.3),transparent),radial-gradient(1px 1px at 50px 160px,rgba(168,154,133,.5),transparent),radial-gradient(1px 1px at 90px 40px,rgba(168,154,133,.3),transparent),radial-gradient(1px 1px at 130px 80px,rgba(168,154,133,.4),transparent),radial-gradient(1px 1px at 160px 120px,rgba(168,154,133,.3),transparent),radial-gradient(1.5px 1.5px at 200px 50px,rgba(168,154,133,.5),transparent),radial-gradient(1px 1px at 250px 180px,rgba(168,154,133,.3),transparent),radial-gradient(1px 1px at 300px 90px,rgba(168,154,133,.4),transparent),radial-gradient(1.5px 1.5px at 350px 140px,rgba(168,154,133,.3),transparent),radial-gradient(1px 1px at 400px 60px,rgba(168,154,133,.5),transparent),radial-gradient(1px 1px at 450px 200px,rgba(168,154,133,.3),transparent),radial-gradient(1px 1px at 500px 100px,rgba(168,154,133,.4),transparent),radial-gradient(1px 1px at 550px 170px,rgba(168,154,133,.3),transparent),radial-gradient(1.5px 1.5px at 600px 40px,rgba(168,154,133,.5),transparent),radial-gradient(1px 1px at 650px 220px,rgba(168,154,133,.4),transparent),radial-gradient(1px 1px at 700px 80px,rgba(168,154,133,.3),transparent),radial-gradient(1.5px 1.5px at 750px 160px,rgba(168,154,133,.5),transparent),radial-gradient(1px 1px at 800px 130px,rgba(168,154,133,.3),transparent),radial-gradient(1px 1px at 850px 60px,rgba(168,154,133,.4),transparent);background-repeat:repeat;background-size:900px 300px;animation:twinkle 8s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:1}}.bouncing-planet{position:fixed;text-decoration:none;color:inherit;transform:translate(-50%,-50%);transition:transform .3s cubic-bezier(.34,1.56,.64,1),width .3s,height .3s}.planet-core{width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--border);box-shadow:0 10px 40px #00000040,0 0 0 3px #a89a8526,inset 0 -6px 15px #0003,inset 0 6px 15px #ffffff40;position:relative}.planet-core img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .8s ease}.bouncing-planet:hover{transform:translate(-50%,-50%) scale(1.3);z-index:1000}.bouncing-planet:hover .planet-core{box-shadow:0 20px 60px #00000059,0 0 40px #a89a854d,0 0 0 4px #a89a8540,inset 0 -8px 20px #00000040,inset 0 8px 20px #ffffff4d}.bouncing-planet:hover .planet-core img{transform:scale(1.1)}.planet-name{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);font-family:Zen Kaku Gothic New,sans-serif;font-size:.75rem;letter-spacing:.1em;color:var(--text);white-space:nowrap;opacity:0;transition:opacity .3s,transform .3s;text-shadow:0 2px 8px rgba(0,0,0,.3);pointer-events:none}.bouncing-planet:hover .planet-name{opacity:1;transform:translate(-50%) translateY(0);bottom:-36px}@media(max-width:768px){.hero{padding:60px 20px 40px}.hero h1{font-size:2rem}.works-universe{min-height:60vh}.category-tabs{gap:16px;flex-wrap:wrap}.category-tab{font-size:.75rem}.planet-name{font-size:.65rem}}.work-detail{min-height:100vh;padding:40px;max-width:1200px;margin:0 auto}.back-link{display:inline-block;color:var(--text-secondary);text-decoration:none;margin-bottom:40px;transition:color .3s}.back-link:hover{color:var(--accent)}.work-content{display:grid;gap:40px}.work-gallery{display:flex;flex-direction:column;gap:24px}.gallery-item img{width:100%;height:auto;display:block}.gallery-item.video-item video{width:100%;height:auto;display:block}.work-info h1{font-size:1.8rem;font-weight:300;margin:0 0 20px}.work-info .description{color:var(--text-secondary);line-height:1.8;margin:0 0 20px}.work-info time{font-size:.9rem;color:var(--text-secondary)}.not-found{text-align:center;padding:80px 20px}.not-found p{margin-bottom:10px;color:var(--text-secondary)}.not-found a{display:inline-block;margin-top:20px;color:var(--accent);text-decoration:none}@media(max-width:768px){.work-detail{padding:20px}.work-info h1{font-size:1.4rem}}.about{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px}.about-content{max-width:600px;text-align:center}.about-content h1{font-family:Zen Kaku Gothic New,sans-serif;font-size:2rem;font-weight:400;margin:0 0 30px;letter-spacing:.25em}.divider{width:40px;height:1px;background:var(--accent);margin:0 auto 30px}.about-content p{color:var(--text-secondary);line-height:2;margin:0 0 20px}@media(max-width:768px){.about{padding:60px 20px}.about-content h1{font-size:1.5rem}}.admin{min-height:100vh;padding:40px;max-width:800px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.admin-header h1{font-size:1.5rem;font-weight:300;margin:0}.logout-btn{background:none;border:1px solid var(--border);padding:8px 16px;cursor:pointer;color:var(--text-secondary);transition:all .3s}.logout-btn:hover{border-color:var(--accent);color:var(--accent)}.admin-login{display:flex;align-items:center;justify-content:center}.login-form{width:100%;max-width:320px;text-align:center}.login-form h1{font-size:1.5rem;font-weight:300;margin-bottom:30px}.login-form form{display:flex;flex-direction:column;gap:16px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.login-form button,.upload-form button{padding:12px 24px;background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:1rem;transition:opacity .3s}.login-form button:hover,.upload-form button:hover{opacity:.9}.login-form button:disabled,.upload-form button:disabled{opacity:.5;cursor:not-allowed}.error{color:#c44;font-size:.9rem;margin:0}.hint{font-size:.8rem;color:var(--text-secondary);margin-top:20px}.upload-section,.works-list{margin-bottom:40px}.upload-section h2,.works-list h2{font-size:1.2rem;font-weight:300;margin-bottom:20px}.upload-form{display:flex;flex-direction:column;gap:16px}.file-input{display:block;padding:12px 16px;border:1px solid var(--border);cursor:pointer;transition:border-color .3s}.file-input:hover{border-color:var(--accent)}.file-input input{display:none}.works-table{display:flex;flex-direction:column;gap:16px}.works-table.sortable-works .work-item{cursor:grab}.works-table.sortable-works .work-item:active{cursor:grabbing}.works-table.sortable-works .work-item.dragging{opacity:.5;background:#f0f0f0;border-style:dashed}.works-table.sortable-works .work-item.dragging *{pointer-events:none!important}.work-reorder{display:flex;flex-direction:column;gap:4px}.work-reorder button{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);cursor:pointer;font-size:14px;transition:all .2s}.work-reorder button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.work-reorder button:disabled{opacity:.3;cursor:not-allowed}.work-item{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border)}.work-item img{width:80px;height:60px;object-fit:cover}.work-details{flex:1}.work-details h3{font-size:1rem;font-weight:300;margin:0 0 4px}.work-details p{font-size:.85rem;color:var(--text-secondary);margin:0}.delete-btn{padding:8px 16px;background:none;border:1px solid #c44;color:#c44;cursor:pointer;transition:all .3s}.delete-btn:hover{background:#c44;color:#fff}.work-actions{display:flex;gap:8px}.edit-btn{padding:8px 16px;background:none;border:1px solid var(--accent);color:var(--accent);cursor:pointer;transition:all .3s}.edit-btn:hover{background:var(--accent);color:#fff}.edit-form{display:flex;align-items:flex-start;gap:16px;flex:1}.edit-form img{width:80px;height:60px;object-fit:cover}.edit-form .work-details{flex:1;display:flex;flex-direction:column;gap:8px}.edit-form input,.edit-form textarea{width:100%;padding:8px 12px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.9rem}.edit-form input:focus,.edit-form textarea:focus{outline:none;border-color:var(--accent)}.edit-file{padding:8px 12px;font-size:.85rem}.edit-actions{display:flex;flex-direction:column;gap:8px}.save-btn{padding:8px 16px;background:var(--accent);color:#fff;border:none;cursor:pointer;transition:opacity .3s}.save-btn:hover{opacity:.9}.cancel-btn{padding:8px 16px;background:none;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .3s}.cancel-btn:hover{border-color:var(--text-secondary)}.cropper-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.cropper-content{background:var(--bg);padding:20px;border-radius:8px;max-width:500px;width:90%;text-align:center}.cropper-content h3{margin:0 0 5px;font-weight:300}.cropper-content p{color:var(--text-secondary);font-size:.85rem;margin-bottom:15px}.cropper-container{position:relative;width:100%;height:300px;background:#1a1a1a;margin-bottom:15px}.cropper-controls{margin-bottom:15px}.zoom-control{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-secondary)}.zoom-control input{width:150px;cursor:pointer}.cropper-actions{display:flex;gap:12px;justify-content:center}.preview-thumb{width:120px;height:90px;overflow:hidden;border:1px solid var(--border);margin-bottom:16px}.preview-thumb img{width:100%;height:100%;object-fit:cover}.empty{text-align:center;color:var(--text-secondary);padding:40px}@media(max-width:768px){.admin{padding:20px}.work-item{flex-wrap:wrap}.work-details{flex:1 1 calc(100% - 100px)}.delete-btn{margin-left:auto}}.form-hint{font-size:.85rem;color:var(--text-secondary);margin:16px 0 8px}.preview-thumbs.main-select{gap:8px}.preview-thumbs.main-select .preview-thumb{position:relative;cursor:pointer;border:2px solid transparent;transition:border-color .3s}.preview-thumbs.main-select .preview-thumb:hover{border-color:var(--text-secondary)}.preview-thumbs.main-select .preview-thumb.selected{border-color:var(--accent)}.preview-thumbs.main-select.sortable .preview-thumb{cursor:grab}.preview-thumbs.main-select.sortable .preview-thumb.dragging{opacity:.5;cursor:grabbing}.preview-thumbs.main-select .preview-thumb:active{cursor:grabbing}.remove-image-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;opacity:0;transition:opacity .3s}.preview-thumbs.main-select .preview-thumb:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background:#f00c}.main-badge{position:absolute;top:4px;left:4px;background:var(--accent);color:#fff;font-size:.65rem;padding:2px 6px;border-radius:2px}.video-input{margin-top:8px}.remove-video{margin-top:8px;padding:6px 12px;background:none;border:1px solid var(--text-secondary);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .3s}.remove-video:hover{border-color:#f44;color:#f44}:root{--bg: #FFFFFF;--text: #1A1A1A;--text-secondary: #666666;--accent: #1A1A1A;--border: #E0E0E0;--font-weight: 300;font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-weight:var(--font-weight)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.nav{position:fixed;top:0;left:0;right:0;padding:20px 40px;background:var(--bg);z-index:100;display:flex;justify-content:space-between;align-items:center}.home-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.bird-icon{height:24px;width:auto}.home-text{font-family:Zen Kaku Gothic New,sans-serif;font-size:.95rem;font-weight:400;letter-spacing:.15em}.nav-links{display:flex;justify-content:center;gap:40px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.85rem;font-family:Zen Kaku Gothic New,sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:color .3s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--accent)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home,.work-detail,.about,.admin{padding-top:80px;animation:fadeIn .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media(max-width:768px){.nav{padding:16px 20px}.home-text{display:none}.nav-links{gap:24px}.nav-links a{font-size:.8rem}}