:root{--bg-base:#121212;--bg-surface:#181818;--bg-mid:#1f1f1f;--bg-card:#252525;--bg-card-alt:#272727;--bg-hover:#2a2a2a;--text-base:#fff;--text-subdued:#b3b3b3;--text-bright:#cbcbcb;--text-max:#fdfdfd;--accent:#1ed760;--accent-dark:#1db954;--accent-text:#121212;--negative:#f3727f;--warning:#ffa42b;--announce:#539df5;--border:#4d4d4d;--border-light:#7c7c7c;--shadow-heavy:#00000080 0px 8px 24px;--shadow-med:#0000004d 0px 8px 8px;--shadow-inset:#121212 0px 1px 0px, #7c7c7c 0px 0px 0px 1px inset;--font-ui:"SpotifyMixUI", "CircularSp", -apple-system, "Helvetica Neue", helvetica, arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "MS Gothic", sans-serif;font-family:var(--font-ui);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-base);background-color:var(--bg-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--bg-base);color:var(--text-base);font-size:16px;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4,h5{letter-spacing:-.01em;margin:0;font-weight:700}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.13rem;font-weight:600;line-height:1.3}p{margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#000}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:5px}::-webkit-scrollbar-track{background:0 0}.btn{font-family:var(--font-ui);letter-spacing:.14px;cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.88rem;font-weight:700;transition:transform 60ms,background .15s,box-shadow .15s,color .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:#3be477}.btn-dark{background:var(--bg-mid);color:var(--text-base)}.btn-dark:hover:not(:disabled){background:var(--bg-hover)}.btn-light{color:#181818;background:#eee}.btn-light:hover:not(:disabled){background:#fff}.btn-outline{color:var(--text-base);border:1px solid var(--border-light);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--text-base)}.btn-danger{color:var(--negative);border:1px solid var(--negative);background:0 0}.btn-danger:hover:not(:disabled){background:#f3727f1f}.btn-upper{text-transform:uppercase;letter-spacing:1.6px;font-size:.8rem;font-weight:600}.btn-sm{padding:6px 14px;font-size:.75rem}.btn-lg{border-radius:500px;padding:14px 43px;font-size:1rem}.btn-circle{border-radius:50%;flex-shrink:0;width:44px;height:44px;padding:0}.input,.select,.textarea{font-family:var(--font-ui);background:var(--bg-mid);color:var(--text-base);box-shadow:var(--shadow-inset);border:none;border-radius:4px;width:100%;padding:12px 14px;font-size:.88rem;transition:box-shadow .15s}.input:focus,.select:focus,.textarea:focus{box-shadow:#121212 0px 1px 0px, var(--text-base) 0px 0px 0px 1px inset;outline:none}.input::placeholder,.textarea::placeholder{color:#757575}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b3b3b3' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.textarea{resize:vertical;min-height:80px}.input-pill{border-radius:500px;padding:12px 20px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field-label{color:var(--text-subdued);text-transform:uppercase;letter-spacing:1.4px;font-size:.75rem;font-weight:700}.field-hint{color:#757575;font-size:.75rem}.card{background:var(--bg-surface);border-radius:8px;padding:20px;transition:background .15s,box-shadow .15s}.card-hover{cursor:pointer}.card-hover:hover{background:var(--bg-mid);box-shadow:var(--shadow-med)}.card-mid{background:var(--bg-mid)}.card-elevated{background:var(--bg-card);box-shadow:var(--shadow-med)}.card-title{color:var(--text-base);font-size:1rem;font-weight:700}.card-sub{color:var(--text-subdued);font-size:.88rem;font-weight:400}.badge{text-transform:capitalize;background:var(--bg-mid);color:var(--text-subdued);border-radius:2px;align-items:center;gap:5px;padding:3px 9px;font-size:.66rem;font-weight:600;line-height:1.33;display:inline-flex}.badge-green{color:var(--accent);background:#1ed76026}.badge-red{color:var(--negative);background:#f3727f26}.badge-orange{color:var(--warning);background:#ffa42b26}.badge-blue{color:var(--announce);background:#539df526}.badge-gray{background:var(--bg-mid);color:var(--text-subdued)}.chip{background:var(--bg-mid);color:var(--text-base);cursor:pointer;font-size:.88rem;font-weight:700;font-family:var(--font-ui);border:none;border-radius:9999px;align-items:center;gap:6px;padding:8px 16px;transition:background .15s;display:inline-flex}.chip:hover{background:var(--bg-hover)}.chip.active{background:var(--text-base);color:var(--bg-base)}.shell{min-height:100vh;display:flex}.sidebar{background:var(--bg-base);border-right:1px solid #222;flex-direction:column;flex-shrink:0;gap:4px;width:248px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.logo{color:var(--text-base);letter-spacing:-.02em;align-items:center;gap:10px;padding:4px 12px 20px;font-size:1.25rem;font-weight:700;display:flex}.logo-mark{background:var(--accent);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.05rem;display:flex}.nav-item{color:var(--text-subdued);cursor:pointer;border-radius:6px;align-items:center;gap:14px;padding:10px 12px;font-size:.88rem;font-weight:400;transition:color .15s,background .15s;display:flex}.nav-item:hover{color:var(--text-base)}.nav-item.active{color:var(--text-base);background:var(--bg-mid);font-weight:700}.nav-item svg{flex-shrink:0}.nav-section{text-transform:uppercase;letter-spacing:1.6px;color:#757575;padding:18px 12px 6px;font-size:.66rem;font-weight:600}.main{flex:1;min-width:0;max-width:1400px;padding:28px 32px 96px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-title{font-size:1.5rem;font-weight:700}.page-sub{color:var(--text-subdued);margin-top:4px;font-size:.88rem}.bottombar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:60;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#121212f5;border-top:1px solid #222;justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}.bottombar .nav-item{flex-direction:column;gap:3px;padding:6px 10px;font-size:.63rem}.bottombar .nav-item.active{color:var(--accent);background:0 0}@media (width<=896px){.sidebar{display:none}.bottombar{display:flex}.main{padding:20px 16px 110px}}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.row{align-items:center;gap:12px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:12px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.muted{color:var(--text-subdued)}.small{font-size:.75rem}.caption{font-size:.88rem}.bold{font-weight:700}.green{color:var(--accent)}.red{color:var(--negative)}.orange{color:var(--warning)}.blue{color:var(--announce)}.center{text-align:center}.stat{background:var(--bg-surface);border-radius:8px;flex-direction:column;gap:4px;padding:18px 20px;display:flex}.stat-value{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.stat-label{text-transform:uppercase;letter-spacing:1.4px;color:var(--text-subdued);font-size:.75rem;font-weight:600}.table-wrap{background:var(--bg-surface);border-radius:8px;overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:.88rem}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:1.4px;color:var(--text-subdued);white-space:nowrap;border-bottom:1px solid #2a2a2a;padding:12px 16px;font-size:.66rem;font-weight:600}.tbl td{vertical-align:middle;border-bottom:1px solid #222;padding:12px 16px}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .1s}.tbl tbody tr:hover{background:var(--bg-mid)}.tbl tr.clickable{cursor:pointer}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);box-shadow:var(--shadow-heavy);border-radius:8px;width:100%;max-width:560px;max-height:88vh;padding:28px;overflow-y:auto}.modal-wide{max-width:820px}.steps{gap:6px;margin-bottom:24px;display:flex}.step-dot{background:var(--bg-mid);border-radius:2px;flex:1;height:4px;transition:background .2s}.step-dot.done{background:var(--accent)}.step-dot.current{background:var(--text-base)}.progressbar{background:var(--bg-mid);border-radius:3px;height:6px;overflow:hidden}.progressbar>div{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.panel-shape{fill:var(--bg-mid);stroke:#3a3a3a;stroke-width:1.5px;cursor:pointer;transition:fill .15s}.panel-shape:hover{stroke:var(--text-base)}.panel-shape.sev-0{fill:var(--bg-mid)}.panel-shape.sev-1{fill:#1d4429}.panel-shape.sev-2{fill:#4d5b1f}.panel-shape.sev-3{fill:#6e501c}.panel-shape.sev-4{fill:#7a3220}.panel-shape.sev-5{fill:#7a2030}.panel-shape.selected{stroke:var(--accent);stroke-width:2.5px}.photo-slot{aspect-ratio:4/3;background:var(--bg-mid);cursor:pointer;color:var(--text-subdued);text-align:center;border:1.5px dashed #3a3a3a;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:.75rem;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.photo-slot:hover{border-color:var(--border-light)}.photo-slot.filled{border-style:solid;border-color:var(--accent-dark)}.photo-slot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photo-slot .slot-check{background:var(--accent);color:#000;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:6px;right:6px}.msg-bubble{border-radius:16px;max-width:72%;padding:10px 14px;font-size:.88rem;line-height:1.4}.msg-mine{background:var(--accent-dark);color:#04170b;border-bottom-right-radius:4px;margin-left:auto}.msg-theirs{background:var(--bg-mid);border-bottom-left-radius:4px}.landing-hero{text-align:center;background:radial-gradient(ellipse 60% 45% at 50% -5%, #1ed76021, transparent), var(--bg-base);flex-direction:column;justify-content:center;align-items:center;min-height:62vh;padding:64px 24px 48px;display:flex}.landing-hero h1{letter-spacing:-.03em;max-width:820px;font-size:clamp(2.2rem,6vw,4rem);line-height:1.05}.landing-hero .lede{color:var(--text-subdued);max-width:620px;margin-top:20px;font-size:1.13rem}.role-card{background:var(--bg-surface);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:24px;transition:background .15s,box-shadow .15s,transform .15s}.role-card:hover{background:var(--bg-mid);box-shadow:var(--shadow-med);transform:translateY(-2px)}.role-card .role-icon{background:var(--bg-mid);width:48px;height:48px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.kanban{grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.kanban-col{background:var(--bg-surface);border-radius:8px;min-height:200px;padding:12px}.kanban-col h4{text-transform:uppercase;letter-spacing:1.6px;color:var(--text-subdued);margin:0;padding:4px 6px 12px;font-size:.66rem;font-weight:600}.kanban-card{background:var(--bg-mid);cursor:pointer;border-radius:6px;margin-bottom:8px;padding:12px;font-size:.88rem}.kanban-card:hover{background:var(--bg-hover)}.report-doc{color:#1a1a1a;background:#fff;border-radius:0 0 8px 8px;max-width:860px;margin:0 auto;padding:48px;font-size:.88rem;line-height:1.55}.report-doc h1,.report-doc h2,.report-doc h3{color:#111}.report-doc table{border-collapse:collapse;width:100%;font-size:.8rem}.report-doc th,.report-doc td{text-align:left;border:1px solid #ddd;padding:7px 10px}.report-doc th{text-transform:uppercase;letter-spacing:1px;background:#f4f4f4;font-size:.7rem}.report-cover{color:#fff;background:#121212;border-radius:8px 8px 0 0;max-width:860px;margin:0 auto;padding:40px 48px}@media print{body{background:#fff}.sidebar,.bottombar,.no-print,.topbar{display:none!important}.main{max-width:none;padding:0}.report-doc{border-radius:0;max-width:none;padding:24px}.report-cover{-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:0;max-width:none}}.divider{background:#2a2a2a;border:none;height:1px;margin:20px 0}.avatar{background:var(--bg-mid);width:40px;height:40px;color:var(--text-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.88rem;font-weight:700;display:flex}.avatar-green{background:var(--accent);color:#000}.empty{text-align:center;color:var(--text-subdued);background:var(--bg-surface);border-radius:8px;padding:56px 24px}.empty h3{color:var(--text-base);margin-bottom:8px}.toast-wrap{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--accent);color:#000;box-shadow:var(--shadow-heavy);border-radius:9999px;padding:12px 24px;font-size:.88rem;font-weight:700;animation:.25s toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.severity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.sevdot-0{background:#3a3a3a}.sevdot-1{background:#1ed760}.sevdot-2{background:#a8d038}.sevdot-3{background:#ffa42b}.sevdot-4{background:#ff6a3d}.sevdot-5{background:#f3727f}.star{color:var(--warning)}code.mono{background:var(--bg-mid);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8em}