:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#151515;background:#e9ece8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#e9ece8}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#fff;border-bottom:2px solid #151515}.brand-block{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#151515;font-weight:900}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:#ff3b22;border:2px solid #151515}.account-block{display:flex;align-items:center;gap:12px;color:#555}.btn{min-height:40px;border:2px solid #151515;padding:9px 14px;background:#151515;color:#fff;font-weight:850}.btn.secondary{background:#fff;color:#151515}.btn.primary{background:#ff3b22;color:#151515}.btn.danger{background:#b42318;color:#fff}input{width:100%;min-height:42px;border:2px solid #151515;padding:10px 12px;background:#fff}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-box{width:min(430px,100%);padding:34px;background:#fff;border:2px solid #151515}.login-box h1{margin:0 0 28px;text-align:center}.login-form label{display:block;margin-bottom:14px;font-weight:750}.login-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.login-note{margin-top:18px;color:#666;text-align:center}.quick-start{display:grid;gap:14px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-tabs button{min-height:42px;border:2px solid #151515;background:#fff;font-weight:900}.auth-tabs button.is-active{background:#ff3b22}.generated-account{display:grid;gap:12px;padding:14px;background:#f7f7f2;border:2px solid #151515}.generated-account label{display:grid;gap:6px;font-weight:850}.form-error,.page-message{padding:12px 14px;background:#fff5f5;color:#b42318;border:2px solid #b42318}.page-message{position:fixed;right:20px;bottom:20px;z-index:30;max-width:min(460px,calc(100vw - 40px));animation:toastFade 6s ease forwards}.home-page,.detail-page,.admin-page{width:min(1320px,100%);margin:0 auto;padding:22px}.home-intro{display:grid;gap:10px;margin-bottom:20px;padding:24px;background:#fff;border:2px solid #151515}.home-intro h1{margin:0;font-size:clamp(1.9rem,4vw,3.4rem)}.home-intro p{margin:0;color:#555}.list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.list-card{display:grid;grid-template-rows:150px auto;border:2px solid #151515;background:#fff;padding:0;text-align:left}.list-card:hover{box-shadow:5px 5px #151515;transform:translate(-2px,-2px)}.create-list-card{border-style:dashed}.create-cover{background:#fff0ee}.create-cover span{font-size:3.2rem;line-height:1}.list-cover{display:grid;place-items:center;background:#c7c8c3;border-bottom:2px solid #151515;overflow:hidden}.list-cover img{width:100%;height:100%;object-fit:cover}.list-cover span{padding:16px;font-size:1.5rem;font-weight:900;text-align:center}.list-card-body{padding:14px}.list-card-body h2{margin:0 0 8px}.list-card-body p{margin:0 0 12px;color:#555}.list-meta{display:flex;flex-wrap:wrap;gap:8px}.list-meta span{padding:4px 8px;background:#f7f7f2;border:1px solid #151515;font-size:.82rem;font-weight:800}.ranking-page{display:grid;gap:14px}.ranking-header,.board-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;background:#fff;border:2px solid #151515}.ranking-header h1{margin:0}.ranking-header p{margin:4px 0 0;color:#555}.settlement-card{display:grid;gap:3px;min-width:110px;padding:8px 10px;background:#f7f7f2;border:2px solid #151515;text-align:center}.settlement-card span,.board-actions span{color:#555;font-size:.86rem}.action-cluster{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.board-wrap{position:relative;overflow-x:auto}.tier-list{min-width:720px;border-top:2px solid #151515;border-left:2px solid #151515}.tier-row{min-height:118px;display:grid;grid-template-columns:108px minmax(0,1fr);background:#c7c8c3;border-right:2px solid #151515;border-bottom:2px solid #151515}.tier-row.is-drop-target{background:#fff0ee}.tier-label{display:grid;place-items:center;border:0;border-right:2px solid #151515;color:#151515;font-size:clamp(1rem,2vw,1.85rem);font-weight:950;text-align:center}.tier-0 .tier-label{background:#ff3b22}.tier-1 .tier-label{background:#ffd934}.tier-2 .tier-label{background:#f5ff16}.tier-3 .tier-label{background:#ffffe3}.tier-4 .tier-label{background:#fff}.tier-options{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:118px;padding:10px}.option-tile{width:94px;height:94px;border:2px solid #151515;background:#fff;padding:0}.option-tile:hover{box-shadow:4px 4px #151515;transform:translate(-1px,-1px)}.option-tile.is-preview{border-style:dashed;background:#fff7d1}.option-tile.is-supported{background:#fff0ee;box-shadow:4px 4px #b42318}.option-image{width:100%;height:100%;display:grid;place-items:center;background:#fff;overflow:hidden}.option-image img{width:100%;height:100%;object-fit:cover}.text-card{width:100%;height:100%;display:grid;place-items:center;padding:8px;color:#000;background:#fff;font-weight:950;line-height:1.15;text-align:center;overflow-wrap:anywhere}.delete-zone{position:fixed;top:72px;right:20px;z-index:25;width:160px;min-height:220px;display:grid;place-items:center;padding:16px;background:#b42318;border:2px solid #151515;color:#fff;font-weight:950;text-align:center;box-shadow:5px 5px #151515}.detail-drawer{position:fixed;top:70px;right:20px;z-index:26;width:min(360px,calc(100vw - 40px));max-height:calc(100vh - 92px);overflow:auto;display:grid;gap:12px;padding:14px;background:#fff;border:2px solid #151515;box-shadow:5px 5px #151515}.detail-drawer.wide{width:min(520px,calc(100vw - 40px))}.drawer-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.icon-btn{width:34px;height:34px;border:2px solid #151515;background:#fff;font-weight:950}.intent-list{display:grid;gap:8px}.intent-row{display:flex;justify-content:space-between;padding:8px 10px;background:#f7f7f2;border:1px solid #151515}.intent-row.danger{background:#fff0ee;color:#b42318}.candidate-list{display:grid;gap:8px}.candidate-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:8px;border:2px solid #151515;background:#fff;text-align:left}.candidate-card .option-image{width:70px;height:70px;border:2px solid #151515}.candidate-card span{font-weight:900}.candidate-card strong{color:#b42318;white-space:nowrap}.candidate-card.is-local,.candidate-card.is-supported{background:#fff0ee}.candidate-card.is-supported{box-shadow:4px 4px #b42318}.candidate-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.image-drop-zone{display:grid;place-items:center;min-height:92px;padding:14px;border:2px dashed #151515;background:#f7f7f2;color:#555;font-weight:850;text-align:center}.image-drop-zone:hover{background:#fff0ee}.crop-modal,.create-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#0000006b}.crop-box{width:min(460px,100%);display:grid;gap:14px;padding:16px;background:#fff;border:2px solid #151515;box-shadow:6px 6px #151515}.create-box{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;display:grid;gap:14px;padding:16px;background:#fff;border:2px solid #151515;box-shadow:6px 6px #151515}.create-box label{display:grid;gap:6px;font-weight:850}.create-box .image-drop-zone img{width:100%;height:160px;object-fit:cover;border:2px solid #151515}.crop-preview{width:min(320px,100%);aspect-ratio:1;justify-self:center;overflow:hidden;display:grid;place-items:center;border:2px solid #151515;background:#fff;cursor:grab;touch-action:none}.crop-preview img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.crop-slider{display:grid;gap:6px;font-weight:850}.empty-state{margin:0;padding:18px;background:#f7f7f2;border:2px dashed #999999;color:#555;text-align:center}.comment-panel{display:grid;gap:12px;padding:14px;background:#fff;border:2px solid #151515}.comment-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.comment-header h2{margin:0}.comment-header span{color:#555}.comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.comment-list{display:grid;gap:10px}.comment-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;background:#f7f7f2;border:1px solid #151515}.comment-item p{margin:4px 0 0;color:#333;overflow-wrap:anywhere}.admin-page{display:grid;gap:16px}.admin-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;background:#fff;border:2px solid #151515}.admin-hero h1{margin:0 0 6px}.admin-hero p{margin:0;color:#555}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.admin-stat{display:grid;gap:6px;padding:14px;background:#fff;border:2px solid #151515}.admin-stat span{color:#555}.admin-stat strong{font-size:2rem}.admin-tabs{display:flex;gap:8px;overflow-x:auto}.admin-tabs button{min-height:38px;padding:8px 12px;border:2px solid #151515;background:#fff;font-weight:850;white-space:nowrap}.admin-tabs button.is-active{background:#ff3b22}.admin-table{overflow-x:auto;background:#fff;border:2px solid #151515}.admin-table-head,.admin-table-row{min-width:900px;display:grid;gap:12px;align-items:center;padding:10px 12px}.admin-table-head{background:#151515;color:#fff;font-weight:900}.admin-table-row{border-top:1px solid #151515}.admin-table-row p{margin:4px 0 0;color:#555;overflow-wrap:anywhere}.list-cols{grid-template-columns:minmax(230px,1.4fr) 80px minmax(260px,1fr) 130px 92px}.submission-cols{grid-template-columns:minmax(220px,1.3fr) 90px minmax(260px,1.2fr) 130px 92px}.candidate-cols{grid-template-columns:minmax(260px,1.4fr) minmax(180px,1fr) 70px 90px 92px}.comment-cols{grid-template-columns:minmax(300px,1.6fr) minmax(180px,1fr) 70px 130px 92px}.user-cols{grid-template-columns:minmax(240px,1.3fr) 90px minmax(240px,1fr) minmax(160px,.8fr) 210px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-candidate-cell{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center}.admin-candidate-cell img,.admin-candidate-cell>span{width:56px;height:56px;display:grid;place-items:center;border:2px solid #151515;background:#fff;object-fit:cover;font-weight:900;overflow:hidden}@media (max-width: 760px){.home-page,.detail-page,.admin-page{padding:10px}.ranking-header,.board-actions{align-items:stretch;flex-direction:column}.tier-list{min-width:560px}.tier-row{grid-template-columns:84px minmax(0,1fr)}.option-tile{width:78px;height:78px}.candidate-form,.comment-form,.comment-item,.login-actions{grid-template-columns:1fr}.admin-hero{align-items:stretch;flex-direction:column}}@keyframes toastFade{0%,82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}