:root{--background:#17181a;--surface:#232427;--text:#e8eaed;--secondary:#bdc1c6;--muted:#9aa0a6;--border:#3c4043;--border-hover:#62666c;--hover:#303236;--accent-soft:#41371f;--accent-border:#695528;--danger:#f28b82;--toast-bg:#e8eaed;--toast-text:#202124}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f8f9fa;--surface:#fff;--text:#303134;--secondary:#5f6368;--muted:#80868b;--border:#e1e3e6;--border-hover:#c5c8cc;--hover:#f1f3f4;--accent-soft:#fef1c3;--accent-border:#ecdca9;--danger:#b3261e;--toast-bg:#303134;--toast-text:#fff}:root{color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}button:focus-visible{outline-offset:4px;outline:3px solid #4285f4}main{padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom));min-height:100dvh}.toolbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.add-button{border:1px solid var(--border);background:var(--surface);border-radius:17px;place-items:center;width:58px;height:58px;transition:box-shadow .15s,transform .15s;display:grid;box-shadow:0 2px 5px #3c404326}.add-button:hover{box-shadow:0 3px 9px #3c404333}.add-button:active{transform:scale(.96)}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:stretch;gap:12px;display:grid}.tile{border:1px solid var(--border);background:var(--surface);text-align:left;min-width:0;height:152px;color:inherit;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;border-radius:14px;padding:18px 18px 36px;transition:background .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.tile:hover{border-color:var(--border-hover);box-shadow:0 2px 5px #3c404312}.tile:active{background:var(--hover)}.tile-text{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.copy-icon{color:var(--muted);position:absolute;bottom:13px;right:15px}.empty-state{text-align:center;color:var(--muted);font-size:14px;line-height:1.8;position:absolute;top:40%;left:24px;right:24px}.empty-state p{color:var(--secondary);margin:20px 0 8px;font-size:18px}.empty-state>span{font-size:13px}.empty-tiles{grid-template-columns:repeat(2,23px);justify-content:center;gap:5px;display:grid;transform:rotate(-8deg)}.empty-tiles span{border:1.5px solid var(--border-hover);border-radius:5px;width:23px;height:23px}.empty-tiles span:nth-child(2){background:var(--accent-soft);border-color:var(--accent-border)}dialog{color:inherit;border:0}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#20212455}.editor{background:var(--surface);border-radius:20px;width:min(540px,100% - 32px);max-height:calc(100dvh - 32px);padding:0;box-shadow:0 14px 60px #20212433}.editor form{padding:24px}.editor h1{margin:0 0 22px;font-size:19px;font-weight:500}.editor textarea{resize:vertical;width:100%;min-height:min(260px,40dvh);max-height:55dvh;color:inherit;background:0 0;border:0;outline:none;padding:0;font:15px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.editor textarea::placeholder{color:var(--muted)}.editor-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.text-button,.save-button{border:0;border-radius:9px;min-height:42px;padding:10px 20px;font-size:14px;font-weight:500}.text-button{color:var(--secondary);background:0 0}.text-button:hover{background:var(--hover)}.save-button{color:#3c3420;background:#fbbc04;min-width:72px}.save-button:hover{background:#efb400}.editor-error{color:var(--danger);font-size:13px;line-height:1.5}.context-menu{background:var(--surface);border-radius:12px;width:176px;margin:0;padding:6px;position:fixed;overflow:visible;box-shadow:0 4px 22px #20212433}.context-menu::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.context-menu button{text-align:left;width:100%;min-height:46px;color:inherit;background:0 0;border:0;border-radius:7px;align-items:center;gap:14px;padding:12px;font-size:14px;display:flex}.context-menu button:hover,.context-menu button:focus-visible{background:var(--hover);outline:none}.context-menu svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.context-menu .delete-action{color:var(--danger)}.toast{bottom:max(28px,env(safe-area-inset-bottom));opacity:0;pointer-events:none;background:var(--toast-bg);color:var(--toast-text);z-index:10;border-radius:10px;width:max-content;max-width:calc(100vw - 32px);padding:12px 20px;font-size:14px;transition:opacity .15s,transform .15s;position:fixed;left:50%;transform:translate(-50%,8px);box-shadow:0 3px 10px #0002}.toast.visible{opacity:1;transform:translate(-50%)}@media (width<=520px){main{padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.toolbar{margin-bottom:20px}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{height:146px;padding:15px 14px 34px}.tile-text{font-size:13px}.editor form{padding:22px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.theme-button{width:40px;height:40px;color:var(--secondary);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background .15s,color .15s;display:grid}.theme-button:hover{background:var(--hover);color:var(--text)}