:root{--bg-primary:#131314;--bg-secondary:#1e1f20;--bg-card:#1e1f20d9;--bg-glass:#ffffff0d;--bg-input:#252628;--text-primary:#e3e3e3;--text-secondary:#c4c7c5;--text-muted:#8e918f;--border:#ffffff1a;--border-focus:#ef444480;--accent:#ef4444;--accent-soft:#ef444426;--fire-gradient:linear-gradient(135deg, #ef4444 0%, #f59e0b 50%, #ef4444 100%);--fire-gradient-subtle:linear-gradient(135deg, #ef44441a 0%, #f59e0b1a 50%, #ef44441a 100%);--shadow:0 4px 24px #0006;--radius:16px;--radius-sm:10px;--radius-xs:6px;--transition:all .25s cubic-bezier(.25, .8, .25, 1)}:root[data-font-size=small]{font-size:14px}:root[data-font-size=medium]{font-size:16px}:root[data-font-size=large]{font-size:18px}:root[data-font-size=xlarge]{font-size:21px}:root:not([data-font-size]){font-size:18px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,Noto Sans JP,-apple-system,sans-serif;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}.bg-effects{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-effects:before,.bg-effects:after{content:"";filter:blur(120px);opacity:.3;border-radius:50%;animation:25s cubic-bezier(.4,0,.2,1) infinite alternate bgFloat;position:absolute}.bg-effects:before{background:radial-gradient(circle,#ef444426,#0000 70%);width:55vw;height:55vh;top:-15%;left:-10%}.bg-effects:after{background:radial-gradient(circle,#f59e0b1f,#0000 70%);width:50vw;height:50vh;animation-delay:-12s;bottom:-20%;right:-10%}@keyframes bgFloat{0%{transform:translate(0)scale(1)}to{transform:translate(4%,4%)scale(1.08)}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.main-container{z-index:1;flex:1;max-width:960px;margin:0 auto;padding:1.5rem 1rem 4rem;position:relative}.app-header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#131314d9;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.5rem;display:flex;position:sticky;top:0}.header-left{color:inherit;align-items:center;gap:.8rem;text-decoration:none;display:flex}.header-logo{object-fit:cover;border-radius:8px;width:36px;height:36px;display:block;box-shadow:0 2px 12px #ef44444d}.header-title{background:var(--fire-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.1rem;font-weight:800}.header-right{align-items:center;gap:.6rem;display:flex}.header-help-btn{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;width:2rem;height:2rem;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:.9rem;display:inline-flex}.header-help-btn:hover{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b66;transform:scale(1.05)}.header-help-btn:active{transform:scale(.95)}.header-help-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #f59e0b66}.header-build-time{color:var(--text-muted);background:var(--bg-glass);border:1px solid var(--border);white-space:nowrap;letter-spacing:.02em;border-radius:999px;padding:.25rem .6rem;font-size:.65rem}.header-avatar{border:1px solid var(--border);border-radius:50%;width:28px;height:28px}.btn-logout{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:999px;padding:.35rem .7rem;font-size:.7rem}.btn-logout:hover{background:#ffffff1a}.font-size-control{background:var(--bg-glass);border:1px solid var(--border);border-radius:999px;gap:.15rem;padding:.15rem;display:inline-flex}.font-size-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:999px;min-width:2.2rem;padding:.25rem .6rem;font-family:inherit;font-size:.75rem;font-weight:700}.font-size-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff1a}.font-size-btn:active:not(:disabled){transform:scale(.95)}.font-size-btn:disabled{opacity:.35;cursor:not-allowed}.font-size-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #ef44444d}.header-user-menu{position:relative}.header-user{color:var(--text-muted);background:var(--bg-glass);border:1px solid var(--border);cursor:pointer;transition:var(--transition);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .7rem .3rem .4rem;font-family:inherit;font-size:.75rem;display:flex}.header-user:hover{background:#ffffff14}.header-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow:hidden}.header-caret{opacity:.6;margin-left:.1rem;font-size:.6rem}.header-menu{z-index:200;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:200px;animation:.15s ease-out menuFadeIn;position:absolute;top:calc(100% + .4rem);right:0;overflow:hidden;box-shadow:0 8px 32px #00000080}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-menu-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:.7rem 1rem;font-family:inherit;font-size:.85rem;display:block}.header-menu-item:hover{background:#ffffff0f}.header-menu-divider{background:var(--border);height:1px;margin:.2rem 0}.header-menu-danger{color:#f87171}.header-menu-danger:hover{background:#ef44441a}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:400px;box-shadow:var(--shadow);padding:3rem 2.5rem}.login-icon{object-fit:cover;border-radius:18px;width:80px;height:80px;margin:0 auto 1.5rem;animation:3s ease-in-out infinite alternate loginPulse;display:block;box-shadow:0 8px 32px #ef44444d}@keyframes loginPulse{0%{box-shadow:0 8px 32px #ef444433}to{box-shadow:0 12px 48px #f59e0b66}}.login-title{background:var(--fire-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.4rem;font-size:1.6rem;font-weight:900}.login-sub{color:var(--text-muted);margin-bottom:2rem;font-size:.85rem}.btn-google{color:#333;cursor:pointer;transition:var(--transition);background:#fff;border:none;border-radius:999px;align-items:center;gap:.6rem;padding:.75rem 1.8rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0003}.btn-google:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.btn-google img{width:20px;height:20px}.login-google-main{justify-content:center;width:100%;padding:.85rem 1.5rem;font-size:1rem;display:flex}.login-google-hint{color:var(--text-muted);margin-top:.5rem;font-size:.7rem}.login-divider{color:var(--text-muted);align-items:center;gap:.8rem;margin:1.5rem 0;font-size:.7rem;font-weight:600;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-password-form{text-align:left;flex-direction:column;gap:.6rem;display:flex}.account-password-form{max-width:400px}.login-field{flex-direction:column;gap:.25rem;display:flex}.login-field-label{color:var(--text-muted);padding-left:.1rem;font-size:.7rem;font-weight:600}.login-field .form-input{padding:.55rem .8rem;font-size:.85rem}.btn-login-secondary{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:var(--transition);border-radius:999px;margin-top:.4rem;padding:.65rem 1.2rem;font-size:.85rem;font-weight:600}.btn-login-secondary:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.btn-login-secondary:disabled{opacity:.5;cursor:not-allowed}.login-switch{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:.1rem;padding:.3rem;font-size:.72rem;text-decoration:underline}.login-switch:hover{color:var(--text-primary)}.login-links{flex-direction:column;align-items:center;gap:.1rem;display:flex}.login-reset-desc{color:var(--text-secondary);border-radius:var(--radius-xs);background:#3b82f614;border:1px solid #3b82f633;margin-bottom:1.2rem;padding:.7rem 1rem;font-size:.8rem;line-height:1.6}.account-info{grid-template-columns:max-content 1fr;gap:.5rem 1.2rem;margin:0;padding:0;font-size:.85rem;display:grid}.account-info dt{color:var(--text-muted);font-weight:600}.account-info dd{color:var(--text-primary);word-break:break-all;margin:0}.login-note{color:var(--text-muted);border-radius:var(--radius-xs);background:#f59e0b14;border:1px solid #f59e0b33;margin-top:1.5rem;padding:.7rem 1rem;font-size:.7rem;line-height:1.6}.password-input-wrap{position:relative}.password-input-wrap .password-input{padding-right:2.6rem}.password-toggle{cursor:pointer;opacity:.7;transition:var(--transition);background:0 0;border:none;border-radius:4px;padding:.3rem .4rem;font-size:1rem;line-height:1;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.password-toggle:hover,.password-toggle:focus-visible{opacity:1;background:#ffffff1a;outline:none}.list-header{margin-bottom:1.5rem}.list-title{align-items:center;gap:.6rem;margin-bottom:.3rem;font-size:1.5rem;font-weight:900;display:flex}.list-title-icon{object-fit:cover;border-radius:8px;flex-shrink:0;width:1.6em;height:1.6em;box-shadow:0 2px 12px #ef44444d}.list-subtitle{color:var(--text-muted);font-size:.85rem}.search-bar{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.search-input{background:var(--bg-input);border:1px solid var(--border);min-width:200px;color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition);flex:1;padding:.65rem 1rem;font-size:.9rem}.search-input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #ef44441a}.search-input::placeholder{color:var(--text-muted)}.filter-row{flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;display:flex}.filter-chip{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--transition);white-space:nowrap;border-radius:999px;padding:.3rem .8rem;font-size:.75rem;font-weight:600}.filter-chip:hover{background:#ffffff1a}.filter-chip.active{background:var(--accent-soft);color:#f87171;border-color:#ef444466}.notice-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);color:inherit;text-align:left;width:100%;font-family:inherit;font-size:inherit;margin-bottom:.8rem;padding:1.3rem 1.5rem;text-decoration:none;display:block;position:relative;overflow:hidden}.notice-card:focus-visible{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #ef444433}.notice-card:hover{border-color:#ef44444d;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.notice-card-top{align-items:flex-start;gap:.8rem;margin-bottom:.6rem;display:flex}.notice-card .severity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.4rem}.notice-card-title{flex:1;font-size:1rem;font-weight:700;line-height:1.4}.notice-card-summary{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.8rem;font-size:.8rem;line-height:1.6;display:-webkit-box;overflow:hidden}.notice-card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.notice-card-date{color:var(--text-muted);margin-left:auto;font-size:.7rem}.notice-card.match-exact{border-color:#22c55e80;box-shadow:0 0 0 1px #22c55e4d,0 4px 16px #22c55e26}.notice-card.match-exact:hover{box-shadow:0 0 0 1px #22c55e80,0 8px 32px #22c55e40}.notice-card-match{border-radius:var(--radius-xs);align-items:center;gap:.5rem;margin-bottom:.6rem;padding:.3rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.notice-card-match--exact{color:#4ade80;background:#22c55e26;border:1px solid #22c55e66}.notice-card-match--partial{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b59}.notice-card-match-code{background:#ffffff14;border-radius:4px;padding:.05rem .4rem;font-family:Inter,monospace;font-weight:700}.result-count{color:var(--text-muted);margin-bottom:1rem;font-size:.8rem}.result-count-exact{color:#4ade80;margin-left:.4rem;font-weight:700}.search-hint{color:var(--text-muted);background:var(--bg-glass);border-left:2px solid #f59e0b66;border-radius:4px;margin-top:-.5rem;margin-bottom:1rem;padding:.4rem .8rem;font-size:.7rem}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.2rem;padding:.15rem .55rem;font-size:.65rem;font-weight:600;display:inline-flex}.badge-category{border:1px solid #ffffff26}.badge-severity{border:1px solid}.badge-model{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff0f}.badge-archived{color:#94a3b8;background:#94a3b826;border:1px solid #94a3b866}.notice-card .badge,.notice-card .notice-card-match,.notice-card .severity-dot,.notice-card .notice-card-date{pointer-events:none}.notice-card.archived,.detail-card.archived{opacity:.65;background-image:repeating-linear-gradient(-45deg,#0000 0 14px,#94a3b80a 14px 15px)}.notice-card.archived:hover{opacity:.85}.detail-back{z-index:50;-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#1e1f20c7;border-radius:999px;align-self:flex-start;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.5rem 1rem .5rem .85rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex;position:sticky;top:4.6rem;box-shadow:0 2px 12px #00000059}.detail-back:hover{color:var(--text-primary);background:#28292ae6;border-color:#ffffff2e;transform:translate(-2px);box-shadow:0 4px 16px #0006}.detail-back:focus-visible{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #ef444426}.detail-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);padding:2rem}.detail-header{margin-bottom:1.5rem}.detail-title{margin-bottom:.8rem;font-size:1.4rem;font-weight:900;line-height:1.4}.detail-badges{flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;display:flex}.detail-meta{color:var(--text-muted);flex-wrap:wrap;gap:1rem;font-size:.8rem;display:flex}.detail-section{border-top:1px solid var(--border);margin-top:1.8rem;padding-top:1.2rem}.detail-section-title{color:var(--text-secondary);align-items:center;gap:.4rem;margin-bottom:.8rem;font-size:.9rem;font-weight:700;display:flex}.detail-summary-text{color:var(--text-secondary);font-size:.9rem;line-height:1.8}.detail-source-link{color:#60a5fa;word-break:break-all;font-size:.85rem}.detail-source-link:hover{text-decoration:underline}.detail-action-bar{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:.8rem;margin-top:2rem;padding-top:1.5rem;display:flex}.detail-content{color:var(--text-secondary);font-size:.9rem;line-height:1.8}.detail-content h1,.detail-content h2,.detail-content h3{color:var(--text-primary);margin:1.2rem 0 .5rem;font-weight:700}.detail-content h2{font-size:1.1rem}.detail-content h3{font-size:.95rem}.detail-content p{margin-bottom:.8rem}.detail-content ul,.detail-content ol{margin-bottom:.8rem;padding-left:1.5rem}.detail-content li{margin-bottom:.3rem}.detail-content strong{color:var(--text-primary)}.detail-content table{border-collapse:collapse;width:100%;margin:.8rem 0;font-size:.85rem}.detail-content th,.detail-content td{border:1px solid var(--border);text-align:left;padding:.5rem .8rem}.detail-content th{background:var(--bg-glass);color:var(--text-primary);font-weight:600}.model-tags{flex-wrap:wrap;gap:.4rem;display:flex}.model-tag{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition);padding:.3rem .7rem;font-family:Inter,monospace;font-size:.8rem;font-weight:500}.model-tag:focus-visible{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 2px #ef444433}.model-tag:hover{background:var(--accent-soft);border-color:#ef44444d}.model-tag.copied{color:#4ade80;background:#22c55e26;border-color:#22c55e66}.model-tag.highlighted{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b99;animation:1.6s ease-in-out 3 modelTagPulse;box-shadow:0 0 0 2px #f59e0b4d}@keyframes modelTagPulse{0%,to{box-shadow:0 0 0 2px #f59e0b4d}50%{box-shadow:0 0 0 5px #f59e0b80}}.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem}.form-title{background:var(--fire-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:1.3rem;font-weight:800}.form-group{margin-bottom:1.2rem}.form-label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.form-label .required{color:var(--accent);margin-left:.2rem}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:var(--radius-xs);transition:var(--transition);padding:.65rem .9rem;font-family:inherit;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-textarea--summary{min-height:60px}.form-textarea--contact{min-height:70px}.form-select{cursor:pointer}.md-editor-tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:.5rem;display:flex}.md-editor-tab{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.75rem 1.25rem;font-family:inherit;font-size:.9rem}.md-editor-tab:hover{color:var(--text-primary)}.md-editor-tab.active{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:600}.md-editor-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.md-editor-preview{background:var(--bg-input);border-radius:var(--radius-xs);border:1px solid var(--border);min-height:120px;padding:1rem}.form-select option{background:var(--bg-secondary)}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.tag-input-wrap{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xs);min-height:42px;transition:var(--transition);flex-wrap:wrap;align-items:center;gap:.4rem;padding:.4rem;display:flex}.tag-input-wrap:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #ef44441a}.tag-item{background:var(--accent-soft);color:#f87171;border-radius:var(--radius-xs);border:1px solid #ef44444d;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.8rem;font-weight:500;display:inline-flex}.tag-remove{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.tag-remove:hover{opacity:1}.tag-input{min-width:100px;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.2rem .4rem;font-size:.85rem}.btn-primary{background:var(--fire-gradient);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:999px;padding:.7rem 1.5rem;font-size:.9rem;font-weight:700;box-shadow:0 4px 16px #ef44444d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ef444466}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:999px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600}.btn-secondary:hover{background:#ffffff1a}.btn-danger{color:#f87171;cursor:pointer;transition:var(--transition);background:#ef444426;border:1px solid #ef44444d;border-radius:999px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600}.btn-danger:hover{background:#ef444440}.form-actions{justify-content:flex-end;gap:.8rem;margin-top:2rem;display:flex}.fab{bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));right:calc(1.5rem + env(safe-area-inset-right,0px));z-index:50;background:var(--fire-gradient);color:#fff;cursor:pointer;width:56px;height:56px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;display:flex;position:fixed;box-shadow:0 6px 24px #ef444466}.fab:hover{transform:scale(1.1);box-shadow:0 8px 32px #ef444480}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}.empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-text{font-size:.95rem}.toast{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);z-index:999;text-align:center;word-break:break-word;border-radius:18px;max-width:min(90vw,520px);padding:.7rem 1.4rem;font-size:.85rem;font-weight:500;line-height:1.5;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 8px 32px #00000080}.toast.show{transform:translate(-50%)translateY(0)}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow);padding:2rem}.modal-title{margin-bottom:.6rem;font-size:1.1rem;font-weight:700}.modal-text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.85rem;line-height:1.6}.modal-actions{justify-content:flex-end;gap:.6rem;display:flex}.loading{min-height:60vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:.9rem;display:flex}.spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;margin-right:.6rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.update-banner{z-index:150;color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#f59e0b2e,#ef44442e);border-bottom:1px solid #f59e0b66;align-items:center;gap:.6rem;padding:.6rem 1rem;font-size:.85rem;animation:.3s cubic-bezier(.25,.8,.25,1) bannerSlideIn;display:flex;position:sticky;top:0}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.update-banner-icon{font-size:1.1rem;animation:2.5s linear infinite bannerSpin}@keyframes bannerSpin{to{transform:rotate(360deg)}}.update-banner-text{flex:1}.update-banner-btn{background:var(--fire-gradient);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:999px;padding:.4rem 1rem;font-family:inherit;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px #ef44444d}.update-banner-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ef444466}.error-message{min-height:60vh;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;font-size:.95rem;display:flex}.error-message-icon{font-size:3rem;line-height:1}.error-message p{max-width:28rem;line-height:1.6}.help-overlay{z-index:250;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out helpFadeIn;display:flex;position:fixed;inset:0}@keyframes helpFadeIn{0%{opacity:0}to{opacity:1}}.help-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:720px;max-height:90vh;animation:.25s cubic-bezier(.25,.8,.25,1) helpSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0009}@keyframes helpSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.help-header{border-bottom:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.5rem;display:flex}.help-title{background:var(--fire-gradient);-webkit-text-fill-color:transparent;letter-spacing:.01em;-webkit-background-clip:text;font-size:1.2rem;font-weight:800}.help-close{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;width:2.2rem;height:2.2rem;transition:var(--transition);border-radius:50%;flex-shrink:0;font-family:inherit;font-size:1rem;font-weight:700}.help-close:hover{color:var(--text-primary);background:#ffffff1a}.help-body{-webkit-overflow-scrolling:touch;color:var(--text-secondary);flex:auto;padding:1.5rem 2rem 2rem;font-size:.95rem;line-height:1.8;overflow-y:auto}.help-welcome{border-radius:var(--radius-sm);background:linear-gradient(135deg,#f59e0b1f,#ef444414);border:1px solid #f59e0b4d;margin-bottom:1.5rem;padding:1rem 1.2rem}.help-welcome p{margin-bottom:.5rem}.help-welcome p:last-child{margin-bottom:0}.help-welcome strong{color:var(--text-primary)}.help-toc{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:2rem;padding:1rem 1.5rem}.help-toc h3{color:var(--text-primary);margin-bottom:.6rem;font-size:.9rem;font-weight:700}.help-toc ol{columns:2;column-gap:1.5rem;margin:0;padding-left:1.4rem;font-size:.85rem}.help-toc li{break-inside:avoid;margin-bottom:.25rem}.help-toc a{color:var(--text-secondary);transition:var(--transition);text-decoration:none}.help-toc a:hover{color:#f87171;text-decoration:underline}.help-section{margin-bottom:2.5rem;scroll-margin-top:1rem}.help-section h3{color:var(--text-primary);border-bottom:2px solid var(--border);margin-bottom:.8rem;padding-bottom:.5rem;font-size:1.15rem;font-weight:800}.help-section h4{color:var(--text-primary);margin-top:1.3rem;margin-bottom:.5rem;font-size:1rem;font-weight:700}.help-section p{margin-bottom:.7rem}.help-section strong{color:var(--text-primary)}.help-section code{background:var(--bg-input);border:1px solid var(--border);color:#fbbf24;border-radius:4px;padding:.1rem .4rem;font-size:.85em}.help-bullets,.help-section ul{margin:.5rem 0 1rem;padding-left:1.5rem}.help-bullets li,.help-section ul li{margin-bottom:.4rem}.help-steps{counter-reset:step;margin:.8rem 0 1rem;padding-left:0;list-style:none}.help-steps li{counter-increment:step;border-bottom:1px dashed var(--border);margin-bottom:.7rem;padding-bottom:.7rem;padding-left:2.4rem;position:relative}.help-steps li:last-child{border-bottom:none}.help-steps li:before{content:counter(step);background:var(--fire-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;font-size:.8rem;font-weight:800;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px 8px #ef44444d}.help-tip{background:#3b82f614;border-left:3px solid #3b82f6;border-radius:4px;margin:1rem 0;padding:.8rem 1rem;font-size:.9rem}.help-tip strong{color:#93c5fd}.help-warn{background:#f59e0b14;border-left:3px solid #f59e0b;border-radius:4px;margin:1rem 0;padding:.8rem 1rem;font-size:.9rem}.help-warn strong{color:#fcd34d}.help-example{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;margin:.5rem 0 1rem;padding:.6rem .9rem;font-size:.88rem}.help-footer{border-top:1px solid var(--border);text-align:center;margin-top:3rem;padding-top:1.5rem}.help-footer p{color:var(--text-muted);margin-bottom:1rem;font-size:.8rem}@media (width<=640px){.help-overlay{padding:0}.help-dialog{border:none;border-radius:0;max-height:100vh}.help-header{padding:1rem 1.2rem}.help-title{font-size:1rem}.help-body{padding:1.2rem;font-size:.9rem}.help-toc ol{columns:1}.help-section h3{font-size:1.05rem}.help-steps li{padding-left:2rem}.help-steps li:before{width:1.5rem;height:1.5rem;font-size:.7rem}}.install-app-trigger{cursor:pointer;color:#fff;transition:var(--transition);background:0 0;border:1px solid #ffffff4d;border-radius:6px;padding:.25rem .4rem;font-size:.95rem;line-height:1}.install-app-trigger:hover,.install-app-trigger:focus-visible{background:#ffffff1a;border-color:#fff9;outline:none}.install-app-overlay{z-index:100000;background:#0009;justify-content:center;align-items:flex-start;padding:5vh 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.install-app-modal{background:#fff;border-radius:16px;width:100%;max-width:440px;box-shadow:0 20px 60px #0000004d}.install-app-header{background:var(--install-theme-color,#ef4444);color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;justify-content:space-between;align-items:flex-start;gap:.6rem;padding:1.1rem 1.3rem;display:flex}.install-app-header-title{font-size:1.05rem;font-weight:700}.install-app-header-subtitle{opacity:.9;margin-top:.2rem;font-size:.75rem}.install-app-close{color:#fff;cursor:pointer;width:30px;height:30px;transition:var(--transition);background:#fff3;border:none;border-radius:50%;flex-shrink:0;font-size:1.1rem;line-height:1}.install-app-close:hover,.install-app-close:focus-visible{background:#ffffff59;outline:none}.install-app-body{color:#1e293b;padding:1.1rem 1.3rem}.install-app-benefits{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin-bottom:1rem;padding:.7rem .9rem;font-size:.82rem;line-height:1.6}.install-app-cta-wrap{margin-bottom:1rem}.install-app-cta{background:var(--install-theme-color,#ef4444);color:#fff;cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:10px;padding:.85rem;font-size:.95rem;font-weight:700}.install-app-cta:hover,.install-app-cta:focus-visible{filter:brightness(1.08);outline:none}.install-app-cta-hint{color:#64748b;text-align:center;margin-top:.4rem;font-size:.72rem}.install-app-section-title{margin-bottom:.5rem;font-size:.88rem;font-weight:700}.install-app-step{align-items:flex-start;gap:.55rem;margin-bottom:.5rem;display:flex}.install-app-step-num{color:#fff;background:#1e293b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.install-app-step-text{padding-top:.1rem;font-size:.85rem;line-height:1.55}.install-app-step-emphasis{color:#0f172a}.install-app-warning{color:#9a3412;background:#fff7ed;border-radius:6px;margin-top:.5rem;padding:.4rem .6rem;font-size:.72rem}.install-app-note{color:#94a3b8;margin-top:.5rem;font-size:.72rem}.install-app-footer{justify-content:flex-end;padding:.7rem 1.3rem 1.1rem;display:flex}.install-app-footer-close{color:#475569;cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #cbd5e1;border-radius:8px;padding:.5rem 1.1rem;font-size:.85rem}.install-app-footer-close:hover,.install-app-footer-close:focus-visible{color:#1e293b;background:#f1f5f9;border-color:#94a3b8;outline:none}@media (width<=640px){.app-header{gap:.5rem;padding:.6rem 1rem}.header-title{font-size:.95rem}.main-container{padding:1rem .8rem 3rem}.detail-card,.form-card{padding:1.3rem}.form-row{grid-template-columns:1fr}.notice-card{padding:1rem 1.2rem}.font-size-btn{min-width:1.9rem;padding:.2rem .45rem;font-size:.7rem}.header-user-name{max-width:6rem}.header-build-time{display:none}.header-help-btn{width:1.8rem;height:1.8rem;font-size:.8rem}}