:root{--bg:#f7f5f1;--surface:#fff;--surface-soft:#fbfaf8;--text:#292521;--muted:#756e68;--line:#e8e1db;--accent:#b73b33;--accent-strong:#8f2c27;--accent-soft:#f8e8e5;--mine-bg:#edf6ee;--mine-border:#cfe3d2;--error-bg:#fff0ee;--error:#8b3029;--shadow:0 8px 30px rgba(45,38,33,.07);--radius-sm:11px;--radius-md:17px;--radius-lg:26px;--content:1020px;--tap:46px}
*,*::before,*::after{box-sizing:border-box}html{min-height:100%;background:var(--bg);color-scheme:light}body{margin:0;min-height:100vh;background:radial-gradient(circle at 88% 2%,rgba(183,59,51,.055),transparent 25rem),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;line-height:1.52;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:var(--accent-strong);text-underline-offset:3px}.hidden{display:none!important}.app-shell{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}
.app-header{background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.app-header__inner,.main-navigation,.app-status,.app-content,.app-footer__inner{width:min(calc(100% - 28px),var(--content));margin-inline:auto}.app-header__inner{padding:18px 0 12px}.brand{width:100%;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;cursor:pointer}.brand__text{display:grid;gap:5px;min-width:0}.brand__title{font-size:clamp(32px,8vw,52px);line-height:.98;font-weight:780;letter-spacing:-.045em}.brand__date{color:var(--muted);font-size:15px}.brand__crane {
  flex: 0 0 auto;
  display: block;
  width: 108px;
  height: 98px;
  overflow: hidden;
  border-radius: 20px;
}
.brand__crane-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.service-area{display:flex;justify-content:flex-end;margin-top:8px}.current-organizer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px 12px;color:var(--muted);font-size:14px}.current-organizer__name{color:var(--text);font-weight:700}.service-link{min-height:34px;padding:3px 0;border:0;background:transparent;color:var(--accent-strong);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.service-link:hover,.service-link:focus-visible{text-decoration-color:currentColor}.service-link--muted{color:var(--muted);font-size:14px}
.main-navigation{display:flex;gap:8px;padding:13px 0 10px;overflow-x:auto;scrollbar-width:none}.main-navigation::-webkit-scrollbar{display:none}.nav-button,.segmented-button,.primary-button,.secondary-button,.icon-button,.person-link,.inline-link,.back-button{cursor:pointer}.nav-button{flex:0 0 auto;min-height:42px;padding:8px 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:15px;font-weight:650}.nav-button.is-active{border-color:var(--accent);background:var(--accent);color:#fff}
.app-status{margin-top:4px;margin-bottom:2px;padding:10px 13px;border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:14px}.app-status.is-error{background:var(--error-bg);color:var(--error)}.app-content{padding:10px 0 36px}.initial-loading,.empty-state{padding:42px 18px;text-align:center;color:var(--muted)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:17px}.page-heading__title{margin:0;font-size:clamp(27px,6vw,38px);line-height:1.08;letter-spacing:-.03em}.page-heading__meta{margin:6px 0 0;color:var(--muted);font-size:14px}
.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:17px}.search-field{flex:1 1 270px;min-width:0}.search-input,.field__control{width:100%;min-height:var(--tap);padding:10px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);outline:none}.search-input:focus,.field__control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.segmented-control{display:inline-flex;gap:4px;max-width:100%;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);overflow-x:auto;scrollbar-width:none}.segmented-control::-webkit-scrollbar{display:none}.segmented-button{flex:0 0 auto;min-height:35px;padding:6px 12px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:14px;font-weight:650}.segmented-button.is-active{background:var(--accent-soft);color:var(--accent-strong)}
.stack{display:grid;gap:12px}.section-block{margin-top:25px}.section-block:first-child{margin-top:0}.section-title{margin:0 0 10px;color:var(--muted);font-size:13px;font-weight:780;letter-spacing:.055em;text-transform:uppercase}.card,.person-card,.task-card,.name-group-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 3px 14px rgba(45,38,33,.035)}.card.is-mine,.person-card.is-mine,.task-card.is-mine,.name-group-card.is-mine{border-color:var(--mine-border);background:var(--mine-bg)}.person-card{padding:15px 16px}.person-card__name{display:flex;align-items:center;gap:8px}.person-link,.inline-link,.back-button{border:0;padding:0;background:transparent;color:var(--text);text-align:left}.person-link{font-weight:720;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.person-link:hover,.person-link:focus-visible,.inline-link:hover,.inline-link:focus-visible{color:var(--accent-strong);text-decoration-color:currentColor}.inline-link{text-decoration:underline;text-decoration-color:rgba(143,44,39,.22);text-underline-offset:3px}.card-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:5px;color:var(--muted);font-size:13px}
.task-card{overflow:clip}.task-card__main{padding:15px 16px 14px}.task-card__top{display:grid;gap:3px;margin-bottom:9px}.task-card__time{color:var(--accent-strong);font-size:14px;font-weight:760;letter-spacing:.005em}.task-card__title{margin:0;font-size:19px;line-height:1.25;letter-spacing:-.012em}.task-card__block{color:var(--muted);font-size:13px}.task-details{display:grid;gap:8px;margin-top:11px}.detail-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;align-items:start;font-size:14px}.detail-row__label{color:var(--muted)}.detail-row__value{min-width:0}.people-list{display:flex;flex-wrap:wrap;gap:3px 8px}.people-list .person-link{font-size:14px;font-weight:650}.person-entry{display:inline}.service-comment{color:var(--muted);font-size:12px}.memo{margin-top:12px;padding:11px 12px;border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--accent-soft);white-space:pre-line;font-size:14px}.memo__label{display:block;margin-bottom:3px;color:var(--accent-strong);font-size:12px;font-weight:780;letter-spacing:.04em;text-transform:uppercase}.instruction-row{margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.instruction-link{display:inline-flex;align-items:center;min-height:38px;padding:7px 11px;border:1px solid rgba(183,59,51,.22);border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:14px;font-weight:700;text-decoration:none}.instruction-link:hover,.instruction-link:focus-visible{border-color:var(--accent)}
.name-group-card{overflow:clip}.name-group-card__header{padding:14px 16px;border-bottom:1px solid var(--line)}.name-group-card__title{margin:0;font-size:19px;line-height:1.25}.name-group-card__meta{margin-top:4px;color:var(--muted);font-size:13px}.name-group-card__tasks{display:grid}.name-group-card__tasks .task-card{border:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--line)}.name-group-card__tasks .task-card:last-child{border-bottom:0}.back-row{margin-bottom:14px}.back-button{min-height:38px;color:var(--accent-strong);font-weight:650}.back-button::before{content:"← "}.primary-button,.secondary-button{min-height:var(--tap);padding:10px 16px;border-radius:var(--radius-sm);font-weight:700}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff}.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--text)}
.app-footer{border-top:1px solid var(--line);background:var(--surface-soft)}.app-footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:15px 0 calc(15px + env(safe-area-inset-bottom))}.last-update{color:var(--muted);font-size:13px}.app-dialog{width:min(calc(100% - 24px),480px);max-height:min(82vh,720px);padding:0;border:0;border-radius:var(--radius-lg);background:transparent}.app-dialog::backdrop{background:rgba(38,31,27,.38);backdrop-filter:blur(3px)}.dialog-card{margin:0;padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.dialog-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.dialog-card__eyebrow{margin:0 0 3px;color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.dialog-card__title{margin:0;font-size:25px;line-height:1.12;letter-spacing:-.025em}.icon-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--muted);font-size:23px}.field{display:grid;gap:6px;margin-top:13px}.field__label{color:var(--muted);font-size:13px;font-weight:650}.dialog-card__actions{margin-top:18px;display:flex;justify-content:flex-end}.form-message{margin:12px 0 0;padding:9px 11px;border-radius:var(--radius-sm);background:var(--error-bg);color:var(--error);font-size:14px}.contact-details{display:grid;gap:11px}.contact-item{display:grid;gap:2px}.contact-item__label{color:var(--muted);font-size:12px}.contact-item__value{overflow-wrap:anywhere}
@media(min-width:720px){.app-header__inner,.main-navigation,.app-status,.app-content,.app-footer__inner{width:min(calc(100% - 56px),var(--content))}.app-header__inner{padding-top:24px}.brand__crane{width:118px;height:80px}.toolbar{align-items:stretch}.task-card__top{grid-template-columns:112px minmax(0,1fr);column-gap:14px;align-items:baseline}.task-card__time{grid-row:1/span 2}.task-card__block{grid-column:2}}
@media(min-width:1080px){body{font-size:16px}.app-header__inner{padding-top:28px}.app-content{padding-top:16px}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}}

@media (max-width: 390px) {
  .brand { gap: 10px; }
  .brand__crane { width: 84px; height: 76px; border-radius: 16px; }
}
