*{box-sizing:border-box}body{margin:0;background:#b4c5b8;color:#fff;font:15px -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;min-height:100vh}.scenery{position:fixed;inset:0;z-index:-2}.scenery img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.scenery:after{content:"";position:absolute;inset:0;background:linear-gradient(#0c182636,#10213220 38%,#0a1b2e78)}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff7b3;outline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;padding:30px 42px}.brand{color:white;text-decoration:none;font-size:20px;letter-spacing:3px;display:flex;align-items:center;gap:12px}.brandmark{font-size:29px}.brand-en{font-size:10px;letter-spacing:3px;opacity:.65;margin-left:6px}.head-actions{display:flex;gap:15px;align-items:center}.local-label{font-size:12px;color:#eef7efb0}.local-label i{display:inline-block;width:5px;height:5px;background:#e0efbf;border-radius:50%;margin-right:6px}.glass-button,.icon-button{border:1px solid #ffffff42;background:#ffffff12;color:white;padding:9px 15px;border-radius:10px;backdrop-filter:blur(16px);font-size:13px}.icon-button{border:none;font-size:22px;padding:6px 10px}.glass-button:hover{background:#ffffff30}.hero{text-align:center;margin:28px auto 52px;padding:0 20px}.greeting{font-size:13px;letter-spacing:4px;opacity:.9}#clock{font-size:100px;letter-spacing:2px;font-weight:200;line-height:1.35;font-variant-numeric:tabular-nums;text-shadow:0 2px 22px #14263380}#date{font-size:13px;letter-spacing:2px;opacity:.9}.search{display:flex;align-items:center;margin:30px auto 0;background:#f6f9f4ed;border:1px solid #ffffff90;border-radius:16px;padding:5px 8px;width:min(570px,100%);box-shadow:0 12px 40px #203e361c;color:#2c4840}.search select{width:98px;border:0;border-right:1px solid #24493720;background:transparent;color:#3b574e;padding:8px;font-size:12px}.search input{width:100%;min-width:0;background:transparent;border:0;padding:14px;color:#284e42;outline:none}.search input::placeholder{color:#819088;font-size:13px}.search button{border:0;background:#355d50;color:white;border-radius:11px;width:40px;height:40px;font-size:22px;flex-shrink:0}.search-hint{font-size:11px;opacity:.65;margin-top:12px;letter-spacing:.5px}.workspace{max-width:1120px;margin:0 auto 40px;padding:24px 32px 30px;background:#1027399e;border:1px solid #ffffff20;border-radius:24px;backdrop-filter:blur(22px);box-shadow:0 15px 65px #193c3220}.section-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;opacity:.55}h1{font-size:20px;font-weight:500;margin:7px 0 0}h1 span{font-size:11px;opacity:.55;margin-left:7px}nav{display:flex;gap:6px;flex-wrap:wrap;padding:22px 0}.tab{border:1px solid transparent;border-radius:9px;background:transparent;color:#d5e5dc;padding:8px 14px;font-size:13px}.tab.active{background:#f2f7e9;color:#305247;box-shadow:0 3px 10px #1d3d3610}.tab.over{outline:2px dashed #e6efc4;background:#ffffff40}#cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.card{position:relative;min-width:0;border:1px solid #ffffff22;border-radius:14px;background:#e4efdf12;transition:background .2s,transform .2s;display:flex;align-items:center}.card:hover{background:#ffffff24;transform:translateY(-2px)}.card a{color:white;text-decoration:none;display:flex;align-items:center;gap:12px;padding:18px 14px;width:100%;min-width:0}.badge{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:12px;background:var(--color,#e5eee4);color:var(--ink,#29473d);font-size:17px;font-weight:600;box-shadow:0 3px 6px #12302510}.card-text{min-width:0}.name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.domain{font-size:10px;opacity:.52;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.more{display:none;position:absolute;right:4px;top:2px;background:#244a40;border:0;border-radius:5px;color:white;padding:0 6px;font-size:18px}.editing .more{display:block}.editing .card{border-style:dashed;cursor:grab}.card.dragging{opacity:.3}.card.over{outline:2px dashed #ecf3c7}#edit-note{background:#e7f0c519;border-radius:8px;padding:10px 12px;margin-top:16px;font-size:12px;line-height:1.7;color:#edf1d6}footer{max-width:1120px;margin:0 auto;padding:0 8px 28px;display:flex;gap:15px;color:#e0e9e0a0;font-size:11px}footer span{margin-right:auto}footer button{color:inherit;border:0;background:none;font-size:11px}dialog{border:1px solid #dce3d7;border-radius:20px;padding:28px;width:min(420px,90vw);background:#f6f7ef;color:#29483d;box-shadow:0 30px 100px #14251a66}dialog::backdrop{background:#14352d70;backdrop-filter:blur(6px)}dialog h2{font-size:21px;margin:0 0 24px;font-weight:500}dialog label{display:block;font-size:13px;margin:15px 0}dialog label input:not([type=checkbox]),dialog label select{display:block;width:100%;padding:11px;border:1px solid #cad6ca;border-radius:8px;background:white;color:#29483d;margin-top:6px}dialog p{font-size:13px;line-height:1.9;color:#64746a}.close{position:absolute;top:14px;right:16px;border:none;background:transparent;font-size:24px;color:#657a6c}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.dialog-actions button,.danger{padding:9px 18px;border:1px solid #cdd8ca;border-radius:8px;background:none;color:#79514a}.dialog-actions .primary{background:#315a49;color:white;border:0}.check{display:flex!important;gap:10px}.danger{margin-top:20px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#f1f4e9;color:#284d3e;border-radius:12px;padding:12px 24px;font-size:13px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}#empty{opacity:.7;text-align:center;padding:24px}@media(max-width:900px){header{padding:22px}.workspace{margin:0 20px 30px;padding:24px}#cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card a{padding:14px 10px;gap:8px}.badge{width:32px;height:32px}footer{margin:0 24px}.hero{margin:20px auto 40px}}@media(max-width:600px){.brand-en,.local-label{display:none}.head-actions{gap:4px}header{padding:18px 20px}.hero{margin:25px auto 32px}#clock{font-size:80px}.greeting{font-size:11px}.search{margin-top:25px;border-radius:13px}.search input{padding:13px 8px}.search select{width:80px;padding:5px}.search-hint{font-size:10px}.workspace{margin:0 12px 24px;padding:20px 16px;border-radius:20px}#cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card a{padding:16px 10px}.name{font-size:13px}.badge{width:34px;height:34px}.tab{padding:8px 11px;font-size:12px}nav{gap:3px;padding:18px 0}h1{font-size:18px}footer{margin:0 22px;gap:10px}footer span{max-width:45%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Landscape contrast and portrait-safe central crop. */
.greeting,#date{ text-shadow:0 1px 10px #102030a0}.search-hint{opacity:.9;text-shadow:0 1px 8px #102030}.domain{opacity:.76}.local-label{color:#eef7efde}.eyebrow{opacity:.8}footer{color:#edf4f0d9;text-shadow:0 1px 8px #102030}@media(max-width:600px){.scenery img{object-position:52% 50%}.workspace{background:#102739b8}}

[hidden]{display:none!important}.sync-status{max-width:1120px;margin:15px auto;padding:0 20px;color:#fff;font-size:12px;line-height:1.8;text-shadow:0 1px 8px #000}footer{flex-wrap:wrap}.head-actions{flex-wrap:wrap}#login-error{color:#a13333}
footer{align-items:baseline;line-height:18px}
footer a{color:inherit;white-space:nowrap}
footer button{font:inherit;padding:0 6px}