:root{--bg: #0d0a07;--bg-card: #16120d;--bg-card2: #1c1710;--bg-panel: #221b12;--border: #4a3820;--border-light: #6b5230;--border-gold: #8b6914;--accent: #d4820a;--accent-hover: #f0a030;--accent-green: #7fbf5a;--accent-green2: #4a8c28;--accent-red: #c0392b;--accent-blue: #4a8fb5;--accent-gold: #c8a84b;--accent-copper: #b87333;--text: #e8d5b0;--text-muted: #9a7f55;--text-dim: #5a4530;--font-display: "Cinzel Decorative", serif;--font-main: "Noto Sans JP", sans-serif;--font-mono: "Share Tech Mono", monospace;--radius: 4px;--radius-lg: 6px;--shadow: 0 2px 16px rgba(0,0,0,.7);--shadow-lg: 0 8px 40px rgba(0,0,0,.85);--glow-gold: 0 0 12px rgba(200,168,75,.35);--glow-fire: 0 0 20px rgba(212,130,10,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg);background-image:radial-gradient(ellipse at 20% 10%,rgba(212,130,10,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(74,143,181,.04) 0%,transparent 50%);color:var(--text);min-height:100vh;font-size:14px;line-height:1.6}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.auth-box{background:var(--bg-card);border:2px solid var(--border-gold);border-radius:var(--radius-lg);padding:48px 56px;text-align:center;box-shadow:var(--shadow-lg),var(--glow-gold);position:relative}.auth-box h1{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:12px;color:var(--accent-gold);letter-spacing:.08em;text-shadow:0 0 20px rgba(200,168,75,.5)}.auth-box p{color:var(--text-muted);margin-bottom:28px}.btn-box-auth{display:inline-block;background:linear-gradient(135deg,#b8720a,#d4820a,#e8a020);color:#0d0a07;text-decoration:none;padding:12px 32px;border-radius:var(--radius);font-weight:700;font-size:14px;letter-spacing:.05em;transition:all .2s;border:1px solid var(--accent-hover);box-shadow:var(--glow-fire)}.btn-box-auth:hover{background:linear-gradient(135deg,#d4820a,#f0a030,#ffc040);box-shadow:0 0 28px #d4820a99;transform:translateY(-1px)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:58px;background:linear-gradient(180deg,#1e1710,#16120d);border-bottom:2px solid var(--border-gold);position:sticky;top:0;z-index:100;box-shadow:var(--shadow),0 2px 20px #d4820a26}.header-left{display:flex;align-items:center;gap:8px;min-width:220px}.header-title{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--accent-gold);letter-spacing:.06em;text-shadow:0 0 16px rgba(200,168,75,.4);white-space:nowrap;text-align:center;flex:1}.btn-info-update,.btn-progress-check{padding:6px 12px;border-radius:var(--radius);font-size:11px;font-weight:700;cursor:pointer;font-family:var(--font-main);letter-spacing:.03em;transition:all .2s;white-space:nowrap}.btn-info-update{background:transparent;border:1px solid var(--accent-copper);color:var(--accent-copper)}.btn-info-update:hover{background:var(--accent-copper);color:#0d0a07;box-shadow:0 0 12px #b8733380}.btn-progress-check{background:transparent;border:1px solid var(--accent-green);color:var(--accent-green)}.btn-progress-check:hover{background:var(--accent-green);color:#0d0a07;box-shadow:0 0 12px #7fbf5a80}.unit-tabs{display:flex;gap:5px}.unit-tab{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:5px 18px;border-radius:var(--radius);font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-mono);transition:all .2s;letter-spacing:.06em}.unit-tab:hover{border-color:var(--accent-gold);color:var(--accent-gold);box-shadow:var(--glow-gold)}.unit-tab.active{background:linear-gradient(135deg,#8b6914,#c8a84b);border-color:var(--accent-gold);color:#0d0a07;box-shadow:var(--glow-gold),var(--glow-fire)}.app-main{max-width:1200px;margin:0 auto;padding:24px 20px;display:flex;flex-direction:column;gap:20px}.loading{text-align:center;color:var(--text-muted);padding:60px;font-family:var(--font-mono);letter-spacing:.1em}.room-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent-copper);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}.room-card:hover{border-left-color:var(--accent-gold);box-shadow:var(--shadow),-2px 0 12px #c8a84b26}.room-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:linear-gradient(90deg,var(--bg-panel),var(--bg-card2));border-bottom:1px solid var(--border)}.room-card-name{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--accent-gold);letter-spacing:.08em;text-shadow:0 0 10px rgba(200,168,75,.3)}.btn-edit-underlayer{background:transparent;border:1px solid var(--border-light);color:var(--text-muted);padding:4px 12px;border-radius:var(--radius);font-size:11px;cursor:pointer;font-family:var(--font-main);transition:all .2s}.btn-edit-underlayer:hover{border-color:var(--accent-gold);color:var(--accent-gold);box-shadow:var(--glow-gold)}.underlayer-section{border-top:1px solid var(--border);padding:14px 18px;position:relative}.underlayer-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--border-gold),transparent);opacity:.4}.ul-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.ul-name{font-size:12px;font-weight:700;color:var(--accent-copper);min-width:100px;letter-spacing:.04em;font-family:var(--font-mono)}.btn-add-file{background:var(--bg-card2);border:1px dashed var(--border-light);color:var(--text-muted);padding:4px 11px;border-radius:var(--radius);font-size:11px;cursor:pointer;font-family:var(--font-main);transition:all .2s}.btn-add-file:hover{border-color:var(--accent);color:var(--accent);border-style:solid}.btn-find-unassigned{background:transparent;border:1px solid var(--border-light);color:var(--text-muted);padding:4px 11px;border-radius:var(--radius);font-size:11px;cursor:pointer;font-family:var(--font-main);transition:all .2s;white-space:nowrap}.btn-find-unassigned:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.upload-progress-bar-wrap{display:flex;align-items:center;gap:10px;margin-bottom:10px;background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--radius);padding:4px 8px;height:22px;overflow:hidden}.upload-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-copper),var(--accent),var(--accent-hover));border-radius:2px;transition:width .1s;box-shadow:0 0 8px #d4820a80}.upload-progress-pct{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0}.thumb-loading{width:100%;height:100%;background:linear-gradient(90deg,var(--bg-card2) 25%,var(--border) 50%,var(--bg-card2) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;position:absolute;top:0;right:0;bottom:0;left:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-cell{position:relative;background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.photo-cell:hover{border-color:var(--border-gold);box-shadow:0 0 10px #c8a84b33}.photo-thumb-wrap{position:relative;aspect-ratio:4/3;cursor:zoom-in;overflow:hidden;flex-shrink:0}.photo-thumb-wrap:hover .photo-thumb{opacity:.82;transform:scale(1.04);filter:sepia(.2) saturate(1.1)}.photo-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s,transform .25s,filter .25s;filter:sepia(.1) saturate(.9)}.photo-filename{padding:4px 7px;font-size:9px;color:var(--text-dim);word-break:break-all;line-height:1.4;background:var(--bg-card);border-top:1px solid var(--border);font-family:var(--font-mono)}.photo-remove-btn{position:absolute;top:4px;right:4px;z-index:10;width:22px;height:22px;background:#c0392be0;border:1px solid rgba(255,100,80,.4);border-radius:50%;color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.photo-remove-btn:hover{background:var(--accent-red);box-shadow:0 0 10px #c0392bb3;transform:scale(1.1)}.photo-placeholder-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-dim);font-size:22px}.photo-placeholder-fallback small{font-size:9px;color:var(--text-dim);word-break:break-all;text-align:center;padding:0 6px;font-family:var(--font-mono)}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080604f7;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:500;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox-close{position:fixed;top:16px;right:16px;width:44px;height:44px;background:#c0392be6;border:1px solid rgba(255,100,80,.5);border-radius:50%;color:#fff;font-size:22px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .15s;-webkit-tap-highlight-color:transparent}.lightbox-close:hover{transform:scale(1.1);box-shadow:0 0 16px #c0392bb3}.lightbox-img{width:100vw;height:calc(100vh - 64px);object-fit:contain;display:block;filter:sepia(.06) saturate(.93)}.lightbox-footer{position:fixed;bottom:0;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#0d0a07eb;border-top:1px solid var(--border-gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:16px}.lightbox-filename{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.lightbox-open-box{font-size:12px;color:var(--accent);text-decoration:none;transition:color .15s;white-space:nowrap;flex-shrink:0}.lightbox-open-box:hover{color:var(--accent-hover)}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080604d1;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.popup-box{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);width:90%;max-width:640px;max-height:82vh;overflow-y:auto;padding:26px;position:relative;box-shadow:var(--shadow-lg),var(--glow-gold)}.popup-close{position:absolute;top:14px;right:14px;background:transparent;border:1px solid var(--border);color:var(--text-muted);width:28px;height:28px;border-radius:50%;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.popup-close:hover{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.popup-title{font-family:var(--font-display);font-size:12px;font-weight:700;margin-bottom:18px;color:var(--accent-gold);letter-spacing:.07em;text-shadow:0 0 12px rgba(200,168,75,.3)}.popup-rooms{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.popup-room-card{background:var(--bg-card2);border:1px solid var(--border);border-left:2px solid var(--accent-copper);border-radius:var(--radius);padding:14px}.popup-room-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.room-remove-btn{width:20px;height:20px;background:transparent;border:1px solid var(--border-light);color:var(--text-muted);border-radius:50%;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.room-remove-btn:hover{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.room-label{font-size:11px;color:var(--text-muted);white-space:nowrap}.room-name-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:5px 10px;font-size:13px;font-weight:600;font-family:var(--font-main);flex:1;transition:border-color .2s}.room-name-input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 8px #c8a84b40}.popup-underlayers{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ul-chip{display:flex;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:3px 10px 3px 12px;font-size:11px;color:var(--text);font-family:var(--font-mono)}.ul-chip-remove{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:11px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s;flex-shrink:0}.ul-chip-remove:hover{background:var(--accent-red);color:#fff}.add-ul-btn{background:transparent;border:1px dashed var(--border-light);color:var(--accent);padding:3px 12px;border-radius:20px;font-size:11px;cursor:pointer;font-family:var(--font-main);transition:all .2s}.add-ul-btn:hover{background:var(--accent);color:#0d0a07;border-style:solid}.popup-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid var(--border)}.btn-update{background:linear-gradient(135deg,#a06010,var(--accent));border:1px solid var(--accent-hover);color:#0d0a07;padding:8px 26px;border-radius:var(--radius);font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-main);transition:all .2s}.btn-update:hover{background:linear-gradient(135deg,var(--accent),var(--accent-hover));box-shadow:var(--glow-fire)}.btn-update:disabled{opacity:.4;cursor:not-allowed}.btn-add-room{background:transparent;border:1px solid var(--border-light);color:var(--text-muted);padding:8px 18px;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-main);transition:all .2s}.btn-add-room:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080604e0;display:flex;align-items:center;justify-content:center;z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.progress-box{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);padding:36px 44px;min-width:360px;text-align:center;box-shadow:var(--shadow-lg),var(--glow-gold)}.progress-text{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--accent-gold);margin-bottom:22px;letter-spacing:.05em;text-shadow:0 0 12px rgba(200,168,75,.3)}.progress-track{height:10px;background:var(--bg-card2);border:1px solid var(--border);border-radius:2px;overflow:hidden;margin-bottom:10px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-copper),var(--accent),var(--accent-hover));border-radius:2px;transition:width .03s linear;box-shadow:0 0 12px #d4820a99}.progress-pct{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.unassigned-popup{max-width:760px;width:95%}.popup-subtitle{font-size:11px;color:var(--text-muted);margin-bottom:14px}.popup-target{color:var(--accent-gold);font-weight:700}.unassigned-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-height:50vh;overflow-y:auto;margin-bottom:14px;padding:4px}.unassigned-cell{position:relative;aspect-ratio:4/3;background:var(--bg-card2);border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color .15s}.unassigned-cell:hover{border-color:var(--accent-gold)}.unassigned-cell.selected{border-color:var(--accent-green);box-shadow:0 0 10px #7fbf5a59}.unassigned-check{position:absolute;top:5px;right:5px;z-index:10;width:22px;height:22px;background:var(--accent-green);border-radius:50%;color:#0d0a07;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.unassigned-name{position:absolute;bottom:0;left:0;right:0;background:#080604bf;font-size:9px;color:var(--text-muted);padding:2px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);border-top:1px solid var(--border)}.no-files{text-align:center;color:var(--text-muted);padding:40px;font-family:var(--font-mono)}.selected-count{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.assign-progress-wrap{padding:24px 0;text-align:center}.assign-progress-wrap .progress-text{font-size:13px;line-height:1.8;margin-bottom:20px}.progress-check-overlay{z-index:250}.progress-check-box{max-width:700px;width:95%;max-height:85vh;overflow-y:auto;padding:22px 22px 26px}.pcheck-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}.pcheck-title{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--accent-gold);letter-spacing:.07em;text-shadow:0 0 10px rgba(200,168,75,.3)}.pcheck-summary{display:flex;align-items:center;gap:12px;background:var(--bg-card2);border:1px solid var(--border-gold);border-radius:var(--radius);padding:7px 14px;box-shadow:var(--glow-gold)}.pcheck-summary-item{display:flex;align-items:baseline;gap:4px}.pcheck-summary-num{font-size:22px;font-weight:700;color:var(--accent-gold);font-family:var(--font-mono);line-height:1;text-shadow:0 0 10px rgba(200,168,75,.4)}.pcheck-summary-label{font-size:11px;color:var(--text-muted)}.pcheck-summary-divider{width:1px;height:26px;background:var(--border-gold);opacity:.5}.pcheck-rooms{display:flex;flex-direction:column;gap:12px}.pcheck-room-block{background:var(--bg-card2);border:1px solid var(--border);border-left:2px solid var(--accent-copper);border-radius:var(--radius);overflow:hidden}.pcheck-room-name{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(90deg,var(--bg-panel),var(--bg-card2));border-bottom:1px solid var(--border);font-size:11px;font-weight:700;color:var(--accent-gold);font-family:var(--font-display);letter-spacing:.06em}.pcheck-room-total{font-size:11px;font-weight:700;color:var(--accent-green);font-family:var(--font-mono)}.pcheck-no-ul{padding:8px 12px;font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.pcheck-table{width:100%;border-collapse:collapse}.pcheck-row td{border-bottom:1px solid var(--border);padding:6px 12px}.pcheck-row:last-child td{border-bottom:none}.pcheck-row{background:transparent}.pcheck-row-light-green{background:#7fbf5a1a}.pcheck-row-light-green td{border-bottom-color:#7fbf5a26}.pcheck-row-dark-green{background:#4a8c2847}.pcheck-row-dark-green td{border-bottom-color:#4a8c2859}.pcheck-td-name{font-size:12px;color:var(--text);width:100%;font-family:var(--font-mono)}.pcheck-td-count{text-align:right;white-space:nowrap}.pcheck-count-badge{display:inline-block;font-size:12px;font-weight:700;font-family:var(--font-mono);color:var(--accent-gold);min-width:36px;text-align:right}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-gold);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}