body{margin:0;background:#F6F6F8;color:#111111;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}a{color:#111111}a:hover{color:#0B7A45}button{font:inherit}.app{min-height:100vh;background:#F6F6F8}.top{flex-wrap:wrap;gap:10px 14px;padding:10px 20px;background:#FFFFFF;border-bottom:1px solid #ececf0}.brand,.top{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;font-weight:800;font-size:18px}.brand,.brand:hover{color:#111111}.mark{width:38px;height:38px;border-radius:12px;background:#12C26B;justify-content:center}.mark,.switch{display:flex;align-items:center}.switch{gap:10px;min-height:44px;padding:4px 14px 4px 4px;border-radius:999px;background:#F6F6F8;text-decoration:none;color:#111111;font-weight:800;font-size:15px}.switch:hover{background:#ECECF0;color:#111111}.iconbtn{background:#F6F6F8;color:#111111}.iconbtn,.me{width:44px;height:44px;border-radius:999px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.me{background:#111111;color:#FFFFFF;font-weight:800}.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.shell{max-width:1440px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:flex-start}.side{flex:0 0 248px;padding:20px 12px;gap:20px}.nav,.side,.sub{display:flex;flex-direction:column}.nav,.sub{gap:2px}.nl{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:12px;text-decoration:none;color:#3A3D45;font-size:15px;font-weight:700}.nl:hover{background:#ECECF0;color:#111111}.nl.on,.nl.on:hover{background:#111111;color:#FFFFFF}.ct{margin-left:auto;font-size:12px;font-weight:800;padding:2px 8px;border-radius:999px;background:#ECECF0;color:#3A3D45}.ct.warn{background:#FFE8CC;color:#8A3B00}.cap{font-size:12px;font-weight:800;color:#5F6473;padding:0 12px 6px}.sl{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:12px;border:none;background:transparent;font-size:14px;font-weight:700;color:#3A3D45;cursor:pointer;text-align:left;width:100%;text-decoration:none}.sl:hover{background:#ECECF0;color:#111111}.sl.on{background:#FFFFFF;color:#111111;box-shadow:0 1px 3px rgba(17,17,17,.1)}.dot{width:22px;height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex:none}.content{flex:1 1 600px;min-width:0;padding:24px 28px 56px;display:flex;flex-direction:column;gap:22px}.card{background:#FFFFFF;border-radius:20px;box-shadow:0 1px 2px rgba(17,17,17,.05),0 8px 24px rgba(17,17,17,.05)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:none;background:#111111;color:#FFFFFF;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none}.btn:hover{background:#2A2C33;color:#FFFFFF}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{background:#FFFFFF;color:#111111;box-shadow:inset 0 0 0 1px #DADBE1}.btn.ghost:hover{background:#F6F6F8;color:#111111}.btn.green{background:#0B7A45}.btn.green:hover{background:#096A3C}.btn.sm{min-height:38px;padding:0 14px;font-size:13px}.chip{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:none;background:#FFFFFF;color:#111111;font-size:14px;font-weight:700;cursor:pointer;box-shadow:inset 0 0 0 1px #E3E4E9;text-decoration:none}.chip.on{background:#111111;color:#FFFFFF;box-shadow:none}.seg{display:inline-flex;gap:4px;padding:4px;background:#ECECF0}.seg,.sg{border-radius:999px}.sg{min-height:36px;min-width:48px;padding:0 14px;border:none;background:transparent;font-size:14px;font-weight:800;color:#3A3D45;cursor:pointer}.sg.on{background:#FFFFFF;color:#111111;box-shadow:0 1px 3px rgba(17,17,17,.12)}.tag{display:inline-flex;align-items:center;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap}.ok{background:#DDF7E9;color:#0B6B3D}.wait{background:#FFE8CC;color:#8A3B00}.bad{background:#FDE2E2;color:#A11D1D}.info{background:#E9E8FF;color:#3B2FB8}.mute{background:#ECECF0;color:#3A3D45}.muted{color:#5F6473}.err{color:#A11D1D;font-size:14px;font-weight:700;margin:0}.field{padding:12px 14px;border-radius:14px;border:1px solid #dadbe1;font:inherit;font-size:15px;line-height:1.5;background:#FFFFFF;width:100%}input.field{min-height:46px;padding:0 14px}textarea.field{resize:vertical}.opt{display:flex;flex-direction:column;gap:6px;padding:18px;min-height:104px;border-radius:16px;border:none;text-align:left;color:#111111;cursor:pointer;background:#F6F6F8;box-shadow:inset 0 0 0 2px transparent}.opt:hover{background:#ECECF0}.opt.on{background:#FFFFFF;box-shadow:inset 0 0 0 2px #111111}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:22px;gap:22px}.ccard{display:flex;flex-direction:column;background:#FFFFFF;border-radius:20px;overflow:hidden;text-decoration:none;color:#111111;box-shadow:0 1px 2px rgba(17,17,17,.05),0 8px 24px rgba(17,17,17,.06);transition:transform .15s}.ccard:hover{transform:translateY(-3px);color:#111111}.cover{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#ECECF0}.cover img,.cover svg{display:block;width:100%;height:100%;object-fit:cover}.num{left:16px;bottom:6px;font-size:68px;font-weight:800;line-height:1;color:#FFFFFF;text-shadow:0 2px 12px rgba(0,0,0,.25)}.genre,.num{position:absolute}.genre{left:14px;top:14px;background:rgba(255,255,255,.92);color:#111111}.cbody{display:flex;flex-direction:column;gap:9px;padding:14px 16px 18px}.bar{background:#ECECF0}.bar,.bar span{display:block;height:6px;border-radius:3px}.bar span{background:#12C26B}.tile{display:flex;flex-direction:column;border:none;padding:0;background:#FFFFFF;border-radius:20px;overflow:hidden;text-align:left;color:#111111;cursor:pointer;text-decoration:none;box-shadow:0 1px 2px rgba(17,17,17,.05),0 8px 24px rgba(17,17,17,.06);transition:transform .15s}.tile:hover{transform:translateY(-3px);color:#111111}.art{aspect-ratio:1/1;background:#ECECF0;overflow:hidden}.art,.art img,.art svg{display:block;width:100%}.art img,.art svg{height:100%;object-fit:cover}.thumb{display:flex;flex-direction:column;gap:10px;padding:10px;background:#FFFFFF;border-radius:18px;text-decoration:none;color:#111111;box-shadow:0 1px 2px rgba(17,17,17,.05),0 8px 24px rgba(17,17,17,.05);transition:transform .15s}.thumb:hover{transform:translateY(-3px);color:#111111}.task{display:flex;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;color:#111111;border-radius:16px}.task:hover{background:#F6F6F8;color:#111111}.ev{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;text-decoration:none;color:#111111;border-bottom:1px solid #f0f0f3}.ev:last-child{border-bottom:none}.ev:hover{background:#FAFAFB;color:#111111}.av{width:36px;height:36px;border-radius:999px;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex:none}.av,.cmt{display:flex}.cmt{gap:12px;align-items:flex-start;padding:12px;border-radius:16px;border:none;text-align:left;color:#111111;cursor:pointer;background:transparent;width:100%}.cmt.on,.cmt:hover{background:#F6F6F8}.cmt.on{box-shadow:inset 0 0 0 2px #111111}.panelhit{position:absolute;border:none;background:transparent;cursor:crosshair;padding:0}.panelhit:hover{outline:3px solid #12C26B;outline-offset:-3px}input[type=range]{width:100%;accent-color:#0B7A45}h1{font-size:30px;letter-spacing:-.02em}h1,h2{margin:0;font-weight:800}h2{font-size:20px}.empty{padding:28px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}@media (max-width:760px){.side{flex-basis:100%;padding:12px 16px 0;gap:10px}.nav,.sub{flex-direction:row;overflow-x:auto}.nl,.sl{white-space:nowrap;width:auto;flex:none}.cap{display:none}.content{padding:16px 16px 40px}h1{font-size:24px}}