@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";body{margin:0}:root{--ink: #1E293B;--ink2: #475569;--ink3: #64748B;--bg: #F8FAFC;--card: #ffffff;--border: #E2E8F0;--primary: #5C6AC4;--primary-dark: #4B58A8;--primary-light: rgba(92, 106, 196, .06);--primary-glow: rgba(92, 106, 196, .12);--accent: #f59e0b;--danger: #ef4444;--success: #10b981;--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .04);--shadow: 0 1px 3px 0 rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .06);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .04);--font-ja: "Noto Sans JP", "Hiragino Sans", sans-serif;--font-en: "Inter", sans-serif}body.dark{--ink: #F1F5F9;--ink2: #CBD5E1;--ink3: #64748B;--bg: #0F172A;--card: #1E293B;--border: #334155;--primary: #7C83C4;--primary-dark: #8E94CE;--primary-light: rgba(124, 131, 196, .12);--primary-glow: rgba(124, 131, 196, .18);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow: 0 1px 3px 0 rgb(0 0 0 / .45);--shadow-md: 0 4px 8px -1px rgb(0 0 0 / .45);--shadow-lg: 0 12px 24px -4px rgb(0 0 0 / .5)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-en),var(--font-ja);background:var(--bg);color:var(--ink);line-height:1.6;margin:0;transition:background-color .3s ease,color .3s ease}.app{max-width:1440px;margin:0 auto;min-height:100vh;padding-bottom:16px}.header{background:#ffffffd1;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}body.dark .header{background:#0f172ae0}.header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#8B80C0,#B89EB4);opacity:.5}.header-inner{max-width:1280px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.logo h1{font-family:var(--font-en),var(--font-ja);font-size:20px;font-weight:700;color:var(--primary);margin:0;display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.logo-emblem{flex-shrink:0;border-radius:6px}.logo h1 span{font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-light);padding:2px 10px;border-radius:99px;letter-spacing:.02em}.logo p{font-size:12px;color:var(--ink3);margin:2px 0 0}.header-controls{display:flex;gap:6px;align-items:center}.btn-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--ink3);cursor:pointer;transition:all .15s ease;font-size:14px}.btn-icon:hover,.btn-icon.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}@media(hover:hover)and (pointer:fine){.btn-icon[data-tip]{position:relative}.btn-icon[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.92);background:#212121eb;color:#fff;font-size:12px;font-weight:500;line-height:1.4;padding:6px 12px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:1000;letter-spacing:.01em;box-shadow:0 2px 8px #0003}.btn-icon[data-tip]:hover:after{opacity:1;transform:translate(-50%) scale(1);transition-delay:.4s}.btn-add[data-tip]:after,.data-menu-wrapper .btn-icon[data-tip]:after{left:auto;right:0;transform:translate(0) scale(.92)}.btn-add[data-tip]:hover:after,.data-menu-wrapper .btn-icon[data-tip]:hover:after{transform:translate(0) scale(1)}}.btn-add{background:var(--primary);color:#fff;border:1px solid var(--primary);padding:0 16px;font-weight:600;font-size:13px;gap:6px;width:auto;border-radius:var(--radius-sm)}.btn-add:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.data-menu-wrapper{position:relative}.data-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000026;padding:6px;min-width:200px;z-index:200;display:flex;flex-direction:column;gap:2px}.data-menu-item{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:7px;font-size:13px;cursor:pointer;background:none;border:none;color:var(--ink1);text-align:left;width:100%;white-space:nowrap;transition:background .12s,color .12s}.data-menu-item:hover{background:var(--primary-light);color:var(--primary)}.announcement-wrapper,.announcement-wrapper .btn-icon{position:relative}.announcement-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#ef4444;border:2px solid var(--header-bg, var(--card));pointer-events:none}.announcement-drawer{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;display:flex;flex-direction:column;overflow:hidden;animation:announcement-drawer-in .2s ease-out}@keyframes announcement-drawer-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.announcement-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border)}.announcement-drawer-header h3{margin:0;font-size:14px;font-weight:700;color:var(--ink)}.announcement-drawer-action{padding:3px 10px;border:1px solid var(--border);border-radius:99px;background:var(--card);color:var(--ink2);font-size:11px;cursor:pointer;transition:all .15s}.announcement-drawer-action:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.announcement-drawer-body{overflow-y:auto;padding:8px;flex:1}.announcement-drawer-empty{padding:24px 16px;text-align:center;font-size:13px;color:var(--ink3)}.announcement-item{padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);transition:background .12s}.announcement-item+.announcement-item{margin-top:6px}.announcement-item.is-past{opacity:.6;border-style:dashed}.announcement-item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.announcement-label{display:inline-block;padding:2px 8px;border-radius:99px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;flex-shrink:0}.announcement-date{font-size:11px;color:var(--ink3);flex-shrink:0}.announcement-item-dismiss{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:50%;background:transparent;color:var(--ink3);cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.announcement-item-dismiss:hover{background:#00000014;color:var(--ink)}.announcement-item-title{font-size:13px;font-weight:600;color:var(--ink);line-height:1.5}.announcement-item-body{margin-top:4px;font-size:12px;color:var(--ink2);line-height:1.6}.announcement-past{margin-top:8px;border-top:1px solid var(--border);padding-top:8px}.announcement-past summary{font-size:12px;color:var(--ink3);cursor:pointer;padding:4px 0;transition:color .15s;list-style:none}.announcement-past summary:before{content:"▶ ";font-size:10px}.announcement-past[open] summary:before{content:"▼ "}.announcement-past summary:hover{color:var(--primary)}.announcement-past .announcement-item{margin-top:6px}body.dark .announcement-dot{border-color:var(--card)}body.dark .announcement-item-dismiss:hover{background:#ffffff1a}@media(max-width:600px){.announcement-drawer{position:fixed;inset:auto 0 0;width:100%;max-height:70vh;border-radius:var(--radius) var(--radius) 0 0;border-bottom:none}}.search-container{padding:20px 24px 8px}.search-box{position:relative;max-width:560px;margin:0 auto}.search-box input{width:100%;padding:11px 16px 11px 44px;border-radius:99px;border:1px solid var(--border);font-size:15px;font-family:var(--font-en),var(--font-ja);transition:all .2s ease;background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.search-box input::placeholder{color:var(--ink3)}.search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ink3);pointer-events:none}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--border);border:none;color:var(--ink2);width:22px;height:22px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;transition:all .15s}.search-clear:hover{background:var(--ink3);color:var(--card)}.search-modes{display:flex;gap:4px;justify-content:center;margin-top:10px}.search-mode-btn{padding:3px 12px;border-radius:99px;font-size:11px;font-weight:500;border:1px solid var(--border);background:var(--card);color:var(--ink3);cursor:pointer;transition:all .15s ease;font-family:var(--font-en),var(--font-ja)}.search-mode-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.search-mode-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 4px #5c6ac440}body.dark .search-mode-btn.active{box-shadow:0 1px 4px #7c83c440}.search-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;flex-wrap:wrap}.search-result-count{font-size:12px;font-weight:600;color:var(--ink2)}.search-no-result{color:var(--ink3)}.search-match-types{display:flex;gap:4px;align-items:center}.match-badge{font-size:10px;font-weight:600;padding:1px 8px;border-radius:99px;white-space:nowrap}.match-keyword{background:#dbeafe;color:#1d4ed8}body.dark .match-keyword{background:#1d4ed833;color:#93bbfd}.match-intent{background:#fef3c7;color:#b45309}body.dark .match-intent{background:#b4530933;color:#fcd34d}.match-fuzzy{background:#ede9fe;color:#6d28d9}body.dark .match-fuzzy{background:#6d28d933;color:#c4b5fd}.filters{padding:14px 24px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.chip{padding:5px 14px;border-radius:99px;font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--card);color:var(--ink2);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:5px;white-space:nowrap;font-family:var(--font-en),var(--font-ja)}.chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 4px #5c6ac440}body.dark .chip.active{box-shadow:0 1px 4px #7c83c440}@media(max-width:640px){.filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding:10px 16px;gap:6px;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;mask-image:linear-gradient(to right,transparent 0px,black 16px,black calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0px,black 16px,black calc(100% - 24px),transparent 100%)}.filters::-webkit-scrollbar{display:none}.filters .chip{flex-shrink:0;scroll-snap-align:start;font-size:11px;padding:4px 12px}}.chip-count{font-size:10px;font-weight:700;background:#00000014;padding:1px 6px;border-radius:99px;min-width:18px;text-align:center}.chip.active .chip-count{background:#ffffff40}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding:14px 24px}.grid.list{grid-template-columns:1fr;gap:4px}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;position:relative}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.card:focus{outline:2px solid var(--primary);outline-offset:2px;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card:focus:not(:focus-visible){outline:none;transform:none;box-shadow:none}.card-body{padding:16px;flex:1;display:flex;flex-direction:column;gap:8px}.card-meta{display:flex;align-items:center;gap:8px;margin-bottom:2px}.card-id{background:var(--bg);padding:1px 6px;border-radius:4px;font-weight:600;color:var(--ink3);font-size:10px;font-family:var(--font-en);letter-spacing:.02em}.card-date{font-size:10px;color:var(--ink3);font-family:var(--font-en)}.card-new-badge{font-size:9px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f43f5e,#ec4899);padding:1px 6px;border-radius:4px;letter-spacing:.04em}.card-title{font-size:14px;font-weight:700;color:var(--ink);line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.tag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;white-space:nowrap;letter-spacing:.01em}.card-footer{padding:10px 14px;background:#00000004;border-top:1px solid var(--border);display:flex;gap:6px;position:relative;z-index:5}body.dark .card-footer{background:#ffffff08}.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:600;padding:7px 10px;border-radius:var(--radius-xs);cursor:pointer;text-decoration:none;transition:all .15s ease;border:1px solid transparent;position:relative;z-index:10;pointer-events:auto;font-family:var(--font-en),var(--font-ja)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:var(--card);border-color:var(--border);color:var(--ink2)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-text{background:transparent;border:none;color:var(--ink3)}.btn-text:hover{color:var(--danger)}.fav-btn{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:16px;cursor:pointer;color:var(--ink3);transition:all .2s;z-index:10;opacity:.6}.fav-btn:hover{opacity:1;transform:scale(1.15)}.fav-btn.active{color:#ef4444;opacity:1}.card.list-mode{flex-direction:row;align-items:center;border-radius:var(--radius-sm)}.card.list-mode:hover{transform:none;box-shadow:var(--shadow)}.card.list-mode .fav-btn{position:static;flex-shrink:0;font-size:13px;padding:0 4px 0 10px;opacity:.5}.card.list-mode .fav-btn.active{opacity:1}.card.list-mode .card-body{flex-direction:row;align-items:center;padding:8px 12px;gap:10px;flex:1;min-width:0}.card.list-mode .card-meta{flex-shrink:0}.card.list-mode .card-new-badge{display:none}.card.list-mode .card-title{flex:1;min-width:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset}.card.list-mode .card-tags{flex-shrink:0;margin:0}.card.list-mode .tag{font-size:9px;padding:1px 6px}.card.list-mode .card-footer{border-top:none;border-left:1px solid var(--border);background:transparent;padding:5px 8px;flex-shrink:0;min-width:auto}.card.list-mode .btn-action{padding:5px 10px;font-size:11px;flex:none}@media(max-width:640px){.card.list-mode .card-tags{display:none}.card.list-mode .card-footer{border-left:none}}.pagination{display:flex;gap:4px;justify-content:center;padding:24px}.page-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--ink2);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease;font-family:var(--font-en)}.page-link:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.page-link.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-link:disabled{opacity:.35;cursor:not-allowed}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--ink3)}.empty-icon{display:flex;justify-content:center;margin-bottom:12px;color:var(--ink3)}.empty-state p{margin:0;font-size:14px}.modal-backdrop{position:fixed!important;inset:0!important;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999!important;padding:20px}.modal{background:var(--card);width:100%;border-radius:16px;box-shadow:0 25px 60px -12px #0006;color:var(--ink);overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:10000!important;animation:modal-in .25s ease-out}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.run-modal{max-width:1200px;width:90vw;height:80vh;max-height:90vh;min-width:480px;min-height:400px;resize:both;overflow:hidden}@media(max-width:767px){.run-modal-backdrop{padding:0!important;align-items:stretch!important;justify-content:stretch!important}.run-modal{max-width:none;min-width:0;width:100%;border-radius:0;height:100vh;height:100dvh;max-height:none;height:calc(100dvh - var(--keyboard-offset, 0px));resize:none}}.run-modal-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);gap:12px;flex-shrink:0}.run-modal-title{margin:0;font-size:16px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-modal-meta{margin:2px 0 0;font-size:11px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:767px){.run-modal-header{padding:10px 14px}.run-modal-title{font-size:14px}.run-modal-meta{font-size:10px}}.run-modal-icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:1px solid var(--border);background:transparent;color:var(--ink3);cursor:pointer;transition:all .15s ease;flex-shrink:0}.run-modal-icon-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}@media(max-width:767px){.run-modal-icon-btn{width:30px;height:30px}}.run-modal-settings{padding:10px 20px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.run-modal-settings-note{margin:4px 0 0;font-size:10px;color:var(--ink3);width:100%}@media(max-width:767px){.run-modal-settings{padding:8px 14px}}.run-modal-footer{display:flex;gap:8px;padding:12px 20px;border-top:1px solid var(--border);background:var(--card);flex-shrink:0}@supports (padding-bottom: env(safe-area-inset-bottom)){.run-modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}@media(max-width:767px){.run-modal-footer{padding:10px 14px}.run-modal-cancel{display:none}}.mobile-tab-bar{display:none;flex-shrink:0}@media(max-width:767px){.mobile-tab-bar{display:flex;border-bottom:1px solid var(--border);background:var(--card)}.mobile-tab{flex:1;padding:10px 0;font-size:13px;font-weight:600;font-family:var(--font-en),var(--font-ja);text-align:center;border:none;background:transparent;color:var(--ink3);cursor:pointer;position:relative;transition:color .15s ease}.mobile-tab.active{color:var(--primary)}.mobile-tab.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--primary);border-radius:2px 2px 0 0}.modal-content-wrapper.mobile-tab-preview .prompt-form{display:none}.modal-content-wrapper.mobile-tab-preview .prompt-preview{display:flex}.modal-content-wrapper.mobile-tab-form .prompt-preview{display:none}.modal-content-wrapper.mobile-tab-form .prompt-form{display:block;max-height:none;border-bottom:none;overflow-y:auto}}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-shrink:0}.resize-grip{position:absolute;bottom:6px;right:6px;color:var(--ink3);opacity:.4;pointer-events:none;line-height:0;transition:opacity .15s ease}.run-modal:hover .resize-grip{opacity:.7}.run-modal-maximized{max-width:none!important;width:calc(100vw - 40px)!important;height:calc(100vh - 40px)!important;max-height:none!important;resize:none}@media(max-width:767px){.hide-mobile{display:none!important}}.modal-content-wrapper{display:grid;grid-template-columns:1fr;flex:1;overflow:hidden}@media(min-width:768px){.modal-content-wrapper.has-form{grid-template-columns:380px 1fr}}.prompt-form{padding:24px;overflow-y:auto;border-right:1px solid var(--border);background-color:var(--card)}@media(max-width:767px){.prompt-form{border-right:none;border-bottom:1px solid var(--border)}}.prompt-preview{background:var(--bg);padding:24px;display:flex;flex-direction:column;overflow:hidden}@media(max-width:640px){.prompt-form,.prompt-preview{padding:16px}}.prompt-textarea{min-height:80px;border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--bg);padding:10px 12px;font-size:14px;line-height:1.6;width:100%;color:var(--ink);transition:all .2s ease;resize:vertical;font-family:var(--font-en),var(--font-ja)}body.dark .prompt-textarea{background-color:#ffffff0d}.prompt-textarea:focus{outline:none;border-color:var(--primary);background-color:var(--card);box-shadow:0 0 0 3px var(--primary-glow)}.prompt-textarea::placeholder{color:var(--ink3)}.preview-box{flex:1;background:var(--card);border-radius:var(--radius);padding:20px;font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-y:auto;border:1px solid var(--border);box-shadow:inset 0 1px 3px #00000008;font-family:SF Mono,Menlo,Monaco,monospace;color:var(--ink);resize:none;width:100%;transition:all .2s ease}.preview-box.editable{cursor:text}.preview-box.editable:hover{border-color:var(--ink3)}.preview-box.editable:focus{outline:none;border-color:var(--primary);box-shadow:inset 0 1px 3px #00000008,0 0 0 3px var(--primary-glow)}.form-group{margin-bottom:18px}.form-group:last-of-type{margin-bottom:24px}.form-group label{display:block;font-size:12px;font-weight:700;color:var(--ink2);margin-bottom:6px;letter-spacing:.02em;text-transform:none}.form-control{width:100%;padding:10px 12px;font-size:14px;font-family:var(--font-en),var(--font-ja);line-height:1.5;color:var(--ink);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .15s ease;appearance:none;-webkit-appearance:none}.form-control::placeholder{color:var(--ink3)}.form-control:focus{outline:none;border-color:var(--primary);background-color:var(--card);box-shadow:0 0 0 3px var(--primary-glow)}select.form-control{padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a8a29e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}select.form-control:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header-flex{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.close-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--ink2);font-size:16px;cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.close-btn:hover{background:var(--primary-light);color:var(--primary)}.modal-header h2{margin:0;font-size:17px;font-weight:700;color:var(--ink)}.modal-header p{margin:4px 0 0;font-size:12px;color:var(--ink3)}.modal-body{padding:24px}.crud-modal{max-width:720px}.crud-modal .modal-body{flex:1;min-height:0;overflow-y:auto}.crud-modal textarea.form-control{font-family:var(--font-en),var(--font-ja);line-height:1.6}.modal-actions{display:flex;align-items:center;gap:8px;padding:12px 24px;border-top:1px solid var(--border);flex-shrink:0}.modal-actions .btn-action{flex:none;padding:9px 20px;font-size:13px;border-radius:var(--radius-sm)}.modal-actions .btn-primary{min-width:80px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink3)}.card{animation:card-enter .35s ease-out both;animation-delay:calc(var(--i, 0) * .04s)}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card.list-mode{animation-name:card-enter-list}@keyframes card-enter-list{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.card,.card.list-mode,.modal{animation:none}*,*:before,*:after{transition-duration:.01ms!important}}.cat-icon{display:inline-flex;align-items:center;vertical-align:-.1em;flex-shrink:0}.card{cursor:pointer}html{overflow-x:hidden;-webkit-text-size-adjust:100%}@media screen and (max-width:767px){html,body{overflow-x:hidden;width:100%;position:relative}.search-box input,.form-control,select.form-control,.prompt-textarea,input,textarea,select{font-size:16px;touch-action:manipulation}}.onboarding-overlay{position:fixed;inset:0;z-index:10000;background:#0009}.onboarding-highlight{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px #0000008c;border:2px solid var(--primary, #4f46e5);pointer-events:none;transition:all .3s ease}.onboarding-tooltip{position:fixed;width:min(320px,90vw);background:var(--card, #fff);color:var(--ink, #1a1a2e);border-radius:12px;padding:16px 20px;box-shadow:0 8px 32px #0003;z-index:10001;animation:onboarding-fade .25s ease}@keyframes onboarding-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onboarding-step-count{font-size:.72rem;color:var(--ink2, #888);margin-bottom:4px}.onboarding-tooltip h4{margin:0 0 6px;font-size:.95rem;font-weight:700}.onboarding-tooltip p{margin:0 0 14px;font-size:.84rem;line-height:1.6;color:var(--text-secondary, #666)}.onboarding-actions{display:flex;justify-content:space-between;align-items:center}.onboarding-skip{background:none;border:none;color:var(--ink2, #888);font-size:.8rem;cursor:pointer;padding:4px 0}.onboarding-skip:hover{color:var(--ink, #333)}.onboarding-next{background:var(--primary, #4f46e5);color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:.84rem;font-weight:600;cursor:pointer}.onboarding-next:hover{opacity:.9}.modal-onboarding-overlay{position:fixed;inset:0;z-index:10002;background:#00000080}.modal-onboarding-highlight{position:fixed;border-radius:10px;box-shadow:0 0 0 9999px #00000073;border:2px solid var(--primary, #4f46e5);pointer-events:none;transition:all .3s ease}.app-footer{margin-top:3rem;padding:2rem 0 1.5rem;border-top:1px solid var(--border)}.footer-inner{max-width:900px;margin:0 auto;padding:0 1.5rem}.footer-attribution{text-align:center;font-size:.82rem;line-height:1.7;color:var(--text-secondary)}.footer-attribution p{margin:.3rem 0}.footer-source a{color:var(--primary);font-weight:500;text-decoration:none}.footer-source a:hover{text-decoration:underline}.footer-license a{color:var(--primary);text-decoration:none}.footer-license a:hover{text-decoration:underline}.footer-app-note{margin-top:.5rem!important;font-size:.78rem;opacity:.75}.footer-developer{margin-top:.8rem;font-size:.78rem;opacity:.75;text-align:center}.footer-developer a{color:var(--ink2);text-decoration:underline;text-underline-offset:2px}.footer-developer a:hover{opacity:.7}.footer-disclaimer{margin-top:1.2rem;text-align:center}.footer-disclaimer summary{cursor:pointer;font-size:.78rem;color:var(--text-secondary);opacity:.7;display:inline-block;-webkit-user-select:none;user-select:none}.footer-disclaimer summary:hover{opacity:1}.footer-disclaimer-body{margin-top:.8rem;text-align:left;max-width:700px;margin-left:auto;margin-right:auto;font-size:.75rem;color:var(--text-secondary);line-height:1.7;opacity:.8}.footer-disclaimer-body ul{list-style:disc;padding-left:1.5rem;margin:0}.footer-disclaimer-body li{margin-bottom:.4rem}.help-modal{width:min(640px,92vw);max-height:85vh;display:flex;flex-direction:column;border-radius:16px}.help-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.help-modal-header h2{font-size:1.1rem;font-weight:700;margin:0}.help-modal-body{padding:20px 24px 28px;overflow-y:auto;-webkit-overflow-scrolling:touch}.help-section{margin-bottom:1.6rem}.help-section:last-child{margin-bottom:0}.help-section h3{font-size:.88rem;font-weight:700;margin:0 0 .5rem;color:var(--primary)}.help-section p{font-size:.84rem;line-height:1.7;margin:0 0 .4rem;color:var(--text-secondary)}.help-section ul{font-size:.84rem;line-height:1.7;margin:0;padding-left:1.2rem;color:var(--text-secondary)}.help-section li{margin-bottom:.3rem}.help-links{list-style:none!important;padding-left:0!important}.help-links li:before{content:"→ ";opacity:.4}.help-links a{color:var(--primary);text-decoration:none}.help-links a:hover{text-decoration:underline}.help-credit{margin-top:.6rem!important;font-size:.8rem!important;opacity:.8}.help-tour-btn{margin-top:10px;padding:6px 16px;font-size:.82rem;font-weight:600;border:1px solid var(--primary);color:var(--primary);background:transparent;border-radius:8px;cursor:pointer}.help-tour-btn:hover{background:var(--primary);color:#fff}.help-shortcuts{list-style:none!important;padding-left:0!important;display:grid;gap:6px}.help-shortcuts li{font-size:.84rem;display:flex;align-items:center;gap:8px}.help-shortcuts kbd{display:inline-block;padding:2px 7px;font-size:.75rem;font-family:inherit;background:var(--bg, #f5f5f5);border:1px solid var(--border);border-radius:4px;min-width:24px;text-align:center}body.dark .help-shortcuts kbd{background:#ffffff14}.help-shortcut-note{font-size:.75rem!important;opacity:.6;margin-top:.4rem!important}.help-example{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-size:.82rem;line-height:1.7;color:var(--text-secondary)}.help-example p{margin:0 0 .4rem}.help-example p:last-child{margin-bottom:0}.help-disclaimer{list-style:disc!important;font-size:.78rem!important;opacity:.75}.help-reset-section{border-top:1px solid var(--border, #e5e7eb);padding-top:16px}.help-reset-btn{margin-top:10px;padding:6px 16px;font-size:.82rem;font-weight:600;border:1px solid var(--danger, #dc2626);color:var(--danger, #dc2626);background:transparent;border-radius:8px;cursor:pointer}.help-reset-btn:hover{background:var(--danger, #dc2626);color:#fff}@media(max-width:600px){.help-modal{width:100vw;max-height:100vh;border-radius:0}.help-modal-header{padding:16px 16px 12px}.help-modal-body{padding:16px 16px 24px}}.import-options-modal{width:min(480px,92vw);border-radius:16px}.import-mode-list{display:flex;flex-direction:column;gap:8px}.import-mode-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}.import-mode-item:hover,.import-mode-item.selected{border-color:var(--primary);background:var(--primary-light)}.import-mode-item input[type=radio]{margin-top:3px;accent-color:var(--primary);flex-shrink:0}.import-mode-item>div{display:flex;flex-direction:column;gap:3px}.import-mode-label{font-size:14px;font-weight:600;color:var(--ink1)}.import-mode-desc{font-size:12px;color:var(--ink3);line-height:1.5}.preview-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--bg)}.preview-list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 6px;border-radius:5px;font-size:13px}.preview-list-item:hover{background:var(--primary-light)}.preview-list-title{color:var(--ink1);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-list-cat{font-size:11px;color:var(--ink3);white-space:nowrap;flex-shrink:0}