*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column}html:has(.seo-content),html:has(.seo-content) body{height:auto;overflow:auto}.wall{position:relative;width:100%;flex:1;min-height:0;overflow:hidden;background-color:#f0f0f0;background-image:radial-gradient(circle,#d0d0d0 1px,transparent 1px);background-size:24px 24px}.toolbar{position:fixed;top:0;left:0;right:0;height:52px;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100000}.app-title{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:18px;font-weight:700;color:#333;letter-spacing:-.3px}.toolbar-right{display:flex;align-items:center;gap:16px}.about-link{font-size:14px;font-weight:500;color:#666;text-decoration:none;transition:color .15s ease}.about-link:hover{color:#333}.toolbar-btn{padding:7px 14px;border:1px solid rgba(0,0,0,.18);border-radius:8px;background:transparent;color:#555;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,transform .1s ease}.toolbar-btn:hover{background:#0000000d;color:#333}.toolbar-btn:active{transform:scale(.97)}.add-btn{padding:8px 18px;border:none;border-radius:8px;background:#333;color:#fff;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease}.add-btn:hover{background:#555}.add-btn:active{transform:scale(.97)}.empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#999;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;-webkit-user-select:none;user-select:none}.sticky-note{position:absolute;width:220px;min-height:200px;padding:0;border-radius:4px;box-shadow:2px 4px 12px #00000026,0 1px 3px #0000001a;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;touch-action:none;transition:box-shadow .15s ease}.sticky-note:hover{box-shadow:3px 6px 18px #0003,0 2px 5px #0000001f}.sticky-note.dragging{cursor:grabbing;box-shadow:6px 10px 24px #00000040,0 3px 8px #00000026;opacity:.92}.sticky-note:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 28px 28px 0;border-color:transparent rgba(0,0,0,.06) transparent transparent;border-radius:0 4px 0 0;pointer-events:none}.note-header{display:flex;justify-content:flex-end;padding:4px 6px 0;min-height:24px}.delete-btn{width:22px;height:22px;border:none;background:transparent;color:#0000004d;font-size:18px;line-height:20px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s ease}.delete-btn:hover{background:#00000014;color:#0009}.note-body{flex:1;padding:4px 12px 12px;min-height:140px}.note-text{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;color:#333;white-space:pre-wrap;word-break:break-word}.note-text.placeholder{color:#00000059;font-style:italic}.note-textarea{width:100%;height:140px;border:none;outline:none;background:transparent;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;color:#333;resize:none;padding:0;cursor:text}.note-textarea::placeholder{color:#00000059;font-style:italic}.about-nav{max-width:720px;margin:0 auto;padding:20px 24px 0}.about-nav-back{font-size:14px;font-weight:500;color:#666;text-decoration:none;transition:color .15s ease}.about-nav-back:hover{color:#333}.seo-content{max-width:720px;margin:0 auto;padding:64px 24px 80px;color:#444;line-height:1.7}.seo-content h1{font-size:28px;font-weight:700;color:#222;margin-bottom:16px}.seo-content h2{font-size:20px;font-weight:600;color:#333;margin-top:40px;margin-bottom:12px}.seo-content p{font-size:16px;margin-bottom:16px}.seo-content ul{margin:0 0 16px 20px;font-size:16px}.seo-content li{margin-bottom:6px}.seo-content footer{margin-top:48px;padding-top:24px;border-top:1px solid #e0e0e0;font-size:14px;color:#999}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;border:none;background:transparent;cursor:pointer;padding:4px;border-radius:6px;flex-shrink:0;transition:background .15s ease}.hamburger-btn:hover{background:#0000000d}.hamburger-btn span{display:block;width:20px;height:2px;background:#333;border-radius:2px;transition:transform .22s ease,opacity .22s ease}.hamburger-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu,.hint-mobile{display:none}@media(max-width:767px){.about-link,#export-btn,#import-btn{display:none!important}.hamburger-btn{display:flex}.mobile-menu{display:block;position:fixed;top:52px;left:0;right:0;background:#fffffff7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.08);z-index:99999;transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease}.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-menu-item{display:block;width:100%;padding:15px 24px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:500;color:#444;text-decoration:none;background:transparent;border:none;text-align:left;cursor:pointer;transition:background .15s ease}.mobile-menu-item:active{background:#0000000f;color:#222}.mobile-menu-divider{height:1px;background:#00000012;margin:4px 0}.hint-desktop{display:none}.hint-mobile{display:inline}.note-header{min-height:36px;padding:6px 6px 0}.delete-btn{width:36px;height:36px;font-size:22px}}.ad-bar{flex-shrink:0;text-align:center;background:#f8f8f8f2;border-top:1px solid rgba(0,0,0,.08);max-width:880px;width:100%;margin:0 auto}