@font-face{font-family:KoalaSystem;src:local('PingFang SC');font-display:swap}
:root{--paper:#fffaf3;--ink:#533c31;--muted:#96867a;--line:#ecdfd3;--peach:#f6bc9f;--peach-dark:#8d503a;--white:#fffdf9;--shadow:0 10px 32px #69472a09;--font:KoalaSystem,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',system-ui,sans-serif;color-scheme:light;font-family:var(--font);font-size:16px;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;background-image:radial-gradient(#bc9b7026 .7px,transparent .7px);background-size:20px 20px}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0}a{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ba785b;outline-offset:4px}button,input,select,textarea{font-size:.875rem}button{touch-action:manipulation}button .icon{flex-shrink:0}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}#app{min-height:100dvh;display:flex;flex-direction:column}
.site-header{height:90px;display:flex;align-items:center;gap:28px;padding:0 42px;border-bottom:1px solid #eaded1b3;background:#fffaf3eb;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;text-decoration:none;font-size:1.45rem;font-weight:750;letter-spacing:-.6px}.brand img{object-fit:contain;width:48px;height:48px}.brand-zh{font-size:1.3rem;letter-spacing:.2px}.brand-heart{color:#e8a48b;font-size:17px;align-self:flex-start;margin-top:10px;margin-left:2px;transform:rotate(13deg)}.main-nav{display:flex;align-items:center;gap:8px;margin-left:auto;white-space:nowrap}.nav-button{display:flex;align-items:center;gap:9px;min-height:44px;padding:12px 17px;background:transparent;color:#95857b;border-radius:14px;font-size:.94rem;transition:background .2s,color .2s}.nav-button .icon{width:21px;height:21px}.nav-button.active{color:#78513d;background:#f7e8d9;font-weight:650}.nav-button:hover{color:var(--ink);background:#f7ecdf}.header-actions{display:flex;align-items:center;gap:15px}.search-box{display:flex;align-items:center;gap:9px;border:1px solid #e8dacd;border-radius:13px;padding:11px 12px;color:#ad9e91;background:#fffdf970;width:216px;height:44px}.search-box input{border:0;outline:none;background:transparent;min-width:0;width:100%;font-size:.82rem;color:var(--ink)}.search-box input:focus-visible{outline:0}.search-box:focus-within{outline:2px solid #cf9676;outline-offset:2px}.search-box input::placeholder{color:#a69788}.search-box .icon{width:17px;height:17px}.search-box kbd{font-family:inherit;font-size:12px;color:#b5a696;border:1px solid #eee2d5;border-radius:4px;padding:0 5px}.button{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 17px;font-weight:600;font-size:.875rem;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button.primary{background:var(--peach);color:#68422f;box-shadow:0 3px 0 #da997841}.button.primary:hover{background:#f1ae8d;box-shadow:0 5px 12px #d99a7426}.button.subtle{background:#f6eee4;color:#806451}.button.subtle:hover{background:#eee0d0}.add-button{font-size:.94rem;min-width:144px}.add-button .icon{width:18px;height:18px}
main{width:100%;max-width:1500px;padding:0 48px;margin:0 auto;flex:1}.page-intro{padding-top:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.page-intro h1{font-size:1.83rem;font-weight:700;letter-spacing:1.1px;line-height:1.5}.page-intro p{font-size:.91rem;color:var(--muted);letter-spacing:.6px;margin-top:8px}.heading-heart{display:inline-block;color:#e9ac94;font-size:25px;vertical-align:top;transform:rotate(12deg);margin-left:9px;margin-top:-2px}.title-period{margin-left:-3px}
.universe{height:654px;max-width:1320px;position:relative;margin:0 auto;isolation:isolate}.orbit-line{pointer-events:none;border:1px dashed #c7ad8c72;border-radius:50%;position:absolute;z-index:-1;left:50%;top:47%;transform:translate(-50%,-50%) rotate(-6deg)}.orbit-one{width:86%;height:75%;opacity:.78}.orbit-two{width:62%;height:60%;transform:translate(-50%,-50%) rotate(13deg);opacity:.62}.orbit-three{width:53%;height:32%;transform:translate(-50%,-50%) rotate(-17deg);opacity:.5}.koala-center{position:absolute;top:35px;left:50%;transform:translateX(-50%);width:338px;text-align:center}.speech{font-size:1.02rem;font-weight:600;background:#fffdf8;border:1.5px solid #9a7459;border-radius:45% 42% 44% 38%;min-height:57px;width:max-content;max-width:322px;padding:15px 23px;line-height:1.55;margin:0 auto 15px;position:relative;box-shadow:2px 3px 0 #c9a7810b;transform:rotate(1deg)}.speech:after{content:'';position:absolute;width:12px;height:12px;background:#fffdf8;border-right:1.5px solid #9a7459;border-bottom:1.5px solid #9a7459;bottom:-7px;right:45px;transform:skewY(-25deg) rotate(35deg)}.speech span{color:#d79377;margin-left:10px}.mascot{position:relative;display:block;background:transparent;border:0;padding:0;width:318px;height:318px;margin:4px auto 0;transform-origin:50% 85%;animation:float 5.5s ease-in-out infinite;transition:filter .25s;z-index:2}.mascot img{width:100%;height:100%;object-fit:contain;user-select:none;filter:drop-shadow(0 9px 7px #8b513111)}.mascot:hover{filter:drop-shadow(0 4px 7px #d8987226)}.mascot:active{transform:scale(.94)}.mascot.petted{animation:pet-wiggle .65s ease both}.koala-name{font:italic 2.55rem Georgia,'Times New Roman',serif;margin-top:0;letter-spacing:-1.5px;color:#795137;line-height:1.3}.koala-name span{font:1.25rem var(--font);vertical-align:top;margin-left:7px;color:#eaa689;display:inline-block;transform:rotate(10deg);margin-top:4px}.pet-hint{font-size:.8rem;color:#a08973;letter-spacing:1.5px;margin-top:7px}.pet-hint span{font-size:20px;color:#d7ae78;margin-left:4px}.pet-heart{position:absolute;left:50%;top:25%;font-size:23px;color:#e28c76;pointer-events:none;opacity:0;animation:heart-rise 1.15s ease-out var(--delay) both}.spark{position:absolute;pointer-events:none;color:#eac078}.spark-one{left:37%;top:29%;font-size:25px}.spark-two{right:35%;top:37%;font-size:40px}.spark-three{left:35%;top:53%;color:#edb39b;font-size:22px;transform:rotate(-16deg)}.spark-four{right:36%;top:69%;font-size:18px}
.planet-card{position:absolute;text-align:left;width:30%;max-width:347px;min-height:145px;padding:24px 24px 22px;border:3px solid #fffef9;border-radius:24px;box-shadow:var(--shadow),0 0 0 1px #d8c3ad12;transition:transform .25s,box-shadow .25s;transform:rotate(var(--rotate));color:var(--ink)}.planet-card:before{content:'';position:absolute;width:39px;height:10px;left:35px;top:-6px;background:#fff9e183;border-left:1px solid #e6dac23b;border-right:1px solid #e6dac23b;transform:rotate(-9deg)}.planet-card:hover,.planet-card.previewing,.planet-card:focus-visible{transform:rotate(0deg) translateY(-5px);box-shadow:0 15px 36px #80533316,0 0 0 1px #c794671c;z-index:4}.planet-card:hover .card-open{opacity:1;transform:translateX(0)}.peach{--category-bg:#fce6d8;--category-ink:#955b40;background:var(--category-bg)}.yellow{--category-bg:#fcf1c9;--category-ink:#998144;background:var(--category-bg)}.green{--category-bg:#e8efdc;--category-ink:#657950;background:var(--category-bg)}.pink{--category-bg:#fbe2e2;--category-ink:#a15f68;background:var(--category-bg)}.lavender{--category-bg:#eee7f5;--category-ink:#817095;background:var(--category-bg)}.rose{--category-bg:#f5e7de;--category-ink:#97705a;background:var(--category-bg)}.position-0{top:55px;left:4.2%;--rotate:-4deg}.position-1{top:63px;right:3.9%;--rotate:4deg}.position-2{top:261px;left:0;--rotate:-1.3deg}.position-3{top:272px;right:0;--rotate:2deg}.position-4{top:458px;left:3%;--rotate:-3deg}.position-5{top:467px;right:3.4%;--rotate:3deg}.planet-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.category-emoji{font-size:30px;line-height:1;filter:saturate(.8)}.planet-heading h2{font-size:1.22rem;letter-spacing:.5px;font-weight:700;white-space:nowrap}.card-count{margin-left:auto;font-size:.72rem;color:#8b7968;white-space:nowrap;display:flex;align-items:center;gap:2px;align-self:flex-start;margin-top:3px}.card-count .icon{width:13px;height:13px}.planet-summary{padding-left:2px}.planet-summary p{font-size:.93rem;line-height:1.9;letter-spacing:.1px;overflow-wrap:anywhere}.planet-summary p:before{content:'·';margin-right:8px;font-weight:700}.card-open{position:absolute;right:18px;bottom:8px;font-size:.67rem;display:flex;align-items:center;gap:3px;color:var(--category-ink);opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}.card-open .icon{width:12px;height:12px}.habit-button{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 24px;background:#fcf1e5a8;border:1.5px dashed #d4ac85;border-radius:24px;color:#9a7354;font-size:.86rem;white-space:nowrap;transition:background .2s,border-color .2s}.habit-button:hover{background:#f7e4d1;border-color:#ad7854}.habit-button .icon{width:18px;height:18px}.canvas-hint{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:.75rem;letter-spacing:1px;color:#a59380;white-space:nowrap}.mobile-hint{display:none}.site-footer{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 46px;border-top:1px solid #e8dccb99;color:#a08d7c;font-size:.75rem;margin-top:28px;background:#fffaf373}.footer-love,.save-state{display:flex;align-items:center;gap:9px}.footer-love .icon{color:#e5a286;width:19px;fill:#f2c0aa;stroke:none}.save-state{background:none;padding:6px 0;font-size:.75rem;color:#988573}.save-state .icon{width:14px;height:14px}.save-state:hover{color:#6e4e39}
.hover-preview{position:fixed;width:310px;max-width:calc(100vw - 24px);background:#fffdfa;border:1px solid #e8d7c5;border-radius:18px;box-shadow:0 14px 50px #60442d24;z-index:20;padding:18px;animation:preview-in .16s ease-out;pointer-events:auto}.preview-title{display:flex;align-items:center;gap:8px;font-size:.91rem;font-weight:600;padding-bottom:12px;border-bottom:1px dashed #e8dac8}.preview-title span{font-size:.7rem;font-weight:400;color:var(--muted);margin-left:auto}.preview-item{margin-top:13px}.preview-item strong{font-size:.86rem;font-weight:600;line-height:1.6}.preview-item p{font-size:.81rem;color:#8c7562;line-height:1.8;margin-top:4px;white-space:pre-line}.preview-foot{margin-top:14px;padding-top:10px;border-top:1px dashed #e8dac8;font-size:.72rem;display:flex;justify-content:space-between;align-items:center;color:#ae8768}.preview-foot .icon{width:14px;height:14px}
.records-intro{padding-top:37px}.backup-actions{display:flex;gap:8px}.backup-actions .button{font-size:.8rem}.backup-actions .icon{width:16px;height:16px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.filter{padding:10px 14px;border:1px solid #e9dfd3;background:#fffdf8;color:#8f7b69;border-radius:12px;display:flex;align-items:center;gap:7px;font-size:.8rem;transition:all .2s}.filter:hover{border-color:#d2b196}.filter.selected{background:#76543e;border-color:#76543e;color:#fff7ef}.filter span{font-size:.7rem;opacity:.7}.records-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;padding-bottom:25px}.record-card{border:1px solid #e7d9c9;border-radius:20px;background:var(--white);padding:23px;min-width:0;box-shadow:0 4px 13px #75462704}.record-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.73rem;margin-bottom:17px}.record-category{color:#9a826e}.sentiment{color:#92705a;background:#f8eee5;border-radius:7px;padding:4px 8px;font-size:.69rem;white-space:nowrap}.sentiment.love{background:#fae9e1;color:#ae7259}.sentiment.less,.sentiment.dislike{background:#f2e9e1;color:#846249}.sentiment.habit{background:#eaf0e2;color:#6d7955}.record-card h3{font-size:1.15rem;line-height:1.5;margin-bottom:14px;overflow-wrap:anywhere}.record-description{font-size:.94rem;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;color:#7f6a58}.record-note{display:flex;gap:7px;align-items:flex-start;font-size:.8rem;line-height:1.8;color:#9a7e68;margin-top:17px;padding:11px 13px;border-radius:10px;background:#f9f1e6;white-space:pre-wrap;overflow-wrap:anywhere}.record-note .icon{width:14px;height:14px;margin-top:5px;color:#c59d7b}.order-details{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;background:#fbf5ee;border-radius:12px;padding:4px 13px}.order-details>div{padding:11px 0;border-bottom:1px dashed #e5d9c8}.order-details>div:nth-last-child(-n+2){border-bottom:0}.order-details dt{font-size:.73rem;color:#a28b75;margin-bottom:4px}.order-details dd{margin:0;font-size:.87rem;font-weight:550;line-height:1.6;overflow-wrap:anywhere}.record-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:20px;padding-top:12px;border-top:1px solid #eee3d7}.record-date{font-size:.67rem;color:#a79380;line-height:1.5}.record-actions{display:flex;gap:2px;align-items:center}.icon-button{background:transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;color:#a08670;transition:background .2s,color .2s}.icon-button .icon{width:16px;height:16px}.icon-button:hover{background:#f2e6d8;color:#73513c}.icon-button.danger-hover:hover{background:#fbe7e3;color:#b06557}.copy-button{display:flex;align-items:center;justify-content:center;gap:5px;background:#f4e5d8;color:#95694b;padding:8px 9px;border-radius:8px;font-size:.72rem;white-space:nowrap}.copy-button .icon{width:13px;height:13px}.copy-button:hover{background:#eed4be}.empty-state{padding:55px 20px;text-align:center;grid-column:1/-1}.empty-state>span{font-size:42px;display:block;margin-bottom:20px}.empty-state h2,.empty-state h3{font-size:1.2rem;font-weight:600;margin-bottom:10px}.empty-state p{font-size:.9rem;color:#9c8976;margin-bottom:24px;line-height:1.8}
dialog{position:fixed;padding:0;border:1px solid #e9dac9;border-radius:26px;background:var(--paper);color:var(--ink);box-shadow:0 25px 90px #593c302a;max-height:88dvh;width:650px;max-width:calc(100vw - 32px);overflow:auto;overscroll-behavior:contain}dialog[open]{animation:dialog-in .22s ease-out}dialog::backdrop{background:#49382c40;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:30px 30px 26px;position:relative;border-bottom:1px solid #ecdfcf}.dialog-header h2{font-size:1.48rem;line-height:1.5;font-weight:650;letter-spacing:.5px}.dialog-header p{font-size:.85rem;color:#937962;margin-top:8px}.dialog-category-emoji{font-size:32px;display:inline-block;margin-bottom:11px}.close-button{position:absolute;right:19px;top:19px;border:1px solid #d7c5b343;border-radius:50%;width:34px;height:34px;background:#fffaf366}.close-button .icon{width:17px;height:17px}.detail-content{padding:22px 26px;display:grid;gap:15px}.detail-content .record-card{box-shadow:none;padding:21px 23px}.detail-content .record-card h3{font-size:1.18rem}.detail-content .record-category{display:none}.detail-content .record-top{float:right;margin:0 0 8px 12px}.detail-content .record-note{font-size:.82rem}.detail-content .order-details{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 17px}.detail-content .order-details>div:nth-last-child(-n+3){border-bottom:0}.detail-content .record-bottom{margin-top:15px}.detail-content .record-date{font-size:.73rem}.detail-content .copy-button{padding:9px 12px;font-size:.8rem}.dialog-footer{padding:17px 27px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fffaf3;border-top:1px solid #eaddcc;position:sticky;bottom:0;z-index:3}.dialog-footer>span{font-size:.75rem;color:#a18a73;display:flex;align-items:center;gap:6px}.dialog-footer>span .icon{width:13px;height:13px}.editor-dialog{width:590px}.editor-dialog .dialog-header{padding-bottom:21px}.form-eyebrow{display:flex;align-items:center;gap:5px;font-size:.76rem;color:#b08d70;margin-bottom:9px}.form-eyebrow .icon{width:14px;height:14px}.editor-fields{padding:23px 29px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:19px;font-size:.84rem;font-weight:550}.field input,.field textarea,.field select{width:100%;min-width:0;border:1px solid #e4d5c3;border-radius:11px;background:#fffdf9;padding:12px 13px;font-size:.9rem;font-weight:400;line-height:1.7;box-shadow:0 1px 2px #7a583204}.field select{min-height:48px;padding-right:28px}.field textarea{resize:vertical;min-height:72px}.field input::placeholder,.field textarea::placeholder{color:#b5a392}.required{color:#c38362}.optional{font-weight:400;font-size:.74rem;color:#ad9781;margin-left:7px}.form-row{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.form-row .field{margin-bottom:13px}.field-hint{font-size:.73rem;color:#ae8b6d;line-height:1.7;font-weight:400}.editor-fields>p.field-hint{margin:-3px 0 18px}.form-error{background:#f9e8e1;border-radius:8px;color:#a05540;padding:11px;font-size:.82rem;line-height:1.7}.small-dialog{width:470px}.small-dialog-body{padding:33px 30px 29px;position:relative}.small-dialog-body h2{font-size:1.45rem;line-height:1.5;margin-bottom:15px}.small-dialog-body p{font-size:.9rem;color:#89715d;line-height:1.9;margin-top:12px}.small-illustration{font-size:40px;display:block;margin-bottom:17px}.small-dialog-body .privacy-note{font-size:.8rem;background:#f5ecdf;border-radius:12px;padding:12px}.delete-button{background:#edc0af;color:#7f4436}.delete-button:hover{background:#e4ad9a}.clipboard-fallback{position:fixed;opacity:0;left:0;top:0;pointer-events:none}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);background:#6a4f3f;color:#fff8ec;border:1px solid #fff4e21a;border-radius:15px;padding:15px 20px;box-shadow:0 10px 35px #55392522;font-size:.83rem;line-height:1.6;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:100;white-space:normal}.toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.toast>.icon{width:17px;height:17px;color:#f3c4a9}.toast button{background:#fae3c9;color:#78523a;border-radius:7px;padding:6px 12px;font-size:.78rem;white-space:nowrap}.toast span{min-width:0}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes pet-wiggle{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-6deg) scale(1.04)}65%{transform:rotate(5deg) scale(1.04)}}@keyframes heart-rise{0%{opacity:0;transform:translate(0,20px) scale(.4)}20%{opacity:1}100%{opacity:0;transform:translate(var(--x),-125px) rotate(var(--r)) scale(1.3)}}@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes preview-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.site-header{gap:35px;padding:0 50px}.main-nav{margin-left:auto;margin-right:auto}.search-box{width:245px}main{padding:0 50px}.page-intro{padding-top:36px}.page-intro h1{font-size:2rem}.universe{height:718px}.koala-center{top:43px;width:370px}.mascot{width:350px;height:350px}.speech{margin-bottom:17px;font-size:1.1rem}.planet-card{max-width:362px;padding:26px 26px;min-height:157px}.planet-heading h2{font-size:1.35rem}.planet-summary p{font-size:1rem}.position-0{top:63px}.position-1{top:73px}.position-2{top:293px}.position-3{top:305px}.position-4{top:510px}.position-5{top:520px}.habit-button{bottom:57px}.site-footer{margin-top:26px}.koala-name{font-size:2.8rem}}
@media(max-width:1190px){.site-header{padding:0 26px;gap:18px}.brand{font-size:1.3rem}.brand-zh{font-size:1.12rem}.brand img{width:40px;height:40px}.brand-heart{display:none}.main-nav{gap:3px}.nav-button{font-size:.85rem;padding:11px 13px}.header-actions{gap:10px}.search-box{width:182px}.add-button{min-width:130px;padding:11px 13px;font-size:.86rem}main{padding:0 32px}.universe{height:626px}.planet-card{width:30%;padding:21px 19px;min-height:136px}.planet-heading{gap:7px}.planet-heading h2{font-size:1.08rem}.category-emoji{font-size:26px}.planet-summary p{font-size:.83rem}.card-count{font-size:.66rem}.koala-center{top:53px;width:295px}.mascot{width:280px;height:280px}.speech{font-size:.92rem;max-width:280px;padding:13px 18px}.koala-name{font-size:2.3rem}.position-0{left:2%;top:56px}.position-1{right:2%;top:68px}.position-2{top:245px}.position-3{top:256px}.position-4{left:1%;top:433px}.position-5{right:1%;top:442px}.habit-button{bottom:47px}.record-card{padding:20px}.records-grid{gap:15px}.record-bottom{flex-wrap:wrap;row-gap:10px}.record-actions{margin-left:auto}.page-intro h1{font-size:1.65rem}}
@media(max-width:960px){.site-header{height:auto;min-height:126px;flex-wrap:wrap;padding:15px 26px 12px;gap:12px;justify-content:space-between}.brand{flex:1}.main-nav{order:3;margin:0;flex:1}.header-actions{display:contents}.search-box{order:4;width:230px}.add-button{order:2}.planet-heading h2{font-size:1rem}.planet-card{padding:20px 15px}.category-emoji{font-size:23px}.card-count{position:absolute;right:12px;top:10px}.koala-center{width:265px;top:60px}.mascot{width:250px;height:250px}.speech{font-size:.82rem;max-width:235px;min-height:49px;padding:12px 15px}.universe{height:587px}.planet-summary p{font-size:.8rem}.planet-heading{margin-bottom:10px}.position-0{top:54px}.position-1{top:64px}.position-2{top:226px}.position-3{top:237px}.position-4{top:401px}.position-5{top:412px}.habit-button{bottom:39px;padding:11px 17px;font-size:.77rem}.page-intro{padding-top:28px}.page-intro h1{font-size:1.55rem}.records-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{padding:15px 30px}.records-intro{align-items:flex-start}.backup-actions{flex-wrap:wrap;justify-content:flex-end}.backup-actions .button{font-size:.75rem;padding:9px 11px}.spark-two{right:33%}.spark-one{left:34%}}
@media(max-width:700px){.site-header{padding:13px 19px 11px;gap:13px;min-height:120px}.brand{font-size:1.17rem;gap:5px}.brand-zh{font-size:1rem}.brand img{width:37px;height:37px}.add-button{min-width:0;font-size:.78rem;padding:10px 11px;gap:5px;min-height:39px;border-radius:11px}.add-button .icon{width:15px;height:15px}.main-nav{gap:4px;flex:0 1 auto}.nav-button{font-size:.77rem;gap:6px;padding:9px 10px;min-height:39px;border-radius:11px}.nav-button .icon{width:17px;height:17px}.search-box{width:min(40vw,210px);height:39px;padding:9px;gap:6px}.search-box input{font-size:.72rem}.search-box kbd{display:none}.search-box .icon{width:15px;height:15px}main{padding:0 21px}.page-intro{padding-top:27px}.page-intro h1{font-size:1.3rem;letter-spacing:.3px}.page-intro p{font-size:.77rem;margin-top:8px;letter-spacing:.2px}.heading-heart{font-size:19px;margin-left:4px}.universe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 15px;height:auto;padding:15px 0 36px;max-width:520px;margin:0 auto}.koala-center{position:relative;inset:auto;transform:none;grid-column:1/-1;grid-row:1;width:100%;margin:13px auto 15px}.speech{font-size:.86rem;max-width:280px;padding:12px 22px;min-height:48px;margin-bottom:4px}.mascot{width:244px;height:244px;margin-top:8px}.koala-name{font-size:2.1rem;margin-top:-3px}.koala-name span{font-size:1rem}.pet-hint{font-size:.73rem;margin-top:3px}.planet-card{position:relative;inset:auto;max-width:none;width:100%;min-height:147px;padding:23px 13px 15px;border-radius:19px;border-width:2px;--rotate:0deg!important;align-self:stretch}.planet-card:nth-of-type(odd){transform:rotate(-1.5deg)}.planet-card:nth-of-type(even){transform:rotate(1.5deg)}.planet-card:hover,.planet-card:focus-visible{transform:translateY(-3px)}.planet-card:before{left:20px;width:30px;top:-5px}.planet-heading{gap:6px;flex-wrap:wrap;margin-bottom:11px}.planet-heading h2{font-size:.97rem;letter-spacing:0}.category-emoji{font-size:24px}.card-count{top:8px;right:10px;font-size:.63rem}.card-count .icon{width:11px;height:11px}.planet-summary{padding-left:0}.planet-summary p{font-size:.77rem;line-height:1.8}.planet-summary p:before{margin-right:4px}.position-0{grid-column:1;grid-row:2}.position-1{grid-column:2;grid-row:2}.position-2{grid-column:1;grid-row:3}.position-3{grid-column:2;grid-row:3}.position-4{grid-column:1;grid-row:4}.position-5{grid-column:2;grid-row:4}.habit-button{position:static;transform:none;grid-column:1/-1;justify-self:center;margin-top:10px;font-size:.83rem;padding:12px 25px}.canvas-hint{bottom:0;font-size:.69rem;letter-spacing:.6px}.desktop-hint{display:none}.mobile-hint{display:inline}.orbit-one{width:90%;height:330px;top:220px;opacity:.6}.orbit-two{width:70%;height:260px;top:225px;opacity:.4}.orbit-three{display:none}.spark-one{left:16%;top:150px;font-size:25px}.spark-two{right:15%;top:238px;font-size:32px}.spark-three{left:17%;top:298px;font-size:19px}.spark-four{right:16%;top:97px}.site-footer{margin-top:26px;padding:17px 23px;flex-wrap:wrap;justify-content:center;gap:9px;min-height:77px;font-size:.69rem}.save-state{font-size:.69rem}.footer-love{gap:7px}.footer-love .icon{width:16px}.hover-preview{display:none!important}.toast{width:max-content;bottom:20px;font-size:.8rem;padding:13px 16px}.records-intro{flex-direction:column;gap:17px;padding-top:25px}.records-intro h1{font-size:1.4rem}.backup-actions{justify-content:flex-start}.backup-actions .button{font-size:.77rem}.filters{margin:22px -2px;gap:7px;flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 9px;scrollbar-width:thin}.filter{white-space:nowrap;font-size:.78rem;padding:9px 11px;border-radius:10px}.records-grid{grid-template-columns:1fr;gap:14px;padding-bottom:5px}.record-card{padding:21px;border-radius:18px}.record-card h3{font-size:1.14rem}.record-category{font-size:.77rem}.record-description{font-size:.91rem}.record-date{font-size:.72rem}.record-bottom{flex-wrap:nowrap}.record-top{margin-bottom:15px}.record-note{font-size:.8rem}.order-details dd{font-size:.87rem}.copy-button{font-size:.74rem}.record-actions .icon-button{min-width:36px;min-height:38px}.empty-state{padding:40px 12px}.empty-state p{font-size:.86rem}.dialog-header{padding:26px 23px 23px}.dialog-header h2{font-size:1.24rem;padding-right:23px}.dialog-header p{font-size:.8rem}.detail-content{padding:17px 15px;gap:13px}.detail-content .record-card{padding:18px}.detail-content .order-details{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 12px}.detail-content .order-details>div{border-bottom:1px dashed #e5d9c8}.detail-content .order-details>div:nth-last-child(-n+2){border-bottom:0}.detail-content .record-card h3{font-size:1.09rem}.detail-content .copy-button{font-size:.74rem;padding:9px}.dialog-footer{padding:15px 19px;gap:9px}.dialog-footer>span{font-size:.68rem}.dialog-footer .button{font-size:.8rem;padding:11px 13px}.editor-fields{padding:22px}.field{font-size:.83rem}.field input,.field textarea,.field select{font-size:1rem}.form-row{gap:11px}.form-row .field select{font-size:.86rem;padding:10px}.editor-dialog .dialog-header{padding:25px 23px 20px}.small-dialog-body{padding:29px 25px}.small-dialog-body h2{font-size:1.3rem}.small-dialog-body p{font-size:.87rem}dialog{max-height:90dvh;border-radius:23px;max-width:calc(100vw - 24px)}.icon-button{min-width:40px;min-height:40px}}
@media(max-width:380px){.site-header{padding-left:13px;padding-right:13px}.brand{font-size:1.02rem}.brand-zh{font-size:.91rem}.brand img{width:32px;height:32px}.add-button{font-size:.73rem;padding:9px}.nav-button{font-size:.72rem;padding:8px}.search-box{width:39vw}.search-box input{font-size:.68rem}main{padding:0 16px}.page-intro h1{font-size:1.16rem}.universe{gap:15px 11px}.planet-card{padding-left:11px;padding-right:10px;min-height:154px}.planet-heading h2{font-size:.86rem}.category-emoji{font-size:21px}.planet-summary p{font-size:.72rem}.record-card{padding:18px}.record-date{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pet-heart{display:none}}
.planet-summary p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.record-description{font-size:1rem}
.koala-name .profile-chip{display:inline-flex;vertical-align:middle;align-items:center;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px;margin-top:-6px;padding:6px 10px;border:1px solid #dfca9d;border-radius:18px;background:#fbefc9;color:#856638;font:500 .75rem var(--font);letter-spacing:.3px;transition:background .2s,transform .2s}.koala-name .profile-chip:hover{background:#f5e1a2;transform:translateY(-2px)}.sentiment.profile{background:#f7edcf;color:#8a713c}
@media(max-width:700px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.brand{grid-area:1/1}.add-button{grid-area:1/2;min-height:44px}.main-nav{grid-area:2/1;gap:2px}.nav-button{padding:9px 7px;gap:4px;font-size:.75rem;min-height:42px}.search-box{grid-area:2/2;width:clamp(108px,34vw,135px);height:42px}.planet-summary p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.75}.planet-card{min-height:161px}.planet-heading h2{font-size:1rem}.category-emoji{font-size:22px}.record-description{font-size:1rem}.record-date{font-size:.75rem}}
@media(max-width:380px){.nav-button{font-size:.69rem;padding:9px 5px}.nav-button .icon{width:15px;height:15px}.planet-heading h2{font-size:.88rem}.category-emoji{font-size:20px}.planet-summary p{font-size:.81rem}.search-box{padding:8px 6px}}