:root{--animal-primary: #19c8b9;--animal-primary-hover: #3dd4c6;--animal-primary-bg: #e6f9f6;--animal-text: #794f27;--animal-text-body: #725d42;--animal-text-secondary: #9f927d;--animal-bg: #f8f8f0;--animal-bg-content: rgb(247, 243, 223);--animal-border: #c4b89e;--animal-focus-yellow: #ffcc00;--animal-shadow-btn: #bdaea0;--animal-shadow-input: #d4c9b4;--animal-error: #e05a5a;--animal-success: #6fba2c;--font: Nunito, "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--animal-bg)}body{margin:0;color:var(--animal-text-body);font-family:var(--font);font-weight:500;letter-spacing:.01em;background:radial-gradient(circle at 14px 14px,rgba(25,200,185,.11) 0 3px,transparent 4px) 0 0 / 42px 42px,linear-gradient(180deg,#fffaf0 0%,var(--animal-bg) 45%,#eff7df 100%)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1280px;min-height:74px;margin:0 auto 18px;padding:12px 16px;border:2px solid rgba(196,184,158,.55);border-radius:24px;background:#fffcf4f0;box-shadow:0 3px 10px #3d34281a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{display:grid;width:50px;height:50px;place-items:center;flex:0 0 auto;color:#fff;border:3px solid rgba(255,255,255,.9);border-radius:18px;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.36) 0 6px,transparent 7px),var(--animal-primary);box-shadow:0 5px 0 var(--animal-shadow-btn);font-size:24px;font-weight:900}.brand p,.status-card p,.status-card strong,.status-card span{margin:0}.brand p{color:var(--animal-text-secondary);font-size:13px;font-weight:800}.brand strong{display:block;color:var(--animal-text);font-size:24px;font-weight:900;line-height:1.1}.top-actions{display:flex;align-items:center;gap:8px}.icon-button,.icon-mini,.nav-pill,.tiny-button{display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.icon-button{width:44px;height:44px;color:#0e4b3f;border-radius:16px;background:transparent}.icon-button:hover,.nav-pill:hover,.icon-mini:hover,.tiny-button:hover{border-color:var(--animal-primary);background:var(--animal-primary-bg);transform:translateY(-1px)}.nav-pill{min-height:38px;gap:6px;padding:0 13px;color:var(--animal-text);border-color:#e8dcc8;border-radius:999px;background:#fffaf0;font-size:14px;font-weight:900}.nav-pill.active{color:#fff;border-color:var(--animal-primary);background:var(--animal-primary);box-shadow:0 4px 0 var(--animal-shadow-btn)}.home-grid,.settings-grid{max-width:1280px;margin:0 auto}.home-grid{display:grid;grid-template-columns:minmax(560px,1fr) minmax(280px,340px);gap:20px;align-items:start}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:20px;align-items:start}.calendar-card,.soft-panel,.status-card,.task-item,.notice,.modal-card{border:2px solid rgba(196,184,158,.62);border-radius:22px;background:#fffcf4f2}.calendar-card{padding:20px;box-shadow:0 8px 24px #3d34281c}.soft-panel{display:grid;gap:13px;padding:16px;box-shadow:0 3px 10px #3d342814}.management-stack,.today-panel{display:grid;gap:14px}.management-panels{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px}.management-panels .soft-panel:last-child{grid-column:1 / -1}.soft-panel h2{margin:0;color:var(--animal-text);font-size:17px;font-weight:900}.ribbon-title{display:inline-flex;align-items:center;justify-self:start;gap:8px;min-height:42px;padding:0 24px;color:#fff;font-weight:900;background:#82d5bb;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,12px 50%);filter:drop-shadow(0 4px 0 rgba(114,93,66,.18))}.calendar-title{background:var(--animal-primary)}.calendar-title .avatar{border-color:#ffffffb8}label{display:grid;gap:6px;color:var(--animal-text);font-size:13px;font-weight:800}input,select{width:100%;min-height:42px;padding:0 14px;color:var(--animal-text-body);border:2px solid var(--animal-border);border-radius:50px;outline:none;background:var(--animal-bg-content);box-shadow:0 3px 0 var(--animal-shadow-input);transition:all .22s cubic-bezier(.4,0,.2,1)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--animal-text-body) 50%),linear-gradient(135deg,var(--animal-text-body) 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 12px) 18px;background-size:6px 6px;background-repeat:no-repeat}input:focus,select:focus{border-color:var(--animal-focus-yellow);box-shadow:0 3px #e0b800,0 0 0 3px #ffcc0029}.primary-button,.secondary-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:2px solid transparent;border-radius:50px;font-weight:900;transition:all .2s cubic-bezier(.4,0,.2,1)}.primary-button{color:#fff;background:var(--animal-primary);box-shadow:0 5px 0 var(--animal-shadow-btn)}.primary-button:hover:not(:disabled){background:var(--animal-primary-hover);transform:translateY(-1px);box-shadow:0 6px 0 var(--animal-shadow-btn)}.primary-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--animal-shadow-btn)}.secondary-button{color:var(--animal-text);border-color:#e8dcc8;background:#fffaf0;box-shadow:0 2px 4px #3d342814}.small-action{min-height:36px;padding:0 13px;font-size:13px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.calendar-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:14px}.calendar-title-wrap p{margin:10px 0 0;color:var(--animal-text-secondary);font-weight:800}.legend{display:flex;max-width:460px;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-content:start}.calendar-side{display:grid;gap:10px;justify-items:end}.calendar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.share-type-select{width:min(220px,44vw);min-height:38px}.share-button{min-height:38px;padding:0 14px;white-space:nowrap}.legend-pill{--pill: #19c8b9;display:inline-flex;min-height:33px;align-items:center;gap:7px;padding:0 12px 0 6px;color:color-mix(in srgb,var(--pill) 74%,#603f1e);border:1.5px solid var(--pill);border-radius:999px;background:color-mix(in srgb,var(--pill) 14%,#fffaf0);font-size:13px;font-weight:900}.avatar{--avatar-color: #19c8b9;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#fff;border:2px solid rgba(255,255,255,.88);border-radius:999px;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.36) 0 4px,transparent 5px),var(--avatar-color);box-shadow:0 3px #725d422e}.avatar-tiny{width:23px;height:23px}.avatar-small{width:30px;height:30px}.avatar-medium{width:44px;height:44px}.avatar-large{width:62px;height:62px}.avatar svg{display:block;width:55%;height:55%}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;clip:rect(0,0,0,0);white-space:nowrap;border:0}.calendar-grid{display:grid;overflow:hidden;border:2px solid #e8dcc8;border-radius:18px;grid-template-columns:repeat(7,minmax(72px,1fr));background:#fffaf0}.weekday{min-height:42px;display:grid;place-items:center;color:#fff;background:#184f38;font-weight:900}.day-cell{position:relative;display:grid;min-height:110px;align-content:start;gap:8px;padding:12px 7px 9px;color:#1f2b2b;border:0;border-right:1px solid #eee4d2;border-bottom:1px solid #eee4d2;background:#ffffff94;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.day-cell:nth-child(7n){border-right:0}.day-cell:hover:not(:disabled){z-index:1;background:#f7f3df;box-shadow:inset 0 0 0 2px var(--animal-primary)}.day-cell.selected{background:var(--animal-primary-bg);box-shadow:inset 0 0 0 3px var(--animal-primary)}.day-cell.today:after{position:absolute;top:8px;right:8px;width:8px;height:8px;content:"";border-radius:50%;background:var(--animal-error)}.day-cell.weekend strong{color:#ff6a53}.day-cell.blank{background:#f8f8f073}.day-cell strong{color:#18242a;font-size:20px;font-weight:900;line-height:1}.day-assignments{display:grid;gap:5px}.day-assignments span{--assignment: #19c8b9;display:inline-flex;min-height:24px;align-items:center;justify-content:center;gap:4px;color:color-mix(in srgb,var(--assignment) 74%,#603f1e);font-size:12px;font-weight:900;line-height:1.15}.day-assignments em{overflow:hidden;max-width:4.5em;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.day-assignments svg{width:13px;height:13px}.status-card{display:grid;gap:6px;padding:17px;color:#fff;background:radial-gradient(circle at 16px 16px,rgba(255,255,255,.34) 0 3px,transparent 4px) 0 0 / 28px 28px,#82d5bb;box-shadow:0 4px #725d422e}.status-card strong{font-size:24px;font-weight:900}.status-card span{font-weight:900}.task-list{display:grid;gap:12px}.task-item{display:grid;gap:12px;padding:16px}.task-person{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.task-person strong{display:block;color:var(--animal-text);font-size:20px;font-weight:900}.task-person span{display:block;color:var(--animal-text-secondary);font-size:13px;font-weight:800}.done-button{color:#2f6621;border-color:#b9d99b;background:#eef8df}.empty-state{display:grid;min-height:180px;place-items:center;padding:24px;color:var(--animal-text-secondary);border:2px dashed #e4d6bd;border-radius:22px;background:#fffcf4b8;text-align:center}.notice{padding:12px 14px;color:#0e6a60;font-size:13px;font-weight:900;background:var(--animal-primary-bg)}.list-stack,.person-checks,.sort-preview{display:grid;gap:9px}.manage-row,.check-row,.sort-row{display:flex;align-items:center;gap:9px;min-height:46px;padding:8px 10px;border:1.5px dashed #e4d6bd;border-radius:16px;background:#f8f8f09e}.manage-row strong,.sort-row strong,.check-row span{color:var(--animal-text);font-weight:900}.manage-row>span{min-width:0;flex:1;overflow:hidden;color:var(--animal-text-secondary);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto;justify-content:flex-end}.icon-mini{width:34px;height:34px;color:var(--animal-text);border-color:#e8dcc8;border-radius:12px;background:#fffaf0}.icon-mini.danger{color:#c94444}.tiny-button{min-height:30px;padding:0 9px;color:var(--animal-text);border-color:#e8dcc8;border-radius:999px;background:#fffaf0;font-size:12px;font-weight:900}.check-row input,.switch-row input{width:18px;min-height:18px;box-shadow:none;accent-color:var(--animal-primary)}.sort-row>span{display:grid;width:28px;height:28px;place-items:center;color:#fff;border-radius:999px;background:var(--animal-primary);font-weight:900}.generator-card{align-content:start}.generator-panel{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px;align-items:end;padding:14px;border:1.5px dashed #e4d6bd;border-radius:20px;background:#f7f3dfa3}.settings-generator .generate-button{grid-column:2;justify-self:end;min-width:140px}.switch-row{display:inline-flex;min-height:42px;min-width:118px;align-items:center;gap:8px;padding:0 12px;border:2px solid #e8dcc8;border-radius:999px;background:#fffaf0;white-space:nowrap}.swatches,.avatar-picker{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:30px;height:30px;padding:0;border:2px solid #fffaf0;border-radius:50%;background:var(--swatch);box-shadow:0 2px 0 var(--animal-shadow-input)}.swatch.active{outline:3px solid var(--animal-focus-yellow)}.avatar-choice{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:3px 9px 3px 4px;color:var(--animal-text);border:2px solid #e8dcc8;border-radius:999px;background:#fffaf0;font-size:12px;font-weight:900}.avatar-choice.active{border-color:var(--animal-primary);background:var(--animal-primary-bg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:18px;background:#3d342847;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{display:grid;width:min(560px,100%);max-height:min(760px,calc(100vh - 32px));gap:14px;overflow:auto;padding:18px;box-shadow:0 8px 24px #3d342833}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h2{margin:0;color:var(--animal-text);font-size:22px;font-weight:900}.loading-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;align-content:center;gap:14px;color:var(--animal-text);background:#f8f8f0b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:900}.spin{animation:spin .9s linear infinite}svg{width:20px;height:20px;stroke-width:2.4}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:980px){.home-grid,.settings-grid,.management-panels{grid-template-columns:1fr}.home-grid{gap:14px}.today-panel{order:2}.calendar-card{order:1}.calendar-head{display:grid}.legend{justify-content:start;max-width:none}.calendar-side{justify-items:stretch}.calendar-actions{justify-content:start}}@media(max-width:640px){.app-shell{padding:10px}.topbar{position:sticky;top:8px;z-index:50;min-height:58px;margin-bottom:12px;padding:8px;border-radius:20px}.brand-logo{width:40px;height:40px;border-radius:15px;font-size:19px}.brand{gap:8px}.brand p{display:none}.brand strong{font-size:16px;white-space:nowrap}.top-actions{gap:4px}.nav-pill{min-height:34px;padding:0 8px;font-size:12px}.nav-pill svg{display:none}.icon-button{width:36px;height:36px}.calendar-card,.soft-panel,.task-item,.status-card{border-radius:18px}.calendar-card{padding:10px}.ribbon-title{min-height:36px;padding:0 18px;font-size:14px}.calendar-title-wrap p{margin-top:8px;font-size:13px}.legend{gap:6px}.calendar-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.share-type-select{width:100%;min-height:36px}.share-button{width:auto;min-height:36px;padding:0 10px;font-size:12px}.legend-pill{min-height:30px;padding-right:9px;font-size:12px}.calendar-grid{grid-template-columns:repeat(7,minmax(38px,1fr));border-radius:14px}.weekday{min-height:34px;font-size:11px}.day-cell{min-height:76px;gap:5px;padding:8px 2px 6px}.day-cell strong{font-size:16px}.day-assignments{display:grid;gap:2px}.day-assignments span{width:auto;min-height:18px;gap:2px;font-size:8px}.day-assignments em{display:inline-block;max-width:3.1em;transform:scale(.92);transform-origin:left center}.avatar-tiny{width:17px;height:17px}.avatar-large{width:58px;height:58px}.task-person{grid-template-columns:auto minmax(0,1fr)}.task-person strong{font-size:20px}.task-item{padding:14px}.primary-button,.secondary-button{width:100%}.panel-title-row,.manage-row,.sort-row{align-items:stretch}.panel-title-row{display:grid}.manage-row,.sort-row{flex-wrap:wrap}.row-actions{width:100%;margin-left:0}.generator-panel{grid-template-columns:1fr}.settings-generator .generate-button{grid-column:auto;justify-self:stretch}}