.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;gap:2.5rem;height:var(--nav-height);padding-bottom:var(--safe-bottom);background:var(--color-surface);border-top:1px solid var(--color-border)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;text-decoration:none;color:var(--color-text-faint);font-size:.72rem;font-weight:700;min-width:64px}.bottom-nav-icon{font-size:1.35rem}.bottom-nav-item-active{color:var(--color-accent-strong)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;color:var(--color-text-muted)}.loading-spinner-dot{width:28px;height:28px;border-radius:50%;border:3px solid var(--color-surface-strong);border-top-color:var(--color-accent);animation:spin .8s linear infinite}.loading-spinner-label{font-size:.85rem}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1.25rem;border-radius:999px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .08s ease,opacity .15s ease,box-shadow .15s ease;line-height:1.2}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-full{width:100%}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 4px 14px #e8825a59}.btn-secondary{background:var(--color-surface-strong);color:var(--color-text)}.btn-ghost{background:transparent;color:var(--color-accent);padding-left:.5rem;padding-right:.5rem;box-shadow:none}.btn-danger{background:var(--color-danger-soft);color:var(--color-danger)}.error-message{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.25rem;text-align:center;color:var(--color-text-muted);font-size:.95rem}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.5rem;padding:max(.9rem,env(safe-area-inset-top)) .75rem .9rem;background:color-mix(in srgb,var(--color-bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:560px;margin:0 auto}.app-header-side{min-width:40px;display:flex;align-items:center}.app-header-side-right{justify-content:flex-end}.app-header-title{flex:1;text-align:center;font-family:var(--font-display);font-size:1.3rem;font-weight:400}.app-header-back{background:none;border:none;font-size:1.3rem;color:var(--color-text);cursor:pointer;padding:.25rem .5rem}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1.5rem;text-align:center}.empty-state-icon{font-size:2.5rem;margin-bottom:.25rem}.empty-state-title{font-weight:700;color:var(--color-text)}.empty-state-description{color:var(--color-text-muted);font-size:.9rem;margin-bottom:.5rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.badge-default{background:var(--color-surface-strong);color:var(--color-text-muted)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-muted{background:transparent;color:var(--color-text-faint)}.rule-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:.9rem 1rem;cursor:pointer}.rule-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.rule-card-title-row{display:flex;align-items:center;gap:.5rem}.rule-card-title{font-weight:700;font-size:1rem}.rule-card-content{color:var(--color-text-muted);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rule-card-targets{color:var(--color-text-faint);font-size:.78rem}.ack-status-list{display:flex;flex-direction:column;gap:.6rem}.ack-status-item{display:flex;align-items:center;gap:.6rem}.ack-status-check{width:22px;height:22px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--color-border);color:var(--color-text-faint);font-size:.85rem;font-weight:700}.ack-status-done{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-soft)}.ack-status-name{font-weight:600;flex:1}.ack-status-time{font-size:.78rem;color:var(--color-text-faint)}.history-timeline{display:flex;flex-direction:column;gap:1.1rem;padding:0;margin:0}.history-timeline-item{display:flex;gap:.75rem}.history-timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent);margin-top:.35rem;flex-shrink:0}.history-timeline-body{flex:1;padding-bottom:.25rem;border-bottom:1px dashed var(--color-border)}.history-timeline-meta{display:flex;gap:.6rem;font-size:.78rem;color:var(--color-text-faint);margin-bottom:.15rem}.history-timeline-actor{font-weight:700;color:var(--color-text-muted)}.history-timeline-action{font-weight:700;margin-bottom:.4rem}.history-diff{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.history-diff li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem}.history-diff-label{font-weight:700;color:var(--color-text-muted);min-width:4.5em}.history-diff-before{color:var(--color-text-faint);text-decoration:line-through}.history-diff-after{color:var(--color-accent-strong);font-weight:700}.target-picker{display:flex;flex-direction:column;gap:.5rem}.target-picker-item{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;border:1px solid var(--color-border);border-radius:12px;cursor:pointer;font-weight:600}.target-picker-item-checked{border-color:var(--color-accent);background:var(--color-accent-soft)}.target-picker-item input{width:18px;height:18px}.target-picker-role{margin-left:auto;font-size:.72rem;color:var(--color-text-faint);font-weight:700}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent-strong);font-weight:700;flex-shrink:0}.member-list{display:flex;flex-direction:column;gap:.7rem}.member-list-item{display:flex;align-items:center;gap:.7rem}.member-list-name{flex:1;font-weight:600}.invite-result{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--color-border)}.invite-url-row{display:flex;gap:.5rem;margin-top:.5rem}.invite-url-row input{flex:1;min-width:0;border:1px solid var(--color-border);border-radius:12px;padding:.6rem .7rem;font-size:.82rem;background:var(--color-surface-strong);color:var(--color-text-muted)}:root{--color-bg: #f8f3ea;--color-surface: #ffffff;--color-surface-strong: #efe3d6;--color-text: #35281f;--color-text-muted: #7d6a5c;--color-text-faint: #ad9a8b;--color-border: #e8dac8;--color-accent: #c15b6c;--color-accent-strong: #9c4457;--color-accent-soft: #f6dee2;--color-danger: #bd463d;--color-danger-soft: #f8ddd8;--color-success: #3f8f5f;--color-success-soft: #ddf0e3;--font-display: "Yomogi", "Klee One", "Zen Maru Gothic", sans-serif;--font-body: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", system-ui, -apple-system, sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-height: 64px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #241c18;--color-surface: #2d241f;--color-surface-strong: #392e27;--color-text: #f3e8dd;--color-text-muted: #c8b6a6;--color-text-faint: #93806f;--color-border: #493c32;--color-accent: #e0899a;--color-accent-strong: #eda9b6;--color-accent-soft: #4a2d34;--color-danger: #e08074;--color-danger-soft: #4a2c26;--color-success: #7bc99b;--color-success-soft: #203a2c;color-scheme:dark}}:root[data-theme=dark]{--color-bg: #241c18;--color-surface: #2d241f;--color-surface-strong: #392e27;--color-text: #f3e8dd;--color-text-muted: #c8b6a6;--color-text-faint: #93806f;--color-border: #493c32;--color-accent: #e0899a;--color-accent-strong: #eda9b6;--color-accent-soft: #4a2d34;--color-danger: #e08074;--color-danger-soft: #4a2c26;--color-success: #7bc99b;--color-success-soft: #203a2c;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}ul{list-style:none;margin:0;padding:0}input,textarea,select{font-family:inherit;font-size:1rem}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.page{max-width:560px;margin:0 auto;min-height:100%;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 1.5rem)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:1rem 1.1rem}.section-title{font-family:var(--font-display);font-size:1.05rem;font-weight:400;color:var(--color-text-muted);letter-spacing:.02em;margin:1.5rem 1.25rem .6rem}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.field label{font-size:.85rem;font-weight:700;color:var(--color-text-muted)}.field input[type=text],.field textarea,.field select{border:1px solid var(--color-border);border-radius:12px;padding:.7rem .85rem;background:var(--color-surface);color:var(--color-text)}.field input[type=text]:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--color-accent-soft);border-color:var(--color-accent)}.field-error{color:var(--color-danger);font-size:.8rem;font-weight:600}.field-hint{color:var(--color-text-faint);font-size:.78rem}