/* Warm paper study book, with an interactive mission-control timeline. */
:root{color:#574437;background:#f7f1e8;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
body{background:#f7f1e8}.top{background:#fffdf8;border-color:#e9dccb}.brand{color:#574437}.brand span{color:#a08b79}.demo{background:#f0e7d8;color:#806b56}main{max-width:1060px;padding-top:32px}
main>h1{font-family:"Songti SC","STSong",serif;color:#4f4034;font-weight:700;letter-spacing:.015em}main>p{color:#94806f}.eyebrow{color:#a48464;letter-spacing:.13em;font-size:10px}.card{background:#fffdf8;border-color:#eee2d4;border-radius:10px;box-shadow:0 8px 24px #70583d0a}.card h2,.card h3{color:#554439}.card p{color:#937f6d}.primary{background:#665042;color:white}.primary:hover{background:#513f34;filter:none}.quiet{color:#846b59}.tabs button{background:#fffaf2;border-color:#eadccd;color:#7d6652}.tabs button[aria-pressed=true]{background:#695344;color:#fff;border-color:#695344}.tag{background:#f1e8d8;color:#927454}.stat{color:#75583e}.item{border-color:#eee4d8}.text{color:#51433a}.meta,.count{color:#988572}.empty{color:#a79684}.button,button{background:#f2e9dc;color:#735d4c}.danger{color:#9f6155}input,textarea,select{background:#fffefa;border-color:#dfd1c1;color:#514137}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline-color:#b99a77}dialog{background:#fffdf8;border-radius:12px;box-shadow:0 25px 80px #44302144}.dialog-head,.dialog-body{background:#fffdf8}.dialog-head{border-color:#eadfce}.dialog-head h2{font-family:"Songti SC","STSong",serif;color:#564337}.answer{background:#f7f0e4}.notice{background:#5d493b}
.planner-section{display:flex;flex-direction:column;gap:14px;margin:24px 0 18px}.planner-section>*{width:100%}.timeline-card{order:0;background:#fffdf8;border:1px solid #eee1d2;border-radius:10px;padding:24px;box-shadow:0 9px 30px #70583d0a}.timeline-head h2{font-family:"Songti SC","STSong",serif;font-size:23px;color:#554439}.timeline-head p{color:#9a8571}.timeline-tabs{border-color:#eee3d7}.timeline-tabs button{color:#a18c78}.timeline-tabs button[aria-pressed=true]{color:#72553e;border-color:#ab8763}.task-add{background:#665042}.timeline-all{margin:18px 0 0;border:1px solid #ecdfd1;border-radius:8px;padding:0 14px}.timeline-all summary{padding:13px 0;font-size:13px;color:#816a56}.timeline-all summary span{font-weight:400;color:#aa9785}.timeline-list{max-height:420px}.timeline-date{color:#80654d}.timeline-date span,.timeline-foot{color:#a79280}.timeline-dot{background:#b18d6a;box-shadow:0 0 0 4px #f7ede0}.timeline-content{border-color:#eee5da}.timeline-content h3{color:#57483c}.task-type{background:#f4eadc;color:#9c7959}.type-exam{background:#f1e5d8;color:#9b7654}.type-school{background:#ecece5;color:#788575}.type-activity{background:#f5e8e2;color:#aa7768}.task-detail{color:#918273}.task-actions button{color:#9b795c}.timeline-foot{margin:12px 0 0}
.countdown{order:1;background:#ebe0cb;color:#624a33;border:1px solid #e3d2b8;border-radius:8px;min-height:160px;padding:24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.countdown:after{border-color:#b4936d33;box-shadow:none}.countdown .eyebrow{color:#a48766}.countdown h2{font-family:"Songti SC","STSong",serif;color:#594735;margin:9px 0 4px}.countdown p{color:#927d67}.countdown-edit{color:#896b4d}.countdown-value{color:#624a33;margin:0;flex-shrink:0}.countdown-unit{color:#8d7258}
.tree-shell,.tree-empty{background:#182c32;color:#e6eee9;border:1px solid #304a4d;border-radius:10px;margin-top:16px;padding:18px;overflow:hidden}.tree-topline{display:flex;justify-content:space-between;gap:12px;color:#b1c3bd;font-size:10px;letter-spacing:.11em}.tree-topline b{color:#d3a879}.tree-track{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#78938a #243a3e;margin:12px -2px 0}.tree-track-inner{display:flex;position:relative;min-width:max-content;align-items:center;gap:26px;height:213px;padding:0 18px 0 0}.tree-track-inner:before{content:"";position:absolute;left:24px;right:32px;top:50%;height:1px;background:#799a91;opacity:.58}.tree-root{position:relative;z-index:1;background:#263f41;border:1px solid #94ada0;border-radius:50%;height:62px;width:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ebf1e9;flex:none}.tree-root span{font-size:10px;color:#b9cfc4}.tree-root strong{font-size:13px}.tree-node{width:158px;min-height:79px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:3px;border:1px solid #69877d;border-radius:8px;background:#233b3e;color:#e5eee7;padding:10px 12px;flex:none;transition:border-color .18s,box-shadow .18s,background .18s}.tree-node.branch-up{transform:translateY(-56px)}.tree-node.branch-down{transform:translateY(56px)}.tree-node:before{content:"";position:absolute;left:50%;width:1px;height:19px;background:#8aa89a}.tree-node.branch-up:before{top:100%}.tree-node.branch-down:before{bottom:100%}.tree-node:after{content:"";position:absolute;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#c6a070;box-shadow:0 0 0 4px #cba77724}.tree-node.branch-up:after{top:calc(100% + 15px)}.tree-node.branch-down:after{bottom:calc(100% + 15px)}.tree-node:hover,.tree-node:focus-visible,.tree-node[aria-pressed=true]{background:#304e4c;border-color:#e2be89;box-shadow:0 0 0 2px #ddb68125,0 0 17px #d6ba7e30;filter:none}.tree-node:focus-visible{outline:2px solid #eed1a4;outline-offset:3px}.tree-node-date{font-size:10px;color:#b9d1c4;letter-spacing:.03em}.tree-node strong{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.tree-node-type{font-size:10px;color:#e2c69d}.tree-detail{border-top:1px solid #526b67;padding:14px 1px 0;min-height:84px}.tree-detail-kicker{font-size:10px;letter-spacing:.05em;color:#bed5c5}.tree-detail h3{font-size:15px;color:#f5f4e8;margin:5px 0}.tree-detail p{color:#d0ded3;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin:0}.tree-detail-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}.tree-detail-actions button,.tree-empty button{background:transparent;color:#e7c69b;padding:3px 0;font-size:12px}.tree-detail-actions button:focus-visible,.tree-empty button:focus-visible{outline:2px solid #eed1a4;outline-offset:3px}.tree-hint{font-size:11px;color:#b9cdc3;margin:12px 0 0}.tree-empty{display:flex;min-height:152px;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}.tree-empty-label{font-size:10px;letter-spacing:.12em;color:#b8d0c0}.tree-empty strong{font-size:17px;color:#eef3e9}.tree-empty p{font-size:13px;color:#c6d6cb;margin:0}.tree-empty button{margin-top:4px}.timeline-empty{color:#9e8c7a}
@media(max-width:640px){main{padding:22px 14px 70px}.timeline-card{padding:17px}.timeline-head h2{font-size:21px}.tree-shell,.tree-empty{padding:14px}.tree-topline{font-size:9px}.tree-topline span:last-child{max-width:110px;text-align:right}.tree-track-inner{gap:21px;height:204px}.tree-node{width:144px;min-height:80px}.countdown{min-height:156px;padding:21px}.countdown h2{font-size:20px}.countdown-number{font-size:52px}.countdown-empty,.countdown-label{font-size:14px;max-width:110px}.dialog-body{padding:16px}}
@media(prefers-reduced-motion:reduce){.tree-node{transition:none}}
.discussion-card{margin-top:0}.discussion-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.discussion-heading h2{margin:5px 0 2px;font-family:"Songti SC","STSong",serif}.discussion-heading p{font-size:13px;margin:0}.discussion-heading button{white-space:nowrap}.discussion-foot,.form-help{font-size:11px;color:#988572;margin:10px 0 0}.forum-intro p{margin:4px 0}.forum-list{margin-top:18px}.forum-thread{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;background:#f8f2e8;border:1px solid #eee2d4;margin:8px 0;padding:14px;color:#594839}.forum-thread strong,.forum-thread small{display:block}.forum-thread small{font-size:11px;color:#9b8978;margin-top:4px}.forum-thread>span:last-child{font-size:21px;color:#a8896c}.forum-empty{padding:20px 0;color:#9d8977}.forum-back{padding:2px 0;color:#927052}.forum-title{margin-top:16px;color:#564337}.forum-post{background:#f9f4ea;border:1px solid #eee5d8;border-radius:9px;padding:14px;margin:10px 0}.forum-parent{background:#f2ede4}.forum-post-head{display:flex;justify-content:space-between;color:#80624a;font-size:12px;margin-bottom:8px}.forum-post-head time{color:#a59585}.forum-content{font-size:14px}.forum-attachment{display:inline-block;margin-top:10px;color:#826247;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.forum-attachment small{font-size:11px;color:#a18b77}.forum-posts{margin-bottom:24px}.forum-posts+h3{margin-top:20px}.form-help{font-weight:400}.forum-intro .form-help{color:#988572}
@media(max-width:640px){.discussion-heading{align-items:flex-start}.discussion-heading button{padding:10px 12px}.forum-title{font-size:19px}}
.dialog-feedback:not(:empty){margin-bottom:12px;padding:10px 12px;color:#744d38;background:#f5e7d3;border:1px solid #e8d3bb;border-radius:8px;font-size:13px}.upload-field{border:1px solid #e9dccc;border-radius:10px;margin:16px 0 0;padding:12px}.upload-field legend{font-size:13px;font-weight:700;color:#725a47;padding:0 5px}.upload-actions{display:flex;gap:8px;flex-wrap:wrap}.upload-button{display:inline-block;background:#f1e8db;color:#725947;border-radius:8px;padding:10px 12px;margin:0;cursor:pointer}.file-input{position:absolute;width:1px;height:1px;padding:0;opacity:0;overflow:hidden}.file-input:focus-visible+.upload-button,.upload-button:has(+ .file-input:focus-visible){outline:3px solid #b99a77}.upload-queue{font-size:12px;color:#93806d;margin-top:10px}.upload-item{display:flex;align-items:center;justify-content:space-between;gap:10px;overflow-wrap:anywhere}.upload-item button{padding:4px 8px;flex:none;font-size:12px}.voice-row{display:flex;align-items:center;gap:10px;margin:9px 0 0}.voice-row button{touch-action:none;user-select:none;white-space:nowrap;min-height:44px}.voice-row button.is-recording{background:#765a47;color:white}.voice-status{font-size:11px;color:#927c69}.exam-photo{display:block;max-width:100%;height:auto;border-radius:6px;border:1px solid #e5dacb}.forum-file{margin:7px 0}.forum-file summary{font-size:13px;color:#80634a}.discussion-shortcuts{margin-top:13px}.discussion-shortcuts button{font-size:13px}
.ocr-question{padding:12px;margin:10px 0;background:#fffdf8;border:1px solid #e9ddcb;border-radius:8px}.ocr-question .text{margin-top:6px}.ocr-output:not(:empty){margin-top:10px;font-size:13px;color:#755e49}.math-linebreaks{white-space:pre-wrap}
.pinned-heading{font-size:12px;font-weight:700;color:#8b6e51;margin:14px 0 5px}.pinned-shortcut{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;width:100%;background:#faf4e9;border:1px solid #eddfcc;padding:9px 11px;margin:5px 0;color:#6c5140}.pinned-shortcut span{overflow-wrap:anywhere}.pinned-shortcut small{font-size:10px;color:#9b826a;text-align:right;flex-shrink:0}.pin-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#98785a;margin:7px 0}.pin-status button{padding:3px 6px;font-size:11px}.pin-settings{margin:7px 0}.pin-settings summary{font-size:12px}.pin-form{background:#fffaf2;border:1px solid #eadfce;padding:12px;border-radius:8px}.pin-form label{margin:8px 0 3px}.pin-form button{margin-top:9px}.pin-card{background:#f8f2e8;border:1px solid #eee2d4;border-radius:9px;padding:14px;margin:10px 0}.pin-card strong{overflow-wrap:anywhere}.pin-card p{font-size:12px;margin:4px 0 9px}
.tree-exit{background:transparent;color:#e7c69b;font-size:12px;padding:8px 0 0}
@media(max-width:640px){.pinned-shortcut{align-items:flex-start;flex-direction:column}.pinned-shortcut small{text-align:left}}
.family-user{font-size:12px;color:#8e7661}.family-banner{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;background:#ebe0cb;border:1px solid #e3d2b8;border-radius:9px;padding:25px;margin:24px 0 14px}.family-banner h2{font-family:"Songti SC","STSong",serif;color:#594735;margin:8px 0 4px;font-size:23px}.family-banner p{color:#8d7966;margin:0;font-size:13px}.family-banner-mark{color:#a48a6c;font-size:10px;letter-spacing:.12em;white-space:nowrap}.family-banner+.discussion-card{margin-top:0}@media(max-width:640px){.family-banner{align-items:flex-start;flex-direction:column;padding:21px}.family-banner-mark{font-size:9px}}
.shared-family-entry .discussion-heading{flex-wrap:wrap}.shared-family-entry .discussion-heading>div{flex:1 1 210px}.shared-family-entry .discussion-heading .button{white-space:nowrap;flex:0 0 auto}
.countdown:after{display:none}
.mention-field { border: 1px solid #d9d2c8; border-radius: 14px; padding: 12px 14px; margin: 16px 0; }
.mention-field legend { padding: 0 6px; font-weight: 600; }
.mention-field label { display: inline-flex; align-items: center; gap: 7px; margin: 6px 18px 6px 0; }
.mention-field input[type="checkbox"] { width: 18px; height: 18px; margin: 0; accent-color: #597870; }
.inbox-card .forum-thread { width: 100%; text-align: left; }