:root{color:#111827;background:#f5f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.phone-screen{width:min(100%,430px)}.phone-panel,.phone-frame{border:1px solid #e2e5ea;background:#fffffff2;box-shadow:0 22px 55px #181d2714}.phone-panel{padding:42px 28px;border-radius:24px}.brand-mark{width:72px;height:72px;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:#f0f8ef}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}.phone-panel h1{margin:22px 0 8px;font-size:28px}.phone-panel p{margin:0 0 24px;color:#69707d}.phone-form{display:flex;gap:10px}.phone-form input,.field-card input,.field-card textarea{width:100%;min-width:0;border:1px solid #d8dde6;border-radius:8px;background:#fff;color:#111827;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.phone-form input{height:48px;padding:0 14px}.phone-form input:focus,.field-card input:focus,.field-card textarea:focus{border-color:#30a46c;box-shadow:0 0 0 3px #30a46c24}.phone-form button,.save-button{border:0;border-radius:8px;background:#2fa567;color:#fff;font-weight:700}.phone-form button{width:88px}.form-hint,.sync-state{display:block;min-height:18px;margin-top:12px;color:#8a919e;font-size:13px}.phone-frame{position:relative;width:min(100%,430px);min-height:min(850px,calc(100vh - 48px));max-height:calc(100vh - 48px);overflow:auto;border-radius:24px}.calendar-page{padding:20px 20px 22px}.top-bar{height:46px;display:grid;grid-template-columns:46px 1fr 46px;align-items:center}.top-bar h1{margin:0;font-size:20px;text-align:center;letter-spacing:0}.icon-button{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid #dfe3ea;border-radius:8px;background:#fff;color:#111827;box-shadow:0 4px 12px #181d270d}.icon-button.ghost{border-color:transparent;background:transparent;box-shadow:none}.icon-button.danger{color:#f04438}.top-spacer{width:42px;height:42px}.month-switcher{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:14px;margin:24px 18px 12px}.month-switcher h2{margin:0;text-align:center;font-size:24px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));row-gap:6px;margin-top:4px}.weekday,.day-cell{min-width:0;text-align:center}.weekday{color:#5c6470;font-size:14px;line-height:34px}.day-cell{position:relative;height:50px;border:0;border-radius:8px;background:transparent;color:#111827;font-size:17px}.day-cell span{display:inline-grid;width:30px;height:30px;place-items:center;border-radius:999px}.day-cell.selected span{background:#111;color:#fff}.day-cell.today:not(.selected) span{outline:1px solid #30a46c}.day-cell.empty{cursor:default}.status-dot{display:inline-block;width:7px;height:7px;border-radius:999px}.day-cell .status-dot{position:absolute;left:50%;bottom:6px;transform:translate(-50%)}.status-dot.done{background:#2fa567}.status-dot.partial{background:#e6a700}.status-dot.todo{background:#9aa0aa}.status-dot.muted{background:#c8ccd4}.task-panel{margin-top:16px;overflow:hidden;border:1px solid #e4e7ec;border-radius:8px;background:#fff}.date-heading{display:flex;align-items:baseline;gap:12px;min-height:50px;padding:0 14px;border-bottom:1px solid #edf0f3}.date-heading strong{font-size:22px}.date-heading span{color:#636b77;font-size:14px}.empty-state{padding:34px 16px;color:#8a919e;text-align:center}.task-list{max-height:240px;margin:0;padding:0 12px;overflow:auto;list-style:none}.task-list.compact{max-height:190px}.task-item{display:grid;grid-template-columns:34px 1fr;align-items:center;min-height:70px;border-bottom:1px solid #edf0f3}.task-item:last-child{border-bottom:0}.check-button{position:relative;width:24px;height:24px;display:inline-grid;justify-self:center;place-items:center;border:1.5px solid #aeb4bf;border-radius:999px;background:#fff;color:#fff}.check-button.completed{border-color:#2fa567;background:#2fa567}.check-mark{position:absolute;left:50%;top:50%;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-58%) rotate(-45deg);transform-origin:center}.check-placeholder{width:24px;height:24px;justify-self:center}.task-content{width:100%;min-width:0;display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:12px;border:0;background:transparent;color:inherit;text-align:left}.task-icon,.icon-choice span{display:grid;place-items:center;border-radius:999px}.task-icon{width:42px;height:42px}.study,.reading{color:#1478db;background:#e8f3ff}.exercise{color:#e5672e;background:#fff0e8}.health{color:#259f62;background:#e9f7ef}.life{color:#c88a00;background:#fff6d8}.other{color:#69707d;background:#f0f2f5}.task-copy{min-width:0}.task-copy strong,.task-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-copy strong{font-size:16px}.task-copy strong.completed{color:#7d8591;text-decoration:line-through}.task-copy small{margin-top:3px;color:#5f6672;font-size:13px}.task-arrow{color:#6b7280}.legend-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;padding:12px 10px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;color:#5f6672;font-size:12px}.legend-bar span{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;white-space:nowrap}.all-task-panel{margin-top:12px}.list-heading strong{font-size:18px}.settings-page,.list-page{padding:20px}.list-summary{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:18px;padding:14px;border:1px solid #e4e7ec;border-radius:8px;background:#fff}.list-summary strong{font-size:26px;line-height:1}.list-summary span{color:#626a76;font-size:14px}.empty-list-page{min-height:360px;display:grid;align-content:center;justify-items:center;gap:12px;color:#8a919e}.empty-list-page p{margin:0}.standalone-task-list{display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}.standalone-task-item{border:1px solid #e4e7ec;border-radius:8px;background:#fff}.task-content.standalone{width:100%;min-height:74px;padding:12px}.settings-form{display:grid;gap:8px;margin-top:18px}.field-card{position:relative;display:grid;gap:12px;margin:0;padding:16px 14px;border:1px solid #e4e7ec;border-radius:8px;background:#fff}.field-card>span,.field-card legend{padding:0;color:#111827;font-size:15px;font-weight:650}.field-card b{color:#f04438}.input-with-action{position:relative}.field-card input{height:48px;padding:0 14px}.input-with-action input{padding-right:44px}.input-with-action button{position:absolute;top:50%;right:10px;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:999px;background:#999fa9;color:#fff}.icon-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.icon-choice{min-width:0;display:grid;justify-items:center;gap:8px;border:0;background:transparent;color:#4b5563}.icon-choice span{width:44px;height:44px;border:1px solid transparent}.icon-choice.active span{border-color:currentColor;box-shadow:0 0 0 3px #1478db1f}.icon-choice small{font-size:12px}.date-input{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;height:48px;padding:0 12px;border:1px solid #d8dde6;border-radius:8px;background:#fff}.date-range-field{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.date-separator{color:#6b7280;font-size:14px;white-space:nowrap}.date-input input{height:auto;padding:0;border:0;box-shadow:none}.field-card textarea{resize:none;padding:12px 14px 26px}.counter{position:absolute;right:26px;bottom:24px;color:#6b7280}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.segmented button{height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d8dde6;border-radius:8px;background:#fff;color:#111827;font-weight:650}.segmented button.active{border-color:#2fa56759;background:#eef8f3}.radio-mark{width:20px;height:20px;display:inline-grid;place-items:center;border:1.5px solid #aeb4bf;border-radius:999px}.radio-mark.checked{border-color:#2fa567;background:#2fa567;color:#fff}.save-button,.delete-button{height:50px;margin-top:8px}.delete-button{border:1px solid #e4e7ec;border-radius:8px;background:#fff;color:#f04438;font-weight:700}.flower-burst-layer{pointer-events:none;position:fixed;inset:0;z-index:20;overflow:hidden}.flower-piece,.center-bloom{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.flower-message{position:absolute;left:50%;top:50%;z-index:2;padding:10px 16px;border-radius:999px;background:#ffffffe0;box-shadow:0 12px 30px #ff76ad2e;color:#e94b8d;font-size:18px;letter-spacing:0;white-space:nowrap;transform:translate(-50%,-50%);animation:flower-message-pop 1.35s ease-out forwards}.flower-piece{width:22px;height:22px;animation:flower-burst 1.35s cubic-bezier(.16,.84,.26,1) forwards}.flower-piece i,.flower-piece:before,.flower-piece:after,.center-bloom,.center-bloom:before,.center-bloom:after{display:block;width:10px;height:10px;border-radius:10px 10px 8px 8px;background:#ff8fbe;box-shadow:0 0 8px #ff8fbe47}.flower-piece i{position:absolute;left:6px;top:6px}.flower-piece:before,.flower-piece:after,.center-bloom:before,.center-bloom:after{content:"";position:absolute;left:6px;top:6px;transform-origin:5px 5px}.flower-piece:before,.center-bloom:before{transform:rotate(72deg) translateY(-7px)}.flower-piece:after,.center-bloom:after{transform:rotate(-72deg) translateY(-7px)}.flower-piece i:before,.flower-piece i:after{content:"";position:absolute;left:0;top:0;width:10px;height:10px;border-radius:10px 10px 8px 8px;background:#ffc1d9}.flower-piece i:before{transform:rotate(144deg) translateY(-7px)}.flower-piece i:after{transform:rotate(-144deg) translateY(-7px)}.flower-piece:nth-child(3n) i,.flower-piece:nth-child(3n):before,.flower-piece:nth-child(3n):after{background:#ffb3cf}.flower-piece:nth-child(4n) i,.flower-piece:nth-child(4n):before,.flower-piece:nth-child(4n):after{background:#ff76ad}.center-bloom{width:18px;height:18px;opacity:0;background:#ffd5e5;animation:center-bloom .75s ease-out forwards}@keyframes flower-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(0)}12%,56%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(var(--scale)) rotate(var(--spin))}}@keyframes center-bloom{0%{opacity:.95;transform:translate(-50%,-50%) scale(.35)}to{opacity:0;transform:translate(-50%,-50%) scale(5.2)}}@keyframes flower-message-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}16%,68%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-66%) scale(.96)}}@media(max-width:520px){.app-shell{min-height:100dvh;padding:0;place-items:stretch}.phone-frame,.phone-panel{width:100%;min-height:100dvh;max-height:none;border-radius:0;border:0}.phone-screen{width:100%}.phone-panel{display:flex;flex-direction:column;justify-content:center}.legend-bar{font-size:11px}.icon-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.date-range-field{grid-template-columns:1fr}.date-separator{text-align:center}}