:root{color:#101727;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffb86c59,#0000 28%),radial-gradient(circle at right 15%,#4361ee29,#0000 22%),linear-gradient(#f4f0e8 0%,#f8f6f1 45%,#f6f7fb 100%);font-family:IBM Plex Sans,Noto Sans SC,PingFang SC,Hiragino Sans GB,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;padding:32px 24px 72px;position:relative}.ambient{filter:blur(48px);opacity:.45;pointer-events:none;border-radius:999px;width:320px;height:320px;position:fixed}.ambient-left{background:#e99d4447;top:-80px;left:-80px}.ambient-right{background:#3459e633;top:120px;right:-120px}.topbar,.summary-grid,.control-panel,.content-panel{max-width:1180px;margin:0 auto;position:relative}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow,.section-kicker,.drawer-kicker{letter-spacing:.18em;text-transform:uppercase;color:#85725d;margin:0 0 8px;font-size:12px}.topbar h1,.task-group-header h2,.drawer-header h2{margin:0;font-size:clamp(32px,4vw,48px);line-height:1.02}.subtitle{color:#5d6275;max-width:640px;margin:14px 0 0}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.primary-button,.ghost-button,.danger-button,.switch-button{border:1px solid #0000;border-radius:999px;padding:12px 18px;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s}.primary-button{color:#fffdf7;background:#101727;box-shadow:0 12px 24px #10172729}.primary-button:hover,.ghost-button:hover,.danger-button:hover,.switch-button:hover{transform:translateY(-1px)}.ghost-button,.switch-button{color:#0d1a30;background:#ffffffb8;border-color:#10172714}.danger-button{color:#8a2216;background:#bb3a2b1f;border-color:#bb3a2b2e}.compact-button{padding:8px 12px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.summary-card,.control-panel,.content-panel,.drawer-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffffb3;box-shadow:0 22px 48px #1f273d14}.summary-card{border-radius:24px;padding:18px 20px}.summary-card span{color:#636b81;font-size:13px;display:block}.summary-card strong{margin-top:8px;font-size:28px;display:block}.control-panel{border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:16px;display:flex}.view-switch,.filters-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.switch-button.active{color:#fffdf7;background:#101727}.search-field input,.filters-row select,.field input,.field textarea,.field select{color:#101727;background:#ffffffd9;border:1px solid #1017271f;border-radius:18px;width:100%;padding:14px 16px}.search-field input{min-width:min(440px,70vw)}.content-panel{border-radius:28px;margin-top:18px;padding:24px}.task-groups,.task-cards{gap:18px;display:grid}.task-group{gap:16px;display:grid}.task-group-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.task-group-header h2{font-size:28px}.group-count{color:#1c2640;background:#10172714;border-radius:999px;justify-content:center;min-width:44px;padding:8px 14px;font-weight:600;display:inline-flex}.task-card{cursor:pointer;background:linear-gradient(#fffffff2,#f7f6f1eb);border:1px solid #10172714;border-radius:24px;padding:20px;transition:transform .12s,box-shadow .12s}.task-card:hover{transform:translateY(-1px);box-shadow:0 16px 24px #1a223814}.task-card-top,.task-card-bottom,.task-meta,.trash-actions,.drawer-header,.drawer-actions,.drawer-actions-right,.field-grid{justify-content:space-between;gap:16px;display:flex}.task-card-top{align-items:flex-start}.task-card-top h3{margin:10px 0 0;font-size:22px}.task-notes{color:#545c72;margin:14px 0}.task-meta,.task-updated,.trash-retention{color:#646f84;font-size:14px}.task-meta{flex-wrap:wrap}.priority-pill{letter-spacing:.04em;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.priority-urgent{color:#8d1f1f;background:#b12d2d24}.priority-high{color:#8d5410;background:#d07d1124}.priority-medium{color:#3a43a3;background:#4855cc24}.priority-low,.muted-pill{color:#465067;background:#10172714}.status-inline{align-items:center;gap:12px;display:inline-flex}.status-inline select{width:auto;min-width:132px;padding:10px 12px}.panel-empty,.group-empty,.notice-banner,.error-banner{border-radius:22px;padding:20px}.panel-empty,.group-empty{color:#5f6677;background:#f9f8f4eb;border:1px dashed #10172724}.notice-banner{color:#0e6a47;background:#11734b1c;border:1px solid #11734b24;max-width:1180px;margin:16px auto 0}.error-banner,.form-error{color:#8f2116}.error-banner{background:#bb3a2b1f;border:1px solid #bb3a2b24;max-width:1180px;margin:16px auto 0}.drawer-shell{z-index:20;position:fixed;inset:0}.drawer-backdrop{background:#0a111f33;border:0;position:absolute;inset:0}.drawer-panel{width:min(520px,100%);height:100%;padding:26px 22px;position:absolute;top:0;right:0;overflow-y:auto}.drawer-header{align-items:flex-start}.drawer-header h2{font-size:34px}.drawer-form{gap:18px;margin-top:22px;display:grid}.field{gap:10px;display:grid}.field span{color:#4b5467;font-size:14px}.field textarea{resize:vertical;min-height:140px}.hint-block{background:#fff4d9b8;border-radius:20px;padding:16px}.voice-placeholder strong{background:#10172714;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.voice-placeholder p{color:#5b6070;margin:12px 0 0}.drawer-actions{align-items:center;margin-top:8px}.drawer-actions-right{margin-left:auto}.trash-actions{justify-content:flex-end;margin-top:14px}@media (width<=900px){.topbar,.control-panel,.task-card-top,.task-card-bottom,.drawer-actions{flex-direction:column;align-items:stretch}.summary-grid,.field-grid{grid-template-columns:1fr}.drawer-panel{width:100%}.search-field input{min-width:0}}@media (width<=640px){.app-shell{padding:20px 14px 56px}.content-panel,.control-panel,.summary-card{border-radius:20px}.task-card,.drawer-panel{padding:18px}.topbar h1{font-size:34px}.summary-grid{grid-template-columns:1fr}}
