:root{color-scheme:dark;--bg:#10253e;--fg:#eef5fc;--sub:#cedbea;--mute:#afc2d8;--line:rgba(201,224,248,.17);--line2:rgba(201,224,248,.3);--layer:rgba(9,28,50,.6);--blue:#a8d5ff;--blueh:#427daf;--off:#92a6be;--ok:#8ed2c9;--text:var(--fg);--text2:var(--sub);--text3:var(--mute);--ink:var(--fg);--ink-on:#10253e;--green:var(--blue);--accent:var(--blue);--accent2:#8cbde9;--card:rgba(12,31,52,.65);--h0:rgba(183,213,242,.1);--h1:#385b80;--h2:#517da7;--h3:#71a4ce;--h4:#9bcced;--h5:#cfedff}body{background:#10253e;isolation:isolate}.bg{z-index:-2;background:#284c74 url(ocean-blue.png) center bottom/cover no-repeat;pointer-events:none}#ocean-canvas{position:absolute;inset:0;width:100%;height:100%}.bg:after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06122233,#0612220d 55%,#0612223d);pointer-events:none}.bar{background:#08182ba8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding-inline:28px}.dash{max-width:1120px;padding-top:68px}.hello{margin-bottom:44px;text-shadow:0 2px 20px rgba(4,17,33,.4)}.hello h2{font-size:clamp(26px,3.2vw,38px)}.grid{gap:28px}.panel{background:#08192da3;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:24px;box-shadow:0 8px 30px #04112014;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.tile,.wkitem{background:#0c2138b8}.tiles,.wk{background:var(--line);border-radius:8px;overflow:hidden}.rc{border-radius:8px;background:#0c21384d}.rc:hover{background:#3a5e8459}.tags button{border-radius:5px}.tags button.on{background:#b6d9f7;color:#122c47;border-color:#b6d9f7}.add input{border-radius:6px 0 0 6px}.add button{border-radius:0 6px 6px 0}.add button,.finish,.libadd button{background:#315f8d;color:#f4f9ff}input::placeholder,textarea::placeholder{color:#aec2d8;opacity:1}.amb{background:#0a1c30d9;border-radius:20px;backdrop-filter:blur(10px)}.amb.on{background:#315f8d}.rtop{background:#091a2fdb}.tip{background:#e5f2ff;color:#152e49}.ocean-motion{position:fixed;left:16px;bottom:16px;z-index:30;background:#0a1c30d9;border:1px solid var(--line2);color:var(--sub);border-radius:20px;padding:8px 15px;font-size:12px;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #c6e5ff;outline-offset:4px}@media (max-width:650px){.bar{padding-inline:14px;gap:14px;flex-wrap:wrap}.bar h1{padding-bottom:0}.nav{width:100%;overflow-x:auto}.nav button{white-space:nowrap;padding:10px 12px}.dash{padding-top:36px}.panel{padding:16px}.hello{margin-bottom:30px}.ph{flex-wrap:wrap}.ph .aux{font-size:11px}.add{flex-wrap:wrap}.add input{flex-basis:55%}.add select{max-width:32%}.add button{padding:10px}.ocean-motion{left:12px;bottom:12px}}:root{--frame:transparent;--mute:#c0d1e3;--sub:#d9e5f1}.starswrap,.libwrap{max-width:1120px}.starshead,.libhead,.libcols>section,.ghcard{background:#08192dc2;border:1px solid var(--line);border-radius:14px;padding:22px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.starshead,.libhead{margin-bottom:20px}.libcols{gap:24px}.ghcard:hover{background:#193552e0}.libcard{background:#112a45a6;border-radius:8px}#read,#kbview{max-width:1120px;margin:24px auto;height:calc(100dvh - 105px);padding:0 16px 16px}.frame{min-height:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#08192dc2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.frame iframe{background:transparent;color-scheme:dark}#read .rtop{border-radius:14px 14px 0 0;padding:12px 16px;background:#08192dd6}#read .frame{border-radius:0 0 14px 14px}@media (max-width:650px){#read,#kbview{margin-top:12px;height:calc(100dvh - 125px);padding-inline:12px}.libhead{flex-wrap:wrap}.libhead input{width:100%;margin:0}.starshead,.libhead,.libcols>section,.ghcard{padding:16px}}.frame iframe{color-scheme:dark;background:transparent}