:root{--ink:#292927;--muted:#77746d;--paper:#fff;--canvas:#f4f2ed;--line:#ddd9d1;--soft:#ebe8e1;--warn:#b43a32;--dark:#3b3a37;--shadow:0 12px 40px rgba(35,33,28,.08);font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",system-ui,sans-serif;color:var(--ink);background:var(--canvas)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--canvas)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.rail{position:sticky;top:0;height:100vh;background:#30302e;color:#f8f7f3;padding:28px 18px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.2rem;padding:0 10px 26px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #77746e;border-radius:10px}.rail nav{display:grid;gap:6px}.nav-button{width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:13px 14px;border-radius:9px;display:flex;align-items:center;gap:12px;font-weight:600}.nav-button:hover,.nav-button.active{background:#4a4945}.nav-icon{width:22px;text-align:center}.rail-foot{margin-top:auto;color:#aaa69e;font-size:.78rem;padding:10px}main{width:min(1180px,100%);margin:auto;padding:34px 42px 70px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{margin:0 0 5px;color:var(--muted);font-size:.82rem}.page-title{margin:0;font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:.01em}.top-actions{display:flex;gap:8px}.icon-button,.secondary,.primary{border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:10px 14px;min-height:42px}.primary{background:var(--dark);border-color:var(--dark);color:white}.secondary:hover,.icon-button:hover{background:var(--soft)}.hero{display:grid;grid-template-columns:1.5fr .7fr;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;overflow:hidden;margin-bottom:18px}.hero-copy{padding:30px}.hero-copy h2{margin:4px 0 10px;font-size:1.55rem}.hero-copy p{margin:0;color:var(--muted);line-height:1.7}.hero-visual{min-height:180px;background:linear-gradient(135deg,#cbc5ba,#eeeae2);display:grid;place-items:center;color:#77736c}.hero-visual span{border:1px solid #9e988d;border-radius:999px;padding:10px 16px;background:rgba(255,255,255,.45)}.progress-block{margin-top:24px}.progress-head{display:flex;justify-content:space-between;font-weight:700}.progress-track{height:9px;background:var(--soft);border-radius:99px;overflow:hidden;margin-top:9px}.progress-fill{height:100%;background:#55534e;border-radius:99px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.stat,.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px}.stat{padding:20px}.stat-label{color:var(--muted);font-size:.84rem}.stat-value{font-weight:750;font-size:1.5rem;margin-top:7px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:21px}.panel h3{margin:0 0 14px;font-size:1rem}.task-card{border-top:1px solid var(--line);padding:14px 0;display:flex;gap:12px;align-items:center}.task-card:first-of-type{border-top:0}.date-tile{width:48px;text-align:center;border-right:1px solid var(--line);font-weight:700}.date-tile small{display:block;color:var(--muted);font-weight:400}.task-main{flex:1}.task-main strong{display:block}.meta{color:var(--muted);font-size:.82rem;margin-top:4px}.status{border:1px solid var(--line);background:#faf9f6;border-radius:99px;padding:7px 11px;font-size:.78rem;white-space:nowrap}.status.doing{background:#99968e;color:white;border-color:#99968e}.status.done{background:#3d3c39;color:white;border-color:#3d3c39}.status.overdue{background:var(--warn);color:white;border-color:var(--warn)}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.search{flex:1;border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:12px 14px;min-width:0}.list{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.list-row{display:grid;grid-template-columns:42px 1.5fr .9fr .8fr .7fr auto;gap:14px;align-items:center;padding:16px 18px;border-top:1px solid var(--line)}.list-row:first-child{border-top:0}.drag{color:#aaa59b;font-size:1.3rem;cursor:grab}.row-title{font-weight:700}.thumb{width:48px;height:48px;border-radius:9px;background:#d8d4cb;display:grid;place-items:center;color:#777}.material-row{grid-template-columns:54px 1.5fr .9fr .7fr auto}.row-click{cursor:pointer}.row-click:hover{background:#faf9f6}.detail{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.detail-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px}.detail-card h3{margin:0 0 16px}.detail-hero{height:220px;border-radius:11px;background:linear-gradient(145deg,#c9c5bc,#efede7);display:grid;place-items:center;color:var(--muted);margin-bottom:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.field{padding:13px 0;border-top:1px solid var(--line)}.field label{display:block;color:var(--muted);font-size:.78rem;margin-bottom:5px}.field.full{grid-column:1/-1}.link-row{width:100%;border:0;border-top:1px solid var(--line);background:transparent;padding:16px 0;text-align:left;display:flex;justify-content:space-between;font-weight:700}.calendar{display:grid;grid-template-columns:repeat(7,1fr);background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.cal-head{padding:12px;text-align:center;background:#e8e5de;color:var(--muted);font-size:.8rem}.day{min-height:125px;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:9px}.day:nth-child(7n){border-right:0}.day-num{color:var(--muted);font-size:.8rem}.event{background:#dedbd4;border-left:3px solid #565550;border-radius:4px;padding:6px;margin-top:7px;font-size:.75rem;line-height:1.35}.empty-day{background:#faf9f6}.mobile-nav{display:none}.toast{position:fixed;right:24px;bottom:24px;background:#2f2f2d;color:white;padding:12px 16px;border-radius:9px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.back{border:0;background:transparent;padding:8px 0;color:var(--muted)}
@media(max-width:850px){.shell{display:block}.rail{display:none}main{padding:92px 16px 40px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:20;top:0;left:0;right:0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 5px 18px rgba(35,33,28,.06);padding:calc(7px + env(safe-area-inset-top)) 4px 7px}.mobile-nav .nav-button{font-size:.72rem;color:var(--muted);display:grid;place-items:center;gap:2px;padding:5px}.mobile-nav .nav-button.active{background:var(--soft);color:var(--ink)}.hero{grid-template-columns:1fr}.hero-visual{min-height:120px;order:-1}.hero-copy{padding:22px}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.grid-two,.detail{grid-template-columns:1fr}.list-row{grid-template-columns:28px 1fr auto;padding:14px 12px}.list-row>*:nth-child(3),.list-row>*:nth-child(4),.list-row>*:nth-child(5){display:none}.material-row{grid-template-columns:48px 1fr auto}.material-row>*:nth-child(3),.material-row>*:nth-child(4){display:none}.calendar{font-size:.75rem}.cal-head{padding:8px 2px}.day{min-height:84px;padding:5px}.event{padding:4px;font-size:.65rem}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.topbar{align-items:center}.top-actions .secondary{display:none}}
.form-card{max-width:760px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:grid;gap:8px}.form-field.full{grid-column:1/-1}.form-field label{font-size:.86rem;font-weight:700}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#fdfcf9;padding:12px 13px;min-height:46px}.form-field textarea{min-height:110px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.required{color:var(--warn);font-size:.75rem;margin-left:4px}.form-note{color:var(--muted);font-size:.82rem;margin:0 0 22px}
@media(max-width:850px){.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.form-card{padding:20px}.form-actions{display:grid;grid-template-columns:1fr 1fr}}
.detail-hero{overflow:hidden;position:relative}.detail-hero img{width:100%;height:100%;object-fit:cover}.photo-placeholder{text-align:center;line-height:1.7}.photo-placeholder strong{display:block;color:var(--ink);font-size:1rem}.photo-phase{position:absolute;left:12px;bottom:12px;background:rgba(45,45,43,.82);color:white;border-radius:7px;padding:6px 9px;font-size:.76rem}
.photo-field-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:22px;align-items:start}.photo-field-layout .detail-hero{height:150px;margin:0}.photo-field-layout .fields{align-content:start}
@media(max-width:650px){.photo-field-layout{grid-template-columns:1fr}.photo-field-layout .detail-hero{width:100%;height:135px;order:2}}
.quick-options{display:flex;flex-wrap:wrap;gap:7px}.quick-option{border:1px solid var(--line);background:#fdfcf9;border-radius:8px;padding:9px 12px;min-height:42px}.quick-option.active{background:var(--dark);border-color:var(--dark);color:white}.member-list{display:grid;gap:9px;margin:18px 0}.member-item{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:#fdfcf9;border-radius:9px;padding:12px 14px}.member-avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--soft);margin-right:10px;font-weight:700}.inline-form{display:flex;gap:9px}.inline-form input{flex:1;border:1px solid var(--line);border-radius:9px;padding:11px 13px;min-width:0}
.conditional-input{display:none}.conditional-input.show{display:block}
.event.done-event{background:#454440;border-left-color:#292927;color:#fff}.event.done-event .event-day{color:#ddd9d1}
.date-tile{width:64px}.date-tile span{display:block;white-space:nowrap;font-size:.86rem}
.hero-visual{position:relative;cursor:pointer;overflow:hidden}.hero-visual input{display:none}.hero-visual img{width:100%;height:100%;min-height:180px;object-fit:cover}.hero-visual.has-photo span{position:absolute;right:12px;bottom:12px;color:#fff;background:rgba(35,33,28,.75);border-color:rgba(255,255,255,.55)}
.hero-visual{cursor:default}.settings-photo{width:min(420px,100%);height:220px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--soft);display:grid;place-items:center;margin-bottom:14px}.settings-photo img{width:100%;height:100%;object-fit:cover}.settings-photo-empty{color:var(--muted)}.photo-select{display:inline-block;cursor:pointer}.photo-select input{display:none}
.hero-visual.has-photo::after{content:"";position:absolute;inset:66% 0 0;background:linear-gradient(transparent,rgba(24,23,20,.68));pointer-events:none}.hero-concept{position:absolute;z-index:1;left:22px;right:22px;bottom:18px;margin:0;color:#35332f;font-weight:700;line-height:1.5;text-shadow:0 1px 8px rgba(255,255,255,.8)}.hero-visual.has-photo .hero-concept{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.55)}.photo-empty-label{transform:translateY(-20px)}
.event[draggable="true"]{cursor:grab}.event.calendar-dragging{opacity:.4}.day.calendar-drop{outline:2px dashed #5b5954;outline-offset:-3px;background:#e9e6df}
.day-events{display:grid;gap:5px}.day-events.parallel{grid-template-columns:repeat(2,minmax(0,1fr))}.day-events.parallel .event{min-width:0;margin-top:7px;padding:5px 4px;overflow:hidden}.event-time{display:block;font-size:.65rem;opacity:.8;white-space:nowrap}.event-person{display:block;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:850px){.day-events.parallel{gap:2px}.day-events.parallel .event{font-size:.58rem;padding:3px 2px}.event-time,.event-person{font-size:.55rem}}
.calendar-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.view-switch{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--paper)}.view-switch button{border:0;border-left:1px solid var(--line);background:transparent;padding:9px 16px}.view-switch button:first-child{border-left:0}.view-switch button.active{background:var(--dark);color:white}.period-nav{display:flex;gap:7px}.week-calendar{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.week-day{min-height:420px;padding:10px;border-left:1px solid var(--line)}.week-day:first-child{border-left:0}.week-day-header{text-align:center;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:4px;font-weight:700}.week-day.blocked{background:#f4d8d5}.day-calendar{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px;min-height:360px}.day-calendar.blocked{background:#f4d8d5}.day-title{font-size:1.1rem;font-weight:750;margin-bottom:14px}.day-calendar .day-events.parallel{grid-template-columns:repeat(2,minmax(0,1fr))}.day-calendar .event{font-size:.9rem;padding:12px;margin-top:8px}.day-calendar .event-time,.day-calendar .event-person{font-size:.78rem}
@media(max-width:850px){.calendar-controls{align-items:stretch;flex-direction:column}.view-switch{width:100%}.view-switch button{flex:1}.week-calendar{overflow-x:auto;grid-template-columns:repeat(7,135px)}.week-day{min-height:340px}.period-nav{justify-content:flex-end}}
.day-timeline{display:grid;grid-template-columns:repeat(var(--person-count),minmax(150px,1fr));gap:10px;align-items:start}.person-column{border:1px solid var(--line);border-radius:10px;background:#faf9f6;overflow:hidden;min-height:250px}.person-column-title{color:white;padding:9px 11px;font-weight:750;text-align:center}.person-column-body{padding:8px}.person-column .event{font-size:.86rem;padding:10px;margin-top:7px}.person-column .event:first-child{margin-top:0}.person-column .event-time{font-size:.74rem;margin-top:4px}.timeline-empty{color:var(--muted);padding:30px;text-align:center}
@media(max-width:650px){.day-timeline{overflow-x:auto;grid-template-columns:repeat(var(--person-count),minmax(145px,1fr));padding-bottom:4px}}
.timeline-board{display:grid;grid-template-columns:58px minmax(560px,1fr);min-height:500px;overflow-x:auto}.time-axis{position:relative;height:468px;border-right:1px solid var(--line);margin-top:40px}.time-label{position:absolute;right:8px;transform:translateY(-50%);font-size:.72rem;color:var(--muted)}.timeline-lanes{display:grid;grid-template-columns:repeat(var(--person-count),minmax(150px,1fr));height:508px}.timeline-lane{position:relative;border-right:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 51px,var(--line) 51px,var(--line) 52px);background-position:0 40px}.timeline-lane-title{height:40px;color:white;display:grid;place-items:center;font-weight:750;position:relative;z-index:3}.timeline-break{position:absolute;left:0;right:0;top:196px;height:52px;background:rgba(180,170,155,.18);border-top:1px dashed #b7afa2;border-bottom:1px dashed #b7afa2;z-index:0}.timeline-band{position:absolute;left:7px;right:7px;border-radius:7px;padding:7px 8px;color:white;z-index:2;overflow:hidden;box-shadow:0 2px 7px rgba(30,30,28,.15);cursor:grab;font-size:.78rem}.timeline-band.done-event{background:#454440!important}.timeline-band strong,.timeline-band span{display:block}.timeline-band .event-time{font-size:.68rem;margin-top:2px}.timeline-band .event-person{font-size:.68rem}.break-axis-label{position:absolute;right:6px;top:182px;font-size:.63rem;color:var(--muted);writing-mode:vertical-rl}
.date-picker{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fdfcf9}.date-picker-title{padding:10px 12px;text-align:center;font-weight:700;border-bottom:1px solid var(--line)}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr)}.date-picker-week{padding:6px 2px;text-align:center;background:var(--soft);font-size:.72rem;color:var(--muted)}.date-choice{min-height:42px;border:0;border-top:1px solid var(--line);border-right:1px solid var(--line);background:white;padding:5px;font-size:.8rem}.date-choice:nth-child(7n){border-right:0}.date-choice.outside{color:#aaa;background:#faf9f6}.date-choice.blocked{background:#d75a52;color:white}.date-choice.busy{background:#477aa8;color:white}.date-choice.selected{box-shadow:inset 0 0 0 3px #292927;font-weight:800}.date-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:.75rem;color:var(--muted)}.legend-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-2px}.legend-swatch.red{background:#d75a52}.legend-swatch.blue{background:#477aa8}.legend-swatch.selected{background:white;border:2px solid #292927}
.schedule-cell{font-size:.88rem;line-height:1.45}.schedule-cell strong{display:block;font-size:.9rem}.schedule-cell small{display:block;color:var(--muted)}
@media(max-width:850px){.list-row:not(.material-row){grid-template-columns:28px minmax(0,1fr) auto;align-items:start}.list-row:not(.material-row)>.drag{grid-row:1/3;align-self:center}.list-row:not(.material-row)>:nth-child(3){display:block;grid-column:2;grid-row:2;margin-top:5px}.list-row:not(.material-row)>:nth-child(4),.list-row:not(.material-row)>:nth-child(5){display:none}.list-row:not(.material-row)>:nth-child(6){grid-column:3;grid-row:1/3;align-self:center}}
.task-heading{display:flex;align-items:baseline;gap:10px;min-width:0}.task-heading .row-title{white-space:nowrap}.room-inline{color:var(--muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-inline{white-space:nowrap;color:var(--muted)}
@media(max-width:850px){.list-row:not(.material-row){padding:10px 12px;gap:4px 9px}.list-row:not(.material-row)>:nth-child(3){margin-top:1px}.schedule-inline{font-size:.78rem}.list-row:not(.material-row) .status{padding:6px 9px}.task-heading{gap:8px}.task-heading .row-title{font-size:.93rem}.room-inline{font-size:.76rem}}
.task-row{grid-template-columns:42px 1.35fr 1.55fr .65fr auto}.task-row>:nth-child(5){display:none}.schedule-with-person{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.person-badge{display:inline-block;color:white;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:700;white-space:nowrap}.event.member-colored:not(.done-event){background:var(--member-color);border-left-color:var(--member-color);color:white}
@media(max-width:850px){.task-row{grid-template-columns:28px minmax(0,1fr) auto}.schedule-with-person{gap:6px}.person-badge{padding:2px 7px;font-size:.66rem}}
.list-row.dragging{opacity:.42;background:var(--soft)}.list-row.drag-over{box-shadow:inset 0 3px 0 var(--dark)}.day{cursor:pointer}.day:hover{background:#f0eee8}.day.blocked{background:#f4d8d5;color:#8f2923}.day.blocked .day-num{color:#8f2923;font-weight:800}.blocked-label{display:block;margin-top:8px;color:#9c3029;font-size:.7rem;font-weight:700}.event-day{display:block;color:var(--muted);font-size:.68rem;margin-top:2px}.calendar-help{color:var(--muted);font-size:.83rem;margin:0 0 12px}