:root{color:#303134;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f8f9fa;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{margin-bottom:24px}.add-button{background:#fff;border:1px solid #e9eaed;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{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;background:#fff;border:1px solid #e1e3e6;border-radius:14px;padding:18px 18px 36px;transition:background .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.tile:hover{border-color:#c5c8cc;box-shadow:0 2px 5px #3c404312}.tile:active{background:#f1f3f4}.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:#9aa0a6;position:absolute;bottom:13px;right:15px}.empty-state{text-align:center;color:#80868b;font-size:14px;line-height:1.8;position:absolute;top:40%;left:24px;right:24px}.empty-state p{color:#5f6368;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 #c5c9ce;border-radius:5px;width:23px;height:23px}.empty-tiles span:nth-child(2){background:#fef1c3;border-color:#ecdca9}dialog{color:inherit;border:0}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#20212455}.editor{background:#fff;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:#9aa0a6}.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:#5f6368;background:0 0}.text-button:hover{background:#f1f3f4}.save-button{color:#3c3420;background:#fbbc04;min-width:72px}.save-button:hover{background:#efb400}.editor-error{color:#b3261e;font-size:13px;line-height:1.5}.context-menu{background:#fff;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:#f1f3f4;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:#b3261e}.toast{bottom:max(28px,env(safe-area-inset-bottom));opacity:0;pointer-events:none;color:#fff;z-index:10;background:#303134;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}}