*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0}img{max-width:100%;height:auto;vertical-align:bottom}a{text-decoration:none}a,button{color:inherit}button{font-size:inherit;cursor:pointer;border:0 solid transparent;background:transparent;padding:0;margin:0}button,input,select,textarea{font-family:inherit}li,ol,ul{list-style:none;margin:0;padding:0}p{margin:0}body{background:#2d2d2d;color:#ededed;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#555555;border-radius:8px}.section-header{grid-area:header;justify-content:space-between;height:64px;padding:0 24px;border-bottom:1px solid #3a3a3a;background:#1b1b1b}.app-title,.section-header{display:flex;align-items:center;margin:0}.app-title{gap:8px;font-size:20px;font-weight:700;letter-spacing:1px;color:#f5f5f5}.app-title-icon{width:22px;height:22px;display:block;color:#cfcfcf}.header-actions{display:flex;align-items:center;gap:16px}.save-toggle{position:relative;height:40px;display:inline-flex;align-items:center;padding:0 4px;font-size:14px;font-weight:600;color:#999999;background:transparent;transition:color .2s ease}.save-toggle:after{content:"";position:absolute;bottom:6px;left:0;width:0;height:1px;background:#e25555;transition:width .4s ease}.save-toggle[aria-checked=true]{color:#e25555}.save-toggle[aria-checked=true]:after{width:100%}.section-sidebar{grid-area:sidebar;margin:0;background:#1b1b1b;overflow-y:auto;scrollbar-width:none}.section-sidebar::-webkit-scrollbar{display:none}.sidebar-spacer-top{margin:0;padding:0 0 16px}.sidebar-label{display:flex;align-items:center;height:40px;margin:0;padding:0 24px;font-size:12px;font-weight:700;letter-spacing:1px;color:#9a9a9a}.sidebar-list{margin:0;padding:0}.folder-row{position:relative}.folder-delete{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:#9a9a9a;background:transparent;opacity:0;z-index:2;transition:opacity .2s ease,color .2s ease}.folder-row:hover .folder-delete{opacity:1}.folder-delete:hover{color:#e25555}.folder-drag{position:absolute;top:50%;right:44px;transform:translateY(-50%);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:#777777;background:transparent;opacity:0;z-index:2;cursor:grab;transition:opacity .2s ease,color .2s ease}.folder-row:hover .folder-drag{opacity:1}.folder-drag:hover{color:#e5e5e5}.folder-drag:active{cursor:grabbing}.folder-count{flex:0 0 auto;margin:0 0 0 8px;font-size:12px;color:#8a8a8a;font-variant-numeric:tabular-nums;transition:opacity .2s ease,color .2s ease}.folder-item-active .folder-count{color:#e25555}.folder-row:hover .folder-count{opacity:0}.folder-droptarget{position:relative;width:100%}.folder-droptarget-over{background:rgba(226,85,85,.14)}.folder-droptarget-over .folder-item{color:#ffffff}.folder-droptarget-over .folder-item:after{width:100%}.folder-item{position:relative;display:flex;align-items:center;gap:8px;width:100%;height:48px;margin:0;padding:0 24px;text-align:left;color:#e5e5e5;background:transparent;border-bottom:1px solid #2e2e2e;transition:color .2s ease;white-space:nowrap}.folder-item-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-item:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:#e25555;transition:width .5s ease}.folder-item:hover{color:#ffffff}.folder-item:hover:after{width:100%}.folder-item-active{color:#e25555;font-weight:600}.folder-item-active:after{width:100%}.folder-add{color:#9a9a9a}.folder-add-input,.folder-edit-input{width:100%;height:48px;margin:0;padding:0 24px;font-size:15px;color:#ededed;background:#1b1b1b;border:0 solid transparent;border-bottom:1px solid #e25555}.folder-add-input:focus,.folder-edit-input:focus{outline:none}.section-main{grid-area:main;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#2d2d2d}.memo-list{flex:1 1 auto;margin:0;padding:0 24px;overflow-y:auto}.memo-list-empty{display:flex;align-items:center;justify-content:center}.list-spacer-top{margin:0;padding:0 0 24px}.memo-empty{display:flex;flex-direction:column;align-items:center;margin:0;padding:0;color:#9a9a9a;text-align:center}.memo-empty-icon{width:48px;height:48px;display:block;margin:0 0 16px;color:#555555}.memo-empty p{margin:0 0 4px}.memo-empty-hint{font-size:13px;color:#777777}.memo-card{margin:0 0 16px;padding:12px 16px;background:#1f1f1f;border:1px solid #3a3a3a;transition:border-color .2s ease}.memo-card:hover{border-color:#4a4a4a}.memo-card-dragging{background:#262626;outline:1px solid #e25555;border-color:transparent}.memo-card-compact{display:flex;align-items:center;gap:8px;height:40px;margin:0 0 16px;padding:0 12px;overflow:hidden}.memo-compact-text{flex:1 1 auto;min-width:0;overflow:hidden;font-size:14px;color:#cccccc;text-overflow:ellipsis;white-space:nowrap}.memo-image-wrap{display:flex;justify-content:center;margin:0 0 12px;padding:0}.memo-image-wrap img{max-width:100%;max-height:320px;object-fit:contain}.memo-textarea{display:block;width:100%;min-height:48px;margin:0 0 12px;padding:0 0 8px;font-size:15px;line-height:1.7;color:#e5e5e5;background:transparent;border:0 solid transparent;border-bottom:1px solid #383838;resize:none;overflow:hidden;transition:border-color .2s ease}.memo-textarea:focus{outline:none;border-bottom-color:#e25555}.memo-textarea::placeholder{color:#777777}.memo-hidden{display:flex;align-items:center;justify-content:center;min-height:48px;margin:0 0 12px;color:#9a9a9a;font-style:italic}.memo-content{position:relative}.memo-content-collapsed:after{content:"";position:absolute;left:0;right:0;top:110px;height:40px;background:linear-gradient(180deg,rgba(31,31,31,0),#1f1f1f);pointer-events:none}.memo-more{display:inline-flex;align-items:center;height:28px;margin:0 0 12px;padding:0;font-size:13px;color:#e25555;background:transparent;cursor:pointer;transition:color .2s ease}.memo-more:hover{color:#ee8888}.memo-meta{justify-content:space-between;gap:12px;margin:0}.memo-meta,.memo-meta-left{display:flex;align-items:center}.memo-meta-left{gap:8px;min-width:0}.memo-handle{display:inline-flex;align-items:center;height:32px;font-size:16px;line-height:1;color:#777777;cursor:grab;transition:color .2s ease}.memo-handle:hover{color:#cccccc}.memo-handle:active{cursor:grabbing}.memo-time{font-size:12px;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.memo-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}.memo-btn{height:32px;display:inline-flex;align-items:center;padding:0 8px;font-size:13px;color:#aaaaaa;background:transparent;cursor:pointer;transition:color .2s ease}.memo-btn:hover{color:#f5f5f5}.memo-btn:disabled{color:#666666;cursor:not-allowed}.memo-btn-delete,.memo-btn-star-on{color:#e25555}.memo-btn-delete:hover{color:#ee8888}.memo-btn-copied{color:#e25555}.icon{width:20px;height:20px;display:block}.section-footer{grid-area:footer;position:relative;display:flex;align-items:center;justify-content:space-between;height:64px;margin:0;padding:0 24px;border-top:1px solid #3a3a3a;background:#1b1b1b}.footer-note{font-size:12px;color:#9a9a9a}.footer-about{position:absolute;left:50%;transform:translateX(-50%);height:40px;display:inline-flex;align-items:center;padding:0 4px;font-size:14px;color:#9a9a9a;background:transparent;transition:color .2s ease}.footer-about:after{content:"";position:absolute;bottom:6px;left:0;width:0;height:1px;background:#e25555;transition:width .4s ease}.footer-about:hover{color:#e25555}.footer-about:hover:after{width:100%}.footer-add{position:relative;height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 4px;font-size:15px;font-weight:600;color:#e25555;background:transparent;transition:color .2s ease}.footer-add:after{content:"";position:absolute;bottom:6px;left:0;width:0;height:1px;background:#e25555;transition:width .5s ease}.footer-add:hover:after{width:100%}@keyframes dialogOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes dialogBoxIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dialog-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;background:rgba(0,0,0,.65);z-index:50;animation:dialogOverlayIn .15s ease}.dialog-box{width:100%;max-width:400px;margin:0;padding:0 32px 32px;background:#1b1b1b;border:1px solid #4e4e4e;animation:dialogBoxIn .18s ease}.dialog-spacer-top{margin:0;padding:0 0 32px}.dialog-message{margin:0 0 24px;text-align:center;color:#ededed}.dialog-line{margin:0}.dialog-actions{display:flex;align-items:center;justify-content:center;gap:32px}.dialog-btn{position:relative;height:40px;display:inline-flex;align-items:center;padding:0 4px;font-size:15px;font-weight:600;background:transparent;transition:color .2s ease}.dialog-btn:after{content:"";position:absolute;bottom:6px;left:0;width:0;height:1px;transition:width .4s ease}.dialog-btn-primary{color:#e25555}.dialog-btn-primary:after{background:#e25555}.dialog-btn-cancel{color:#aaaaaa}.dialog-btn-cancel:after{background:#aaaaaa}.dialog-btn:hover:after{width:100%}.toast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;margin:0;padding:0 20px;height:48px;background:#0d0d0d;color:#f5f5f5;border:1px solid #4e4e4e;z-index:60}.toast-text,.toast-undo{font-size:13px}.toast-undo{position:relative;height:48px;display:inline-flex;align-items:center;font-weight:600;color:#ee8888;background:transparent}.toast-undo:after{content:"";position:absolute;bottom:14px;left:0;width:0;height:1px;background:#ee8888;transition:width .3s ease}.toast-undo:hover:after{width:100%}.notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0;padding:0 16px;text-align:center}.notfound-code{margin:0 0 16px;font-size:64px;font-weight:700;letter-spacing:1px;color:#e25555}.notfound-title{margin:0 0 24px;font-size:18px;font-weight:600;color:#f5f5f5}.notfound-link{position:relative;display:inline-flex;align-items:center;height:32px;font-size:15px;font-weight:600;color:#e25555}.notfound-link:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:1px;background:#e25555}.dialog-btn:focus-visible,.folder-add-input:focus-visible,.folder-delete:focus-visible,.folder-edit-input:focus-visible,.folder-item:focus-visible,.footer-add:focus-visible,.memo-btn:focus-visible,.memo-handle:focus-visible,.notfound-link:focus-visible,.save-toggle:focus-visible,.toast-undo:focus-visible{outline:2px solid #e25555;outline-offset:2px}.about-page{margin:0;padding:0;background:#2d2d2d}.about-article{max-width:1200px;margin:0 auto;padding:56px 24px 88px}.about-section{margin:0 0 48px;scroll-margin-top:32px}.about-hero-title{position:relative;margin:0 0 24px;padding:0 0 16px;font-size:30px;font-weight:700;line-height:1.5;color:#f5f5f5;border-bottom:1px solid #3a3a3a}.about-hero-title:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:2px;background:#e25555;animation:heroUnderline .8s ease .25s forwards}@keyframes heroUnderline{0%{width:0}to{width:100%}}.about-hero-actions{gap:16px 24px;margin:0}.about-hero-actions,.about-nav{display:flex;align-items:center;flex-wrap:wrap}.about-nav{gap:8px 20px}.about-nav-link{position:relative;display:inline-flex;align-items:center;height:32px;font-size:14px;color:#a8a8a8;background:transparent;transition:color .2s ease}.about-nav-link:after{content:"";position:absolute;bottom:4px;left:0;width:0;height:1px;background:#e25555;transition:width .4s ease}.about-nav-link:hover{color:#e25555}.about-nav-link:hover:after{width:100%}.about-lead{margin:0 0 12px;font-size:16px;line-height:1.9;color:#cfcfcf}.about-h2{position:relative;margin:0 0 24px;padding:0 0 12px;font-size:20px;font-weight:700;line-height:1.4;color:#f5f5f5;border-bottom:1px solid #3a3a3a}.about-h2:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:2px;background:#e25555;transition:width .7s ease}.about-h2.is-visible:after{width:100%}.about-list{margin:0;padding:0}.about-list li{position:relative;margin:0 0 10px;padding:0 0 0 22px;color:#cfcfcf;line-height:1.7}.about-list li:before{content:"→";position:absolute;top:0;left:0;color:#e25555}.about-features{display:grid;grid-template-columns:1fr;gap:16px;margin:0;padding:0}.about-feature{display:flex;align-items:flex-start;gap:14px;margin:0;padding:0}.about-feature-icon{flex:0 0 auto;width:24px;height:24px;color:#e25555}.about-feature-body{display:flex;flex-direction:column;min-width:0}.about-feature-title{margin:0 0 4px;font-size:15px;font-weight:600;color:#ededed}.about-feature-desc{font-size:14px;line-height:1.7;color:#a8a8a8}.about-faq-item,.about-feature,.about-steps li{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.about-faq-item.is-visible,.about-feature.is-visible,.about-steps li.is-visible{opacity:1;transform:translateY(0)}.about-feature:nth-child(2n){transition-delay:70ms}@media (prefers-reduced-motion:reduce){.about-faq-item,.about-feature,.about-steps li{opacity:1;transform:none;transition:none}.about-h2:after{width:100%;transition:none}.about-hero-title:after{width:100%;animation:none}html{scroll-behavior:auto}}.about-step-title{display:block;margin:0 0 4px;font-size:15px;font-weight:600;color:#ededed}.about-step-desc{display:block;font-size:14px;line-height:1.7;color:#a8a8a8}.about-steps{counter-reset:step;margin:0;padding:0}.about-steps li{position:relative;counter-increment:step;margin:0;padding:0 0 24px 44px;color:#cfcfcf;line-height:1.7;min-height:28px}.about-steps li:last-child{padding:0 0 0 44px}.about-steps li:before{content:counter(step);position:absolute;top:0;left:0;width:28px;height:28px;line-height:28px;text-align:center;font-size:13px;font-weight:700;color:#ffffff;background:#e25555;z-index:1}.about-steps li:not(:last-child):after{content:"";position:absolute;top:28px;left:13px;bottom:0;width:2px;background:#3a3a3a}.about-q{margin:0 0 6px;font-size:16px;font-weight:600;color:#ededed}.about-a{margin:0 0 20px;color:#aaaaaa;line-height:1.8}.about-cta{margin:0}.about-cta-button{display:inline-flex;align-items:center;height:48px;margin:0;padding:0 28px;font-size:15px;font-weight:600;color:#e25555;background:transparent;border:1px solid #e25555;transition:color .2s ease,border-color .2s ease}.about-cta-button:hover{color:#ee8888;border-color:#ee8888}.br-sp{display:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width:768px){.app{position:fixed;top:0;left:0;right:0;bottom:0;display:grid;grid-template-rows:64px 1fr 64px;grid-template-columns:240px 1fr;grid-template-areas:"header  header" "sidebar main" "footer  footer";margin:0;padding:0;overflow:hidden}.section-sidebar{border-right:1px solid #3a3a3a}.about-features{grid-template-columns:1fr 1fr;gap:20px 32px}}@media (max-width:767px){.app{position:fixed;top:0;left:0;right:0;display:flex;flex-direction:column;height:100vh;height:100dvh;margin:0;padding:0}.section-header{flex:0 0 auto;padding:0 16px}.section-sidebar{flex:0 0 auto;display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #3a3a3a}.section-main{flex:1 1 auto;min-height:0}.sidebar-label,.sidebar-spacer-top{display:none}.sidebar-list{display:flex;align-items:stretch}.sidebar-list li{flex:0 0 auto}.folder-item{height:44px;padding:0 32px 0 16px;border-bottom:0 solid transparent;border-right:1px solid #2e2e2e}.folder-delete{opacity:1;right:8px}.folder-count,.folder-drag{display:none}.dialog-btn:hover:after,.folder-item:hover:after,.footer-about:hover:after,.footer-add:hover:after,.save-toggle:hover:after,.toast-undo:hover:after{width:0}.dialog-btn:active:after,.folder-item-active:after,.folder-item:active:after,.footer-about:active:after,.footer-add:active:after,.save-toggle:active:after,.toast-undo:active:after{width:100%}.folder-item:active,.footer-about:active,.footer-add:active,.save-toggle:active{color:#e25555}.footer-note{display:none}.footer-about{position:static;transform:none}.folder-delete:active,.memo-btn:active,.memo-handle:active,.search-clear:active{color:#f5f5f5}.memo-list{padding:0 16px}.section-footer{flex:0 0 auto;padding:0 16px}.toast{left:16px;right:16px;bottom:80px;transform:none;justify-content:space-between;height:56px;padding:0 16px}.toast-text,.toast-undo{font-size:14px}.toast-undo{height:56px}.about-article{padding:32px 16px 64px}.about-hero-title{font-size:24px}.br-sp{display:inline}}