:root{--purple:#7560b4;--ink:#292438;--muted:#827d91;--line:#e7e3ed;--bg:#f6f5f9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);border-radius:10px;padding:9px 15px}button:hover{border-color:var(--purple);color:var(--purple)}button:focus-visible,a:focus-visible{outline:3px solid #bda9ee;outline-offset:3px}input,select,textarea{min-width:0;border:1px solid var(--line);border-radius:9px;background:white;padding:10px 12px;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid #c7b7ed;border-color:var(--purple)}header{max-width:1160px;margin:auto;padding:27px 30px;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;color:var(--ink);display:flex;gap:12px;align-items:center;letter-spacing:2px;font-weight:800}.brand small{display:block;font-size:11px;letter-spacing:.8px;color:var(--muted);font-weight:400}.emblem{background:var(--purple);color:white;font:bold 30px Georgia;padding:1px 14px;border-radius:12px}.version{font-size:10px;letter-spacing:1.5px;color:var(--muted)}main{max-width:1100px;margin:auto;padding:0 30px}.hero{display:flex;justify-content:space-between;align-items:center;background:#eeebf6;border:1px solid #e4deef;border-radius:22px;padding:40px 48px;overflow:hidden}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.6px;color:var(--purple)}h1{font-size:36px;letter-spacing:-1.8px;line-height:1.4;margin:14px 0}p.muted{color:#797086;margin:0 0 23px}.primary{background:var(--purple);color:white;border-color:var(--purple);font-weight:650}.primary:hover{background:#625098;color:white}.hero-art{width:300px;height:270px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--purple)}.hero-art b{font:italic 110px Georgia;z-index:1;text-shadow:5px 6px 0 #d8cee9}.hero-art small{font-size:10px;letter-spacing:4px;text-align:center;z-index:1}.orbit{position:absolute;width:235px;height:235px;border:1px solid #cfc3e3;border-radius:50%}.orbit:after{content:'';position:absolute;inset:17px;border:1px solid #dbd2e9;border-radius:50%}.hero-art>span{position:absolute;right:25px;top:20px;font-size:35px;background:#eeebf6;z-index:2}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-top:25px;flex-wrap:wrap}.profile,.backup{display:flex;gap:8px;align-items:center}.profile label{font-size:12px;font-weight:700}.profile input{width:150px}.notice{color:var(--muted);font-size:12px;margin:12px 0 25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;background:white;padding:22px 0}.stats>div{padding:0 24px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats small{display:block;color:var(--muted);font-size:12px}.stats strong{font-size:27px;font-weight:650}.stats .today{font-size:18px;line-height:2.5}.archive{margin-top:34px}.sectiontitle{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{font-size:20px;letter-spacing:-.6px}#count{font-size:13px;color:var(--purple);margin-left:8px}.sectiontitle>button{font-size:12px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 24px}#search{flex:1;min-width:200px}.check{display:flex!important;align-items:center;gap:7px;white-space:nowrap;font-size:12px}.check input{accent-color:var(--purple)}.groupdate{font-size:13px;color:var(--muted);margin:24px 0 10px}.card{display:flex;align-items:center;gap:15px;padding:19px 22px;background:white;border:1px solid var(--line);border-radius:13px;margin-bottom:10px}.card:hover{border-color:#c0b1da}.cardmain{flex:1;min-width:0;cursor:pointer;border:0;text-align:left;padding:0;background:none}.cardmain h3{margin:4px 0;font-size:17px;color:var(--ink);overflow-wrap:anywhere}.snippet{margin:5px 0 10px;color:var(--muted);font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}.meta{color:var(--muted);font-size:11px}.tag{display:inline-block;color:var(--purple);background:#f0ecf8;border-radius:5px;padding:2px 8px;font-size:11px;margin:0 5px 3px 0}.star{border:0;color:#aaa;font-size:23px;padding:6px;background:transparent}.star.active{color:var(--purple)}.empty{text-align:center;padding:55px 20px;border:1px dashed #d6cee2;border-radius:15px;color:var(--muted);background:#faf9fc}.empty b{display:block;color:var(--ink);font-size:18px;margin-bottom:8px}footer{display:flex;justify-content:space-between;color:#a19aaa;font-size:10px;letter-spacing:1.5px;padding:35px 0}dialog{border:1px solid var(--line);border-radius:19px;width:min(670px,94vw);max-height:90dvh;padding:27px;color:var(--ink)}dialog::backdrop{background:#28213380;backdrop-filter:blur(4px)}form>label,details>label,.grid>label{display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px;margin:16px 0}em{font-style:normal;color:var(--purple);font-size:10px}textarea{resize:vertical;line-height:1.8}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formfoot{display:flex;justify-content:space-between;align-items:center;margin-top:23px}summary{cursor:pointer;font-size:12px;color:var(--purple);padding:10px 0}.danger{color:#b34e62}.note{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;padding:18px 0;border-top:1px solid var(--line);margin-top:20px}.note-title{overflow-wrap:anywhere}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#332a47;color:white;border-radius:12px;padding:12px 22px;max-width:90vw;display:none;z-index:20}mark{background:#eee1a6;color:inherit}#viewContent a{color:var(--purple);overflow-wrap:anywhere}@media(max-width:650px){header{padding:20px}.version{font-size:8px}main{padding:0 18px}.hero{padding:27px 25px}h1{font-size:29px}.hero-art{display:none}.stats{grid-template-columns:1fr 1fr;gap:20px}.stats>div:nth-child(2){border:0}.toolbar{gap:12px}.backup button{font-size:12px}.stats strong{font-size:24px}.filters input[type=month]{width:150px}.filters select{flex:1}.filters .check{padding:7px}.card{padding:16px}.grid{gap:10px}dialog{padding:20px}footer{font-size:8px;letter-spacing:.7px}.brand{font-size:13px}.brand small{font-size:10px}}

/* v1.1.0 — NEWCATSLE identity */
:root{--purple:#6854a9;--ink:#2b2740;--muted:#817b95;--line:#e5e0ed;--bg:#f5f3f9}
body{background:radial-gradient(ellipse at 95% 0%,#e9e2f5 0,transparent 43%),var(--bg)}
header{padding:22px 30px 25px}.brand{letter-spacing:2.5px}.brand-logo{width:47px;height:59px;object-fit:contain;filter:drop-shadow(0 3px 4px #34215520)}.brand small{margin-top:3px}.version{background:#ffffffa8;border:1px solid #e3ddeb;padding:6px 11px;border-radius:30px;letter-spacing:1px}
.hero{position:relative;isolation:isolate;min-height:350px;padding:42px 47px;background:linear-gradient(115deg,#30274b 0%,#433464 53%,#66528b 100%);color:#fff;border:1px solid #74618f;border-radius:24px;box-shadow:0 18px 35px -20px #3a275b70}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.2;background:repeating-linear-gradient(130deg,transparent 0,transparent 70px,#d6c1ff22 71px,transparent 72px)}
.hero:after{content:'';position:absolute;width:380px;height:380px;border-radius:50%;right:-40px;top:-100px;background:radial-gradient(circle,#b8a3ee40,transparent 68%);z-index:-1}
.hero .eyebrow{color:#d6c6ef;font-size:10px;letter-spacing:2.3px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#dec677;margin-right:7px;vertical-align:middle;box-shadow:0 0 10px #dec67760}
h1{font-size:37px;font-weight:750;letter-spacing:-1.6px;margin:19px 0 15px}.hero p.muted{color:#d1c7df;font-size:14px;line-height:1.9}.hero .primary{background:#f2edf9;color:#443358;border:1px solid #fff9;padding:12px 20px;box-shadow:0 5px 15px #20172d30}.hero .primary:hover{background:white;transform:translateY(-1px)}
.hero-art{width:330px;height:285px;flex-shrink:0}.hero-logo{position:relative;width:190px;height:238px;object-fit:contain;filter:drop-shadow(0 14px 17px #160f354f);z-index:1}.hero-art small{color:#cdbce7;letter-spacing:2px;font-size:8px;margin-top:18px}.orbit{width:270px;height:270px;border-color:#d3c0ed30;transform:rotate(-15deg);top:0}.orbit:after{inset:13px;border-color:#d3c0ed15}.hero-art:after{content:'✦';position:absolute;right:27px;top:14px;color:#d9c891;font-size:21px}
.toolbar{padding:17px 20px;background:#ffffffb5;border:1px solid var(--line);border-radius:14px;margin-top:24px}.profile label{margin-right:4px}.profile input{background:#f9f7fc}.profile button{color:var(--purple)}.backup button{font-size:12px;border-color:transparent;background:#f0ecf6;color:#66547e}.notice{padding:0 5px;font-size:11px;margin:11px 0 23px}.stats{border:0;background:transparent;padding:0;gap:12px}.stats>div{border:1px solid var(--line)!important;border-radius:13px;background:#ffffffd9;padding:17px 22px;position:relative;box-shadow:0 3px 12px #35245003}.stats>div:before{content:'';width:3px;height:23px;position:absolute;left:0;top:20px;border-radius:0 4px 4px 0;background:#c6b5e4}.stats>div:last-child:before{background:#dbcd9e}.stats small{font-size:11px;margin-bottom:3px}.stats strong{color:#55416e;font-size:28px}.stats .today{font-size:17px;line-height:2.7}
.archive{margin-top:37px}.archive-label{font-size:9px;letter-spacing:2px;margin:0 0 4px;color:#9c8fb1}.archive h2{margin:0 0 4px;font-size:21px}#reset{background:transparent;border:0;color:var(--muted)}.filters{padding:14px;background:#ede9f3;border-radius:13px;margin-top:17px;margin-bottom:25px}.filters input,.filters select{border-color:#e0d9ea}.groupdate{font-size:12px;letter-spacing:.4px;display:flex;align-items:center;gap:12px;margin-top:24px}.groupdate:after{content:'';height:1px;flex:1;background:var(--line)}.card{padding:22px 24px;box-shadow:0 4px 14px #34244d03;transition:border-color .15s,box-shadow .15s}.card:hover{box-shadow:0 7px 20px #34244d09}.cardmain h3{font-size:17px;margin:8px 0}.snippet{line-height:1.8}.tag{padding:3px 9px;border:1px solid #e9e1f3;background:#f7f3fc}.star{background:#f8f6fc;border-radius:10px;font-size:22px;min-width:41px}.star.active{background:#eee7f9}.empty{position:relative;padding:65px 20px;background:linear-gradient(135deg,#fff,#f7f4fc);border:1px solid var(--line);font-size:13px}.empty:before{content:'✧';display:block;font-size:37px;color:#a28bbe;margin-bottom:8px}.empty b{font-size:18px;font-weight:600;margin-bottom:7px}footer{border-top:1px solid var(--line);margin-top:35px;padding:23px 0 30px}dialog{box-shadow:0 30px 100px #1f153d55;background:#fdfcfe}dialog .sectiontitle{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px}dialog .sectiontitle h2{margin:5px 0}.formfoot{border-top:1px solid var(--line);padding-top:18px}textarea{background:#fff}details{background:#f5f1fa;padding:2px 13px;border-radius:10px}button{transition:background .15s,border-color .15s}#toast{box-shadow:0 8px 30px #241c4930}
@media(max-width:800px){.hero{padding:32px}.hero-art{width:230px}.hero-logo{width:160px;height:200px}.orbit{width:220px;height:220px;top:15px}.hero-art small{font-size:7px;letter-spacing:1px}h1{font-size:32px}.stats>div{padding:16px}.stats .today{font-size:15px}.filters{gap:8px}}
@media(max-width:650px){header{padding:17px 18px}.brand-logo{width:37px;height:47px}.brand{gap:9px;letter-spacing:1.6px}.version{font-size:7px;padding:5px 7px;letter-spacing:.2px}.hero{min-height:320px;padding:27px 23px;align-items:flex-start}.hero>div:first-child{position:relative;z-index:2}.hero-art{display:flex;position:absolute;right:-33px;bottom:12px;width:170px;height:220px;opacity:.25;pointer-events:none;z-index:0}.hero-logo{width:145px;height:182px}.hero-art small,.hero-art:after{display:none}.orbit{width:190px;height:190px;top:6px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:29px;line-height:1.45}.hero p.muted{font-size:12px}.hero .primary{padding:11px 17px}.toolbar{padding:14px;gap:12px}.profile{width:100%}.profile input{flex:1;width:100px}.backup{width:100%}.backup button{flex:1}.notice{line-height:1.7}.stats{gap:9px}.stats>div{padding:13px 18px}.stats small{font-size:10px}.stats strong{font-size:25px}.stats .today{font-size:17px;line-height:2.3}.archive{margin-top:29px}.filters{padding:10px}.filters #search{flex-basis:100%;width:100%}.filters input[type=month]{width:145px}.filters .check{width:100%;padding:2px 3px}.card{padding:17px}.cardmain h3{font-size:16px}.snippet{font-size:12px}.empty{padding:44px 15px}.empty b{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}