:root{--font:"Google Sans", system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;--bg:#fff;--fg:#202124;--fg2:#5f6368;--fg3:#80868b;--line:#e0e0e0;--line2:#dadce0;--hover:#5f636828;--press:#5f63683d;--search:#f1f3f4;--active:#feefc3;--accent:#f9ab00;--brand:#f6b400;--card:#fff;--shadow1:0 1px 2px 0 #3c40434d, 0 1px 3px 1px #3c404326;--shadow2:0 1px 2px 0 #3c40434d, 0 2px 6px 2px #3c404326;--scrim:#20212499;--pop:#fff;--tip:#3c4043e6;--tipfg:#fff;--chip:#00000014;--link:#1a73e8;--danger:#d93025;--focus:#1a73e8;--c-default:#fff;--c-red:#faafa8;--c-orange:#f39f76;--c-yellow:#fff8b8;--c-green:#e2f6d3;--c-teal:#b4ddd3;--c-blue:#d4e4ed;--c-darkblue:#aeccdc;--c-purple:#d3bfdb;--c-pink:#f6e2dd;--c-brown:#e9e3d4;--c-gray:#efeff1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#202124;--fg:#e8eaed;--fg2:#9aa0a6;--fg3:#9aa0a6;--line:#5f6368;--line2:#5f6368;--hover:#9aa0a628;--press:#9aa0a64d;--search:#525355;--active:#41331c;--accent:#fbbc04;--card:#202124;--shadow1:0 1px 2px 0 #0009, 0 1px 3px 1px #0000004d;--shadow2:0 1px 3px 0 #0009, 0 4px 8px 3px #0000004d;--scrim:#0009;--pop:#2d2e30;--tip:#e8eaede6;--tipfg:#202124;--chip:#ffffff1a;--link:#8ab4f8;--danger:#f28b82;--focus:#8ab4f8;--c-default:#202124;--c-red:#77172e;--c-orange:#692b17;--c-yellow:#7c4a03;--c-green:#264d3b;--c-teal:#0c625d;--c-blue:#256377;--c-darkblue:#284255;--c-purple:#472e5b;--c-pink:#6c394f;--c-brown:#4b443a;--c-gray:#232427;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.43 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit;background:0 0;border:0;outline:none}a{color:var(--link)}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}svg.i{fill:currentColor;flex:none;width:24px;height:24px;display:block}svg.i.s18{width:18px;height:18px}svg.i.s20{width:20px;height:20px}svg.i.s16{width:16px;height:16px}.ib{width:48px;height:48px;color:var(--fg2);border-radius:50%;flex:none;place-items:center;transition:background .15s;display:inline-grid;position:relative}.ib:hover{background:var(--hover);color:var(--fg)}.ib:active{background:var(--press)}.ib.sm{width:34px;height:34px}.ib.xs{width:28px;height:28px}.ib[disabled]{opacity:.38;pointer-events:none}.ib.on{color:var(--fg)}.top{z-index:30;border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:4px;height:64px;padding:8px;display:flex;position:sticky;top:0}.top.scrolled{border-color:#0000;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.brand{min-width:0;color:var(--fg2);align-items:center;gap:4px;padding-right:30px;font-size:22px;line-height:24px;text-decoration:none;display:flex}.brand img{width:40px;height:40px}.brand .t{white-space:nowrap;text-overflow:ellipsis;padding-left:4px;overflow:hidden}.search{background:var(--search);border-radius:8px;flex:1;align-items:center;max-width:720px;height:46px;padding:0 4px;transition:background .2s,box-shadow .2s;display:flex}.search.focus{background:var(--bg);box-shadow:var(--shadow1)}.search input{flex:1;min-width:0;height:46px;padding:0 8px;font-size:16px}.search input::placeholder{color:var(--fg2)}.top .grow{flex:1}.top .right{align-items:center;gap:0;margin-left:auto;padding-left:8px;display:flex}.avatar{color:#fff;background:#5f6368;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.acct{border-radius:50%;margin-left:4px;padding:8px}.acct:hover{background:var(--hover)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(-360deg)}}.badge{background:var(--accent);color:#202124;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:8px;right:6px}.layout{min-height:calc(100dvh - 64px);display:flex}.side{z-index:20;background:var(--bg);flex:none;width:80px;height:calc(100dvh - 64px);padding-top:8px;transition:width .15s;position:sticky;top:64px;overflow:hidden auto}.side.open,.side.peek{width:280px}.side.peek{position:fixed;left:0;box-shadow:0 16px 10px #00000024,0 11px 18px #0000001f,0 13px 5px -1px #0003}.side-ph{flex:none;width:80px}.nav{height:48px;color:var(--fg);cursor:pointer;white-space:nowrap;text-align:left;border-radius:0 25px 25px 0;align-items:center;gap:0;width:100%;padding-left:24px;display:flex}.side:not(.open):not(.peek) .nav{border-radius:50%;width:48px;margin-left:12px;padding-left:12px}.nav:hover{background:var(--hover)}.nav.active{background:var(--active)}.nav .i{color:var(--fg2)}.nav.active .i{color:var(--fg)}.nav .l{letter-spacing:.25px;text-overflow:ellipsis;padding-left:32px;font-size:14px;font-weight:500;overflow:hidden}.side:not(.open):not(.peek) .nav .l{display:none}.side .foot{color:var(--fg3);padding:16px 24px;font-size:12px;line-height:1.6}.side:not(.open):not(.peek) .foot{display:none}.scrim{background:var(--scrim);z-index:40;animation:.15s fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.main{flex:1;min-width:0;padding:32px 16px 120px}.sec-h{letter-spacing:.0727273em;text-transform:uppercase;color:var(--fg2);margin:0 auto 8px;padding-left:8px;font-size:11px;font-weight:500}.empty{text-align:center;color:var(--fg3);place-items:center;gap:16px;padding:18vh 16px 0;font-size:22px;line-height:28px;display:grid}.empty svg.i{opacity:.12;width:120px;height:120px;color:var(--fg)}.banner{max-width:600px;color:var(--fg);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:0 auto 24px;font-style:italic;display:flex}.tbtn{color:var(--link);border-radius:4px;padding:8px 16px;font-style:normal;font-weight:500}.tbtn:hover{background:color-mix(in srgb, var(--link) 8%, transparent)}.tbtn.solid{background:var(--fg);color:var(--bg)}.tbtn.solid:hover{opacity:.88}.tbtn.plain{color:var(--fg)}.tbtn.plain:hover{background:var(--hover)}.composer{max-width:600px;box-shadow:var(--shadow2);background:var(--card);border-radius:8px;margin:0 auto 32px;transition:background .2s;position:relative}html[data-theme=dark] .composer{border:1px solid var(--line);box-shadow:0 1px 2px #0009,0 2px 6px 2px #0000004d}.composer .closed{cursor:text;align-items:center;height:46px;padding:0 4px 0 16px;display:flex}.composer .closed .ph{color:var(--fg2);letter-spacing:.00625em;flex:1;font-size:16px;font-weight:500}.colored{background:var(--c-default)}[data-color=red]{--nc:var(--c-red)}[data-color=orange]{--nc:var(--c-orange)}[data-color=yellow]{--nc:var(--c-yellow)}[data-color=green]{--nc:var(--c-green)}[data-color=teal]{--nc:var(--c-teal)}[data-color=blue]{--nc:var(--c-blue)}[data-color=darkblue]{--nc:var(--c-darkblue)}[data-color=purple]{--nc:var(--c-purple)}[data-color=pink]{--nc:var(--c-pink)}[data-color=brown]{--nc:var(--c-brown)}[data-color=gray]{--nc:var(--c-gray)}[data-color]:not([data-color=default]){background:var(--nc)!important;border-color:#0000!important}.grid{margin:0 auto;position:relative}.grid.list{max-width:600px}.cardw{padding:8px;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s;position:absolute;top:0;left:0}.cardw.noanim{transition:none}.cardw.dragging{z-index:25;transition:none}.card{border:1px solid var(--line);background:var(--card);cursor:default;border-radius:8px;outline:none;transition:box-shadow .2s,border-color .2s,background .2s;position:relative}.card:hover{box-shadow:var(--shadow1)}html[data-theme=dark] .card:hover{box-shadow:var(--shadow1);border-color:var(--line)}.card.sel{box-shadow:inset 0 0 0 1px var(--fg);border-color:var(--fg)!important}.card.focus{box-shadow:0 0 0 2px var(--focus)}.card.drag{cursor:grabbing;box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003}.card.ghost{opacity:0}.card .content{cursor:default;min-height:60px;padding:12px 16px 4px}.card .title{letter-spacing:.00625em;word-wrap:break-word;overflow-wrap:anywhere;margin-bottom:4px;padding-right:24px;font-size:16px;font-weight:500;line-height:1.5rem}.card .body{letter-spacing:.0142857em;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:18;-webkit-box-orient:vertical;font-size:14px;line-height:1.25rem;display:-webkit-box;overflow:hidden}.card .body.big{font-size:22px;line-height:1.75rem}.card .body:empty{display:none}.card .ph{color:var(--fg2);padding:4px 0 8px;font-size:22px;line-height:28px}.card .chk{align-items:flex-start;gap:4px;padding:1px 0;font-size:14px;line-height:1.25rem;display:flex}.card .chk.child{padding-left:24px}.card .chk .cb{color:var(--fg2);cursor:pointer;flex:none;place-items:center;width:24px;height:20px;margin:0 4px 0 -4px;display:grid}.card .chk .cb svg{width:18px;height:18px}.card .chk .tx{overflow-wrap:anywhere;white-space:pre-wrap;flex:1;min-width:0}.card .chk.done .tx{color:var(--fg2);text-decoration:line-through}.card .more-done{color:var(--fg2);padding:4px 0 2px 24px;font-size:14px;line-height:1.25rem}.card .chips{flex-wrap:wrap;gap:6px;padding:6px 0 4px;display:flex}.chip{background:var(--chip);letter-spacing:.02em;max-width:100%;height:24px;color:var(--fg);border-radius:12px;align-items:center;padding:0 10px;font-size:11px;font-weight:500;display:inline-flex;position:relative}.chip .x{background:inherit;border-radius:50%;place-items:center;width:20px;height:20px;display:none;position:absolute;right:2px}.chip:hover .x{display:grid}.chip .x:hover{background:var(--hover)}.chip .n{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card .pinbtn{opacity:0;transition:opacity .2s;position:absolute;top:4px;right:4px}.card .selbtn{opacity:0;color:var(--fg);z-index:2;background:radial-gradient(circle, var(--bg) 52%, transparent 54%);border-radius:50%;place-items:center;width:24px;height:24px;transition:opacity .2s;display:grid;position:absolute;top:-11px;left:-11px}.card .selbtn svg{width:24px;height:24px}.card .bar{opacity:0;justify-content:space-between;align-items:center;min-height:38px;padding:0 8px 4px;transition:opacity .2s;display:flex}.card:hover .pinbtn,.card:hover .bar,.card:hover .selbtn,.card:focus-within .bar,.card .bar.keep,.card.sel .selbtn,.selecting .card .selbtn{opacity:1}.card.sel .selbtn{color:var(--fg)}@media (hover:none){.card .bar{opacity:1;display:none}.card .pinbtn{display:none}}.card .edited{color:var(--fg2);text-align:right;padding:0 16px 8px;font-size:12px}.grid.list .card .body{-webkit-line-clamp:12}.modal-scrim{background:var(--scrim);z-index:50;animation:.15s fade;position:fixed;inset:0}.editor{z-index:51;background:var(--card);border-radius:8px;flex-direction:column;width:600px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 128px);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 5px #00000024,0 1px 10px #0000001f,0 2px 4px -1px #0003}html[data-theme=dark] .editor{border:1px solid var(--line)}.editor.anim-in{animation:.18s cubic-bezier(.2,0,0,1) pop}@keyframes pop{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}}.editor .scroll{flex:1;min-height:0;padding-top:4px;overflow:auto}.editor .ttl{align-items:flex-start;padding:12px 8px 0 16px;display:flex}.editor .ttl textarea{resize:none;flex:1;min-height:38px;padding:4px 0 6px;font-size:22px;font-weight:400;line-height:28px}.editor .ttl textarea::placeholder,.editor .body textarea::placeholder{color:var(--fg2);opacity:1}.editor .body{padding:4px 16px 12px}.editor .body textarea{resize:none;letter-spacing:.00625em;width:100%;min-height:46px;font-size:16px;line-height:1.5rem;display:block}.editor .chips{flex-wrap:wrap;gap:6px;padding:0 16px 8px;display:flex}.editor .edited{color:var(--fg2);text-align:right;padding:4px 16px 8px;font-size:12px}.editor .tools{flex-wrap:wrap;align-items:center;gap:2px;padding:4px 8px 8px;display:flex}.editor .tools .sp{flex:1}.editor .ro{color:var(--fg2);padding:8px 16px 12px;font-style:italic}.composer .ttl{align-items:flex-start;padding:8px 8px 0 16px;display:flex}.composer .ttl textarea{resize:none;flex:1;padding:4px 0;font-size:16px;font-weight:500;line-height:24px}.composer .body textarea{resize:none;width:100%;min-height:46px;padding:4px 16px 12px;font-size:14px;font-weight:500;line-height:1.25rem;display:block}.composer .body textarea::placeholder,.composer .ttl textarea::placeholder{color:var(--fg2);opacity:1}.composer .tools{align-items:center;gap:2px;padding:4px 8px 6px;display:flex}.composer .tools .sp{flex:1}.composer .chips{flex-wrap:wrap;gap:6px;padding:0 16px 8px;display:flex}.items{padding:0 0 4px}.it{border-top:1px solid #0000;border-bottom:1px solid #0000;align-items:flex-start;min-height:34px;padding-right:8px;display:flex;position:relative}.it:focus-within{border-color:var(--line)}.it.child{padding-left:24px}.it .h{width:24px;height:34px;color:var(--fg2);opacity:0;cursor:grab;touch-action:none;flex:none;place-items:center;display:grid}.it:hover .h{opacity:1}.it .cb{width:34px;height:34px;color:var(--fg2);flex:none;place-items:center;display:grid}.it .cb svg{width:20px;height:20px}.it textarea{resize:none;flex:1;min-height:34px;padding:6px 0;font-size:16px;line-height:22px;overflow:hidden}.it.done textarea{color:var(--fg2);text-decoration:line-through}.it .del{opacity:0}.it:hover .del,.it:focus-within .del{opacity:1}.it.add{color:var(--fg2);cursor:text}.it.add .plus{flex:none;place-items:center;width:34px;height:34px;margin-left:24px;display:grid}.it.add textarea::placeholder{color:var(--fg2);opacity:1}.it.dragging{background:var(--card);box-shadow:var(--shadow2);z-index:3}.done-h{color:var(--fg2);border-top:1px solid var(--line);text-align:left;align-items:center;gap:4px;width:100%;margin-top:4px;padding:4px 16px 4px 22px;font-size:14px;display:flex}.done-h svg{transition:transform .15s}.done-h.closed svg{transform:rotate(-90deg)}.pop{z-index:70;background:var(--pop);border-radius:4px;min-width:160px;max-height:calc(100dvh - 24px);padding:6px 0;animation:.1s fade;position:fixed;overflow:auto;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0000001f,0 1px 5px #0003}html[data-theme=dark] .pop{box-shadow:0 2px 6px 2px #00000080}.mi{text-align:left;width:100%;min-height:32px;color:var(--fg);align-items:center;gap:12px;padding:6px 16px;font-size:14px;line-height:20px;display:flex}.mi:hover,.mi.kb{background:var(--hover)}.mi[disabled]{opacity:.4;pointer-events:none}.palette{grid-template-columns:repeat(6,32px);gap:4px;padding:8px 9px;display:grid}.palette .sw{border:2px solid #0000;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:relative}.palette .sw.default{border-color:var(--line)}.palette .sw:hover{border-color:var(--fg)}.palette .sw.on{border-color:#a142f4}.palette .sw.on:after{content:"";background:#a142f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath fill='%23fff' d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E") 50%/12px no-repeat;border-radius:50%;width:14px;height:14px;position:absolute;top:-6px;right:-6px}.lp{width:225px;padding:8px 0 4px}.lp .h{padding:0 12px;font-size:14px}.lp .q{align-items:center;margin:4px 0;padding:0 12px;display:flex}.lp .q input{flex:1;padding:6px 0;font-size:13px}.lp .row{text-align:left;align-items:center;gap:8px;width:100%;padding:4px 12px;font-size:13px;display:flex}.lp .row:hover{background:var(--hover)}.lp .row svg{width:18px;height:18px;color:var(--fg2)}.lp .row .n{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lp .create{border-top:1px solid var(--line);margin-top:4px;padding-top:8px}.tip{z-index:90;background:var(--tip);color:var(--tipfg);pointer-events:none;white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:12px;line-height:16px;animation:.12s fade;position:fixed}.dialog{z-index:61;background:var(--card);border-radius:8px;width:400px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);animation:.16s pop;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f,0 11px 15px -7px #0003}html[data-theme=dark] .dialog{background:#2d2e30}.dialog.wide{width:600px}.dialog h2{margin:0;padding:16px 20px 8px;font-size:16px;font-weight:500}.dialog .dbody{padding:8px 20px 16px}.dialog .dfoot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:8px 12px 12px;display:flex}.dialog .row{align-items:center;gap:12px;min-height:44px;display:flex}.dialog .row .lbl{flex:1}.dialog .row input[type=text]{border-bottom:1px solid #0000;flex:1;padding:6px 0;font-size:14px}.dialog .row input[type=text]:focus{border-color:var(--fg2)}.dialog .sub{color:var(--fg2);font-size:12px}.dialog .grp{color:var(--fg2);letter-spacing:.02em;padding:8px 0 4px;font-size:13px;font-weight:500}.dialog .err{color:var(--danger);padding:0 0 4px 36px;font-size:12px;font-style:italic}.seg{border:1px solid var(--line);border-radius:18px;display:inline-flex;overflow:hidden}.seg button{align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.seg button.on{background:var(--active);font-weight:600}.check{cursor:pointer;align-items:center;gap:12px;min-height:40px;display:flex}.check input{accent-color:#5f6368;width:18px;height:18px}.kbd{grid-template-columns:1fr auto;gap:6px 16px;font-size:13px;display:grid}.kbd kbd{background:var(--chip);border-radius:4px;padding:1px 6px;font:12px ui-monospace,Menlo,monospace}.sess{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 0;display:flex}.sess .m{flex:1;min-width:0}.sess .m b{font-weight:500}.toast{z-index:80;color:#fff;background:#323232;border-radius:4px;align-items:center;gap:8px;min-width:288px;max-width:min(568px,100vw - 48px);min-height:48px;padding:6px 8px 6px 24px;font-size:14px;animation:.2s cubic-bezier(0,0,.2,1) toastIn;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}html[data-theme=dark] .toast{color:#202124;background:#e8eaed}.toast .m{flex:1}.toast .a{color:#fbbc04;text-transform:none;border-radius:4px;padding:8px 12px;font-weight:500}html[data-theme=dark] .toast .a{color:#a142f4}.toast .a:hover{background:#ffffff14}.toast .x{color:inherit;opacity:.7}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}}.strip{background:var(--active);color:var(--fg);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex}.strip.warn{color:#a50e0e;background:#fce8e6}html[data-theme=dark] .strip.warn{color:#f6aea9;background:#5c2b29}.selbar{z-index:35;background:var(--bg);align-items:center;gap:4px;height:64px;padding:8px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.selbar .n{flex:1;padding-left:8px;font-size:22px}.filters{max-width:720px;margin:0 auto}.filters .box{background:var(--card);box-shadow:var(--shadow1);border-radius:8px;margin-bottom:16px;padding:8px 16px 16px}html[data-theme=dark] .filters .box{border:1px solid var(--line)}.filters h3{margin:8px 0 12px;font-size:14px;font-weight:500}.tiles{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.tile{color:#fff;background:#4285f4;border-radius:4px;align-content:center;place-items:center;gap:8px;height:120px;font-size:14px;display:grid}.tile svg{width:40px;height:40px}.tile.lb{background:var(--chip);color:var(--fg);height:88px}.dots{flex-wrap:wrap;gap:12px;display:flex}.dots button{border:1px solid var(--line);border-radius:50%;width:40px;height:40px}.fchip{background:var(--chip);border-radius:16px;align-items:center;gap:4px;margin:0 6px 16px 0;padding:4px 4px 4px 12px;font-size:13px;display:inline-flex}.signin{grid-template-columns:1.1fr 1fr;min-height:100dvh;display:grid}.signin .art{background:#fff7d6 50%/cover no-repeat;position:relative;overflow:hidden}html[data-theme=dark] .signin .art{background-color:#2a2412}.signin .art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.signin .pane{flex-direction:column;justify-content:center;gap:18px;padding:48px clamp(24px,6vw,88px);display:flex}.signin .logo{letter-spacing:.01em;align-items:center;gap:10px;font-size:26px;font-weight:600;display:flex}.signin .logo img{width:48px;height:48px}.signin h1{letter-spacing:.01em;text-wrap:balance;margin:6px 0 0;font-size:clamp(28px,3.2vw,40px);font-weight:700;line-height:1.25}.signin p{color:var(--fg2);max-width:30em;margin:0;font-size:15px;line-height:1.8}.signin .go{background:var(--fg);color:var(--bg);border-radius:10px;align-self:flex-start;align-items:center;gap:10px;margin-top:8px;padding:13px 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.signin .go:hover{opacity:.9}.signin .small{color:var(--fg3);font-size:12px}.signin ul{color:var(--fg2);gap:8px;margin:4px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.signin li{align-items:center;gap:10px;display:flex}.signin li svg{color:var(--brand);width:20px;height:20px}.splash{place-items:center;min-height:100dvh;display:grid}.splash img{opacity:.9;width:72px;height:72px;animation:1.4s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.6;transform:scale(.94)}}.fab,.mbar{display:none}@media (max-width:720px){.top{gap:2px;height:56px;padding:4px 8px}.brand{padding-right:4px}.brand .t,.brand img{display:none}.search{border-radius:22px;height:44px}.search input{height:44px}.hide-sm,.top .right .hide-sm,.brand .chip{display:none!important}.layout{min-height:calc(100dvh - 56px)}.side,.side-ph{display:none}.side.drawer{z-index:45;width:min(300px,85vw);height:100dvh;box-shadow:var(--shadow2);padding-top:12px;animation:.2s cubic-bezier(.2,0,0,1) slideIn;display:block;position:fixed;top:0;bottom:0;left:0}.side.drawer .nav{border-radius:0 25px 25px 0!important;width:calc(100% - 12px)!important;margin-left:0!important;padding-left:24px!important}.side.drawer .nav .l,.side.drawer .foot{display:block!important}@keyframes slideIn{0%{transform:translate(-100%)}}.main{padding:12px 8px 140px}.composer{display:none}.cardw{padding:4px}.card .content{padding:12px 12px 4px}.editor{border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;inset:0;transform:none;border:0!important}.editor.anim-in{animation:.2s cubic-bezier(.2,0,0,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}}.editor .mhead{display:flex!important}.editor .ttl{padding-top:4px}.fab{right:16px;bottom:calc(68px + env(safe-area-inset-bottom));background:var(--card);width:56px;height:56px;box-shadow:var(--shadow2);z-index:32;color:var(--fg);border-radius:16px;place-items:center;display:grid;position:fixed}html[data-theme=dark] .fab{background:#3c4043}.fab svg{width:36px;height:36px}.mbar{height:calc(56px + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid var(--line);z-index:31;align-items:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.toast{left:8px;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));min-width:0;max-width:none}.selbar .n{font-size:18px}.signin{grid-template-columns:1fr}.signin .art{min-height:34dvh}.signin .pane{justify-content:flex-start;padding:28px 22px 40px}.dialog{width:calc(100vw - 24px)}}.editor .mhead{align-items:center;gap:2px;padding:4px;display:none}.editor .mhead .sp{flex:1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.imgs{border-radius:7px 7px 0 0;gap:2px;display:grid;overflow:hidden}.img-row{gap:2px;display:flex}.img{background:var(--chip);cursor:pointer;min-width:0;position:relative;overflow:hidden}.img img{object-fit:cover;width:100%;height:100%;display:block}.img-ph{width:100%;height:100%;color:var(--fg3);place-items:center;display:grid}.img-del{opacity:0;transition:opacity .15s;position:absolute;bottom:6px;right:6px;color:#fff!important;background:#0000008c!important}.img:hover .img-del{opacity:1}.editor .imgs{border-radius:7px 7px 0 0}.card .imgs{max-height:360px}.audios{gap:6px;padding:4px 16px 8px;display:grid}.audio{color:var(--fg2);align-items:center;gap:8px;display:flex}.audio audio{flex:1;min-width:0;height:32px}.audio .dur{font-size:12px}.card .audios{padding:4px 12px 6px}.card .audio audio{display:none}.card .audio:after{content:"音声の録音";font-size:13px}.lightbox{z-index:95;background:#000000eb;flex-direction:column;animation:.15s fade;display:flex;position:fixed;inset:0}.lb-bar{color:#fff;align-items:center;gap:4px;padding:8px;display:flex}.lb-bar .ib{color:#e8eaed}.lb-bar .ib:hover{color:#fff;background:#ffffff1f}.lb-bar .sp{flex:1}.lb-t{color:#8ab4f8!important}.lb-main{flex:1;place-items:center;min-height:0;padding:0 56px 24px;display:grid;position:relative}.lb-main img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%}.lb-prev,.lb-next{top:50%;transform:translateY(-50%);color:#fff!important;position:absolute!important}.lb-prev{left:4px}.lb-next{right:4px}.lb-count{text-align:center;color:#bdc1c6;padding-bottom:12px;font-size:13px}.dropzone{outline:2px dashed var(--focus);outline-offset:-6px}@media (max-width:720px){.lb-main{padding:0 8px 16px}}.drawing{z-index:94;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.dr-bar{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:8px;display:flex}.dr-bar .sp{flex:1}.dr-t{padding-left:4px;font-size:18px}.dr-canvas{background:#fff;flex:1;min-height:0;position:relative}.dr-canvas canvas{cursor:crosshair;position:absolute;inset:0}.dr-tools{padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dr-tool{color:var(--fg2);border-radius:18px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.dr-tool.on{background:var(--active);color:var(--fg);font-weight:600}.dr-tool svg{width:20px;height:20px}.dr-color{border:2px solid var(--line);border-radius:50%;width:26px;height:26px}.dr-color.on{outline:2px solid var(--focus);outline-offset:2px}.dr-sep{background:var(--line);width:1px;height:24px;margin:0 4px}.dr-tools input[type=range]{accent-color:#5f6368;width:120px}.recorder{width:360px}.rec-dot{background:var(--chip);width:72px;height:72px;color:var(--fg2);border-radius:50%;place-items:center;display:grid}.rec-dot svg{width:36px;height:36px}.rec-dot.on{color:#fff;background:#d93025;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 12px #d9302526}}.chip.rem{gap:4px;padding-left:6px}.chip.rem svg{width:16px;height:16px}.links{border-top:1px solid var(--line)}.lnk{color:var(--fg);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 12px 8px 0;text-decoration:none;display:flex}.lnk:last-child{border-bottom:0}.lnk img,.lnk-ph{object-fit:cover;background:var(--chip);flex:none;width:64px;height:64px}.lnk-t{flex:1;gap:2px;min-width:0;display:grid}.lnk-t b{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:500;display:-webkit-box;overflow:hidden}.lnk-t span{color:var(--fg2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.card .lnk img,.card .lnk-ph{width:56px;height:56px}.editor .links{margin:0 0 4px}[data-bg]:not([data-bg=""]){background-position:100% 100%!important;background-repeat:no-repeat!important;background-size:cover!important;border-color:#0000!important}[data-bg=groceries]{background-color:#fbf8f1!important;background-image:url(/bg/groceries-light.webp)!important}html[data-theme=dark] [data-bg=groceries]{background-color:#2b2c2f!important;background-image:url(/bg/groceries-dark.webp)!important}[data-bg=food]{background-color:#fbf8f1!important;background-image:url(/bg/food-light.webp)!important}html[data-theme=dark] [data-bg=food]{background-color:#2b2c2f!important;background-image:url(/bg/food-dark.webp)!important}[data-bg=music]{background-color:#fbf8f1!important;background-image:url(/bg/music-light.webp)!important}html[data-theme=dark] [data-bg=music]{background-color:#2b2c2f!important;background-image:url(/bg/music-dark.webp)!important}[data-bg=recipes]{background-color:#fbf8f1!important;background-image:url(/bg/recipes-light.webp)!important}html[data-theme=dark] [data-bg=recipes]{background-color:#2b2c2f!important;background-image:url(/bg/recipes-dark.webp)!important}[data-bg=notes]{background-color:#fbf8f1!important;background-image:url(/bg/notes-light.webp)!important}html[data-theme=dark] [data-bg=notes]{background-color:#2b2c2f!important;background-image:url(/bg/notes-dark.webp)!important}[data-bg=places]{background-color:#fbf8f1!important;background-image:url(/bg/places-light.webp)!important}html[data-theme=dark] [data-bg=places]{background-color:#2b2c2f!important;background-image:url(/bg/places-dark.webp)!important}[data-bg=travel]{background-color:#fbf8f1!important;background-image:url(/bg/travel-light.webp)!important}html[data-theme=dark] [data-bg=travel]{background-color:#2b2c2f!important;background-image:url(/bg/travel-dark.webp)!important}[data-bg=video]{background-color:#fbf8f1!important;background-image:url(/bg/video-light.webp)!important}html[data-theme=dark] [data-bg=video]{background-color:#2b2c2f!important;background-image:url(/bg/video-dark.webp)!important}[data-bg=celebration]{background-color:#fbf8f1!important;background-image:url(/bg/celebration-light.webp)!important}html[data-theme=dark] [data-bg=celebration]{background-color:#2b2c2f!important;background-image:url(/bg/celebration-dark.webp)!important}.palette .sw.bg{background-position:100% 100%!important;background-size:cover!important}.pal-h{color:var(--fg2);padding:6px 12px 0;font-size:12px}.card[data-bg]:not([data-bg=""]){flex-direction:column;min-height:168px;display:flex}.card[data-bg]:not([data-bg=""]) .content{flex:1}.editor[data-bg]:not([data-bg=""]) .scroll{min-height:300px}.composer[data-bg]:not([data-bg=""]){min-height:200px}.card[data-bg]:not([data-bg=""]) .lnk{background:color-mix(in srgb, var(--card) 82%, transparent)}.mem{gap:4px;padding:6px 0 2px;display:flex}.mem .avatar{border:1px solid var(--line)}.rich{letter-spacing:.00625em;white-space:pre-wrap;overflow-wrap:anywhere;outline:none;min-height:46px;font-size:16px;line-height:1.5rem}.rich.empty:before{content:attr(data-placeholder);color:var(--fg2);pointer-events:none;position:absolute}.rich .h1{margin:.2em 0;font-size:1.5em;font-weight:600;line-height:1.35}.rich .h2{margin:.15em 0;font-size:1.2em;font-weight:600;line-height:1.4}.rich [data-m*=b],.rich b,.rich strong{font-weight:700}.rich [data-m*=i],.rich i,.rich em{font-style:italic}.rich [data-m*=u],.rich u{text-decoration:underline}.rich.view{min-height:0;font-size:14px;line-height:1.25rem}.rich.view.clamp{max-height:22.5rem;overflow:hidden}.editor .body .rich{position:relative}.fmtbar{background:var(--chip);border-radius:8px;flex-wrap:wrap;align-items:center;gap:2px;margin:0 8px;padding:4px 8px;display:flex}.fmtbar .sep{background:var(--line);width:1px;height:22px;margin:0 4px}