/* Personal workspace, distinct from the game collection. */
#appsBody #appsResults,#appsBody .stgrid{width:100%;min-width:0;align-self:stretch;box-sizing:border-box}
#appsBody .stgrid{display:flex;flex-direction:column;gap:10px}
#appsBody .stcard,#appsBody .stcard.sthero{display:flex;flex-direction:row;align-items:center;gap:15px;width:100%;height:94px;min-height:94px;max-height:94px;flex-shrink:0;align-self:stretch;box-sizing:border-box;margin:0;padding:14px;border-radius:22px;background:linear-gradient(115deg,#222c43,#192234);border:1px solid #90abc51a;box-shadow:none}
#appsBody .stcard .start,#appsBody .stcard.sthero .start{width:64px;height:64px;min-width:64px;max-width:64px;aspect-ratio:1;flex:none;transform:none;border-radius:18px;box-shadow:none;overflow:hidden}
#appsBody .stcard .start img{width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:none}
#appsBody .stcard .stemoji svg{width:33px;height:33px}
#appsBody .stcard .stmeta,#appsBody .stcard.sthero .stmeta{padding:0;min-width:0;flex:1}
#appsBody .stcard .stmeta h4,#appsBody .stcard.sthero .stmeta h4{font-size:16px;letter-spacing:-.3px}
#appsBody .stcard .stmeta p,#appsBody .stcard.sthero .stmeta p{font-size:12px;line-height:1.5;min-height:0;margin:4px 0 0;color:#a7b7d1}
#appsBody .stcard .stmeta:after{display:none}#appsBody .sttag,#appsBody .stbadge{display:none}
#appsBody .stcard:after{content:'↗';color:#97aecb;font-size:19px}
#appBody:has(.np-root){padding:18px!important;background:radial-gradient(at 100% 0,#35445344,transparent 65%),#101b29;align-items:stretch!important;justify-content:flex-start;min-height:0;overflow:auto}
.np-root{width:100%;max-width:600px;margin:auto;color:#edf3fb;padding-bottom:30px}
.np-root button,.np-root input,.np-root textarea{font:inherit}.np-root button{cursor:pointer}.np-root button:disabled{opacity:.5}
.np-head{display:flex;gap:17px;align-items:center;padding:12px 2px 25px}.np-head small{font-size:9px;letter-spacing:2px;color:#8ddac4;font-weight:800}.np-head h1{font-size:29px;letter-spacing:-1px;margin:7px 0}.np-head p{font-size:12px;color:#9cacbf;margin:0}.np-emblem{background:linear-gradient(140deg,#dcf5d3,#86dcc4);color:#173d37;display:grid;place-items:center;border-radius:20px;width:58px;height:65px;font-size:36px;transform:rotate(-5deg)}
.np-tabs{display:flex;background:#080f1b70;border:1px solid #ffffff0b;border-radius:16px;padding:5px;margin-bottom:26px;gap:5px}.np-tabs button{flex:1;padding:12px 8px;border:0;background:transparent;color:#92a8c2;border-radius:12px;font-weight:750;font-size:13px}.np-tabs button.on{background:#d1efdf;color:#14352d}.np-tabs b{display:inline-block;margin-left:6px;font-size:10px;opacity:.7}
.np-section{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.np-section h2{font-size:18px;margin:0 0 6px;letter-spacing:-.4px}.np-section p{font-size:12px;margin:0;color:#98abc2}.np-tick{font-size:28px;color:#87dcb7}
.np-add{display:flex;gap:10px;padding:8px;background:#26374a;border:1px solid #87a5c130;border-radius:17px;margin-bottom:15px}.np-add input{min-width:0;flex:1;background:none;border:0;color:white;outline:none;padding:8px;font-size:16px}.np-add input::placeholder{color:#a5b6ca}.np-add button{width:44px;height:44px;border:0;border-radius:12px;background:#bcebd5;font-size:25px;color:#193a31}
.np-task{display:flex;gap:13px;align-items:center;padding:17px 14px;margin:8px 0;background:#203044;border:1px solid #90abc519;border-radius:15px;transition:opacity .35s,transform .35s}.np-task span{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.np-check{width:27px;height:27px;flex:none;background:transparent;border:2px solid #627d95;border-radius:9px;color:transparent;padding:0}.np-task.done span{text-decoration:line-through;color:#88a699}.np-task.done .np-check{background:#a4e8c8;border-color:#a4e8c8;color:#163c30}.np-task.done{opacity:.55;transform:translateX(6px)}
.np-empty{padding:35px 20px;border:1px dashed #819db133;border-radius:20px;text-align:center;color:#a6b8cb;font-size:13px;line-height:1.6}.np-empty b{display:block;color:#e3efe9;font-size:17px}.np-empty p{margin:8px 0}.np-private{text-align:center;color:#8095ae;font-size:10px;margin:24px 0}
.np-new{width:100%;padding:15px;background:#c8ebda;color:#153b2c;border:0;border-radius:15px;font-weight:800!important;margin-bottom:17px}.np-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.np-notes>.np-empty{grid-column:1/-1}
.np-card{background:var(--paper);border:0;border-radius:18px;text-align:left;padding:18px 15px;color:#253539;min-height:190px;display:flex;flex-direction:column;gap:11px;box-shadow:inset 0 1px #ffffff70}.np-card small{font-size:8px;letter-spacing:1px;opacity:.6}.np-card strong{font-size:17px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.np-card p{margin:0;font-size:12px;line-height:1.5;opacity:.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.np-card span{font-size:10px;margin-top:auto;opacity:.7}
.np-editorbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px}.np-editorbar button{border:0;background:none;color:#bdd5e6;font-size:12px;padding:7px 0}.np-editorbar #npDelete{color:#e7aab1}
.np-paper{background:var(--paper);border-radius:20px;padding:18px;color:#263539}.np-colors{display:flex;gap:12px;margin-bottom:20px}.np-colors button{width:26px;height:26px;border:2px solid #0002;border-radius:50%}.np-colors button[aria-pressed=true]{outline:2px solid #29483f;outline-offset:3px}
.np-paper textarea{width:100%;min-height:320px;max-height:65dvh;resize:vertical;background:none;border:0;outline:none;font-size:17px;line-height:1.7;color:#263539;user-select:text}.np-paper textarea::placeholder{color:#26353980}.np-paper>span{display:block;text-align:right;font-size:10px;opacity:.6}
.np-save{display:block;margin:13px auto;background:none;border:0;color:#9bc7b6;font-size:11px!important}.np-save.bad{color:#ffb5b5}
@media(max-width:350px){.np-notes{grid-template-columns:1fr}.np-head h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.np-task{transition:none}}

#appsBody .stcard .stmeta p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Compact mobile workspace: only the collection or note text scrolls. */
#appBody:has(.np-root){padding:12px!important;overflow:hidden!important;text-align:left!important;gap:0!important;justify-content:flex-start!important}
.np-root{display:flex;flex-direction:column;flex:1;min-height:0;max-width:680px;margin:0 auto;padding:0;width:100%;height:100%;overflow:hidden}
.np-root *{box-sizing:border-box}
.np-tabs{flex:none;margin:0 0 14px;padding:4px;border-radius:15px}
.np-tabs button{min-height:44px}
#npContent{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 2px 16px;scrollbar-width:thin}
.np-section{margin:4px 0 15px}.np-section h2{font-size:22px}.np-section p{line-height:1.5}
.np-new{padding:14px;margin:0 0 14px}
.np-notes{grid-template-columns:1fr;gap:10px}
.np-card{min-height:110px;max-height:154px;padding:17px 18px;gap:7px;border-radius:17px}
.np-card strong{font-size:18px;-webkit-line-clamp:1}.np-card p{-webkit-line-clamp:2;font-size:14px;line-height:1.4}
.np-card span{font-size:11px;margin-top:3px}
.np-private{margin:18px 0 4px}
.np-editing #npContent{display:flex;flex-direction:column;overflow:hidden;padding:0}
.np-editorbar{flex:none;align-items:center;gap:12px;margin:0 0 10px}
.np-editorbar button{min-height:44px;padding:10px 12px;border-radius:12px;background:#25364b;font-weight:750;font-size:13px}
.np-editorbar #npDelete{background:transparent}
.np-paper{display:flex;flex-direction:column;flex:1;min-height:0;padding:16px;border-radius:18px}
.np-colors{flex:none;margin-bottom:12px;gap:10px;align-items:center}
.np-colors button{width:30px;height:30px}
.np-paper textarea{display:block;flex:1;width:100%;height:0;min-height:0;max-height:none;padding:5px 0;resize:none;font-size:18px;line-height:1.65;text-align:left;overflow:auto;-webkit-overflow-scrolling:touch}
.np-paper>span{flex:none;padding-top:6px}
.np-save{flex:none;min-height:36px;margin:5px 0 0;padding:7px;border-radius:10px}
.np-save.bad{background:#522b35;color:#ffd1d1}
@media(min-width:600px){.np-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:500px){.np-colors{margin-bottom:6px}.np-paper{padding:10px}.np-editorbar{margin-bottom:5px}}