:root{--bg-0: #0f0f12;--bg-1: #16161a;--bg-2: #1d1d22;--bg-3: #26262d;--border: #2b2b33;--border-strong: #3a3a44;--text: #f4f4f6;--text-dim: #a2a2ac;--text-faint: #6b6b76;--accent: #5b82ff;--accent-strong: #3d6bff;--accent-soft: rgba(91, 130, 255, .14);--on-accent: #ffffff;--success: #2fb37e;--warning: #d99a3f;--danger: #ec5b62;--danger-soft: rgba(236, 91, 98, .13);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .55);--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--font: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;--font-display: "Fraunces", "Noto Serif JP", Georgia, serif}[data-theme=light]{--bg-0: #f6f6f8;--bg-1: #ffffff;--bg-2: #f2f2f5;--bg-3: #e9e9ee;--border: #e4e4ea;--border-strong: #cfcfd8;--text: #16161a;--text-dim: #56565f;--text-faint: #9494a0;--accent: #2f52e0;--accent-strong: #2643c4;--accent-soft: rgba(47, 82, 224, .1);--on-accent: #ffffff;--success: #1f9d6b;--warning: #b9772a;--danger: #d83f47;--danger-soft: rgba(216, 63, 71, .09);--shadow-sm: 0 1px 2px rgba(20, 20, 40, .08);--shadow-md: 0 8px 24px rgba(20, 20, 40, .1);--shadow-lg: 0 24px 64px rgba(20, 20, 40, .16)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg-0);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}::placeholder{color:var(--text-faint)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid var(--bg-0)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:13.5px;font-weight:600;letter-spacing:.01em;transition:all .15s ease;white-space:nowrap;color:var(--text);background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent);border:none}.btn-primary:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.btn-secondary{background:var(--bg-2);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-3);border-color:var(--border-strong)}.btn-ghost{color:var(--text-dim)}.btn-ghost:hover:not(:disabled){background:var(--bg-2);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-sm{padding:5px 12px;font-size:12.5px;border-radius:7px}.btn-lg{padding:13px 28px;font-size:15px;border-radius:var(--radius)}.btn-block{width:100%}.input,.select,.textarea{width:100%;padding:9px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{resize:vertical;min-height:88px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239c9cad' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.field-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field-label{font-size:12.5px;font-weight:600;color:var(--text-dim);letter-spacing:.02em}.field-label .req{color:var(--danger);margin-left:3px}.field-hint{font-size:12px;color:var(--text-faint)}.checkbox-row{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:248px;min-width:248px;background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;gap:4px;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 10px 18px;font-size:17px;font-weight:800;letter-spacing:-.02em}.sidebar-brand-row{display:flex;align-items:flex-start;justify-content:space-between}.sidebar-footer{display:flex;align-items:center;gap:8px;padding:10px 10px 4px;border-top:1px solid var(--border)}@media(min-width:761px){.sidebar.collapsed{width:64px;min-width:64px;padding:16px 8px}.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-section,.sidebar.collapsed .sidebar-brand{display:none}.sidebar.collapsed .sidebar-brand-row{justify-content:center}.sidebar.collapsed .nav-item{justify-content:center;padding:8px 0}.sidebar.collapsed .sidebar-footer{flex-direction:column;gap:4px;padding:10px 0 4px}}@media(max-width:760px){.icon-btn.sidebar-collapse-btn{display:none}}.sidebar-section{font-size:11px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-dim);font-weight:500;font-size:13.5px;transition:all .12s;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--bg-2);color:var(--text);text-decoration:none}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item .nav-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.nav-item .nav-dot{width:8px;height:8px;border-radius:3px;flex-shrink:0;margin:0 6px}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:56px;min-height:56px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--bg-1)}.content{flex:1;overflow-y:auto;padding:24px}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.app-card{position:relative;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:10px;transition:all .18s ease;overflow:hidden;cursor:pointer}.app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-color, var(--accent));opacity:.9}.app-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-md);text-decoration:none}.app-card-icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--card-color, var(--accent)) 16%,transparent)}.app-monogram{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;line-height:1;color:#fff;flex-shrink:0;background:var(--mono-color, var(--accent));letter-spacing:-.01em}.app-card-name{font-size:15.5px;font-weight:700;color:var(--text)}.app-card-desc{font-size:12.5px;color:var(--text-dim);flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-card-meta{font-size:12px;color:var(--text-faint);display:flex;gap:12px}.bulk-bar{display:flex;align-items:center;gap:10px;padding:9px 14px;margin-bottom:10px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:var(--radius)}.bulk-bar-count{font-weight:700;font-size:13px;color:var(--text)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1)}.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th{position:sticky;top:0;background:var(--bg-2);text-align:left;padding:10px 14px;font-size:12px;font-weight:700;color:var(--text-dim);letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1}.data-table th:hover{color:var(--text)}.data-table td{padding:10px 14px;border-bottom:1px solid var(--border);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table tbody tr{cursor:pointer;transition:background .1s}.data-table tbody tr:hover{background:var(--bg-2)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.row-active,.data-table tbody tr.row-active:hover{background:var(--accent-soft)}.split-view{display:flex;gap:20px;align-items:flex-start}.split-list{flex:1;min-width:0}.split-detail{width:min(440px,40vw);flex-shrink:0;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);position:sticky;top:24px;max-height:calc(100vh - 116px);display:flex;flex-direction:column;overflow:hidden}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.badge-pro{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.06em;background:var(--accent);color:var(--on-accent)}.badge-free{display:inline-flex;padding:2px 10px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.06em;background:var(--bg-3);color:var(--text-dim)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1099;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}}.modal{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 64px);display:flex;flex-direction:column;animation:popIn .18s cubic-bezier(.2,.9,.3,1.2)}.modal-wide{width:min(760px,calc(100vw - 32px))}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(8px)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 0}.modal-title{font-size:17px;font-weight:800;letter-spacing:-.01em}.modal-body{padding:18px 22px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px 20px;border-top:1px solid var(--border)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1073;z-index:100;animation:fadeIn .15s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100vw);background:var(--bg-1);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:101;display:flex;flex-direction:column;animation:slideIn .22s cubic-bezier(.2,.9,.3,1)}@keyframes slideIn{0%{transform:translate(40px);opacity:0}}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-dim);font-size:16px;transition:all .12s}.icon-btn:hover{background:var(--bg-2);color:var(--text)}.notif-badge{position:absolute;top:2px;right:2px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--danger);color:#fff;font-size:9.5px;font-weight:700;line-height:15px;text-align:center}.kanban{display:flex;gap:14px;overflow-x:auto;align-items:flex-start;padding-bottom:12px}.kanban-col{min-width:268px;width:268px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;max-height:calc(100vh - 210px)}.kanban-col.drag-over{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.kanban-col-header{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:700;border-bottom:1px solid var(--border)}.kanban-count{margin-left:auto;font-size:11.5px;color:var(--text-faint);font-weight:600;background:var(--bg-2);padding:1px 8px;border-radius:99px}.kanban-cards{padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:60px}.kanban-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;cursor:grab;transition:all .13s;font-size:13px}.kanban-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.kanban-card:active{cursor:grabbing}.kanban-card-title{font-weight:600;margin-bottom:4px}.kanban-card-meta{font-size:12px;color:var(--text-dim);display:flex;flex-direction:column;gap:2px}.field-row{display:flex;align-items:center;gap:10px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;transition:all .13s}.field-row:hover{border-color:var(--border-strong)}.field-row.dragging{opacity:.4}.field-row .drag-handle{cursor:grab;color:var(--text-faint);font-size:14px;letter-spacing:-2px;-webkit-user-select:none;user-select:none}.field-type-chip{font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px;background:var(--bg-3);color:var(--text-dim);white-space:nowrap}.landing{min-height:100vh;background:var(--bg-0);overflow-x:hidden}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,6vw);position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg-0) 85%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.hero{max-width:900px;margin:0 auto;text-align:center;padding:96px 24px 72px;position:relative}.hero:before{content:"";position:absolute;top:-140px;left:50%;transform:translate(-50%);width:720px;height:420px;max-width:100%;background:radial-gradient(ellipse,var(--accent-soft) 0%,transparent 68%);pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:6px 13px;border-radius:99px;margin-bottom:26px}.hero h1{font-family:var(--font-display);font-size:clamp(40px,6.5vw,72px);font-weight:600;letter-spacing:-.02em;line-height:1.08;margin-bottom:22px;text-wrap:balance}.hero .accent-text{color:var(--accent)}.hero p{font-size:clamp(15px,2vw,19px);color:var(--text-dim);max-width:580px;margin:0 auto 36px;line-height:1.7}.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.landing-section{max-width:1080px;margin:0 auto;padding:60px 24px}.section-title{font-family:var(--font-display);text-align:center;font-size:clamp(26px,4vw,40px);font-weight:600;letter-spacing:-.015em;margin-bottom:12px;text-wrap:balance}.section-sub{text-align:center;color:var(--text-dim);margin-bottom:44px;font-size:15px}.story-lead{max-width:640px;margin:-20px auto 44px;text-align:center;color:var(--text);font-size:16px;line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}@media(max-width:1010px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-1);padding:30px 28px;text-align:left;transition:background .18s}.feature-card:hover{background:var(--bg-2)}.feature-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent);background:var(--accent-soft);margin-bottom:18px}.feature-card h3{font-size:16px;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}.feature-card p{font-size:13.5px;color:var(--text-dim);line-height:1.65}.compare-wrap{max-width:760px;margin:0 auto;border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:var(--bg-1)}.compare-table{width:100%;border-collapse:collapse;font-size:14px}.compare-table th,.compare-table td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.compare-table thead th{background:var(--bg-2);font-weight:700}.compare-table thead th:not(:first-child),.compare-table td:not(:first-child){text-align:center;width:150px}.compare-table tbody tr:last-child td{border-bottom:none}.compare-table .col-pro{color:var(--accent)}.compare-table td:first-child{color:var(--text-dim)}.compare-plan{display:inline-flex;flex-direction:column;gap:2px;align-items:center}.compare-plan .price{font-size:20px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.compare-plan .per{font-size:11.5px;color:var(--text-faint);white-space:normal}.compare-yes{color:var(--accent);font-weight:700}.compare-no{color:var(--text-faint)}.compare-cta-row td{padding:22px 18px}.compare-cta-row td:first-child{color:var(--text);font-weight:600;white-space:normal}@media(max-width:560px){.compare-table{font-size:12px}.compare-table th,.compare-table td{padding:8px 6px;white-space:normal}.compare-table thead th:not(:first-child),.compare-table td:not(:first-child){width:84px}.compare-table td:first-child{min-width:128px}.compare-plan .price{font-size:15px}.compare-cta-row td:first-child{min-width:128px}}.estimator-card{max-width:620px;margin:40px auto 0;text-align:left}.estimator-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.estimator-row-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:14px}.estimator-row-head span{color:var(--text-dim)}.estimator-row-head strong{color:var(--text);font-variant-numeric:tabular-nums}.estimator-slider{width:100%;height:6px;border-radius:999px;background:var(--bg-3);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.estimator-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid var(--bg-1);box-shadow:0 0 0 1px var(--accent);cursor:pointer}.estimator-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid var(--bg-1);box-shadow:0 0 0 1px var(--accent);cursor:pointer}.estimator-price{display:flex;align-items:baseline;justify-content:space-between;padding:16px 18px;margin-bottom:12px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:var(--radius)}.estimator-price-label{font-size:13px;color:var(--text-dim)}.estimator-price-value{font-size:26px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.estimator-price-value .per{font-size:13px;font-weight:500;color:var(--text-dim)}.data-table tfoot td{border-top:2px solid var(--border-strong);background:var(--bg-2);font-size:12px;color:var(--text-dim);cursor:default;line-height:1.7}.stat-num{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.agg-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.agg-bars{display:flex;flex-direction:column;gap:10px;max-width:760px}.agg-row{display:grid;grid-template-columns:minmax(90px,150px) 1fr minmax(110px,auto);gap:12px;align-items:center}.agg-label{font-size:13px;color:var(--text-dim);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agg-bar-track{background:var(--bg-2);border-radius:6px;height:26px;overflow:hidden}.agg-bar{height:100%;background:var(--accent);border-radius:6px;min-width:2px;opacity:.85;transition:width .3s ease}.agg-value{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.agg-value .sub{font-weight:400;color:var(--text-faint);margin-left:6px}.agg-total{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);font-size:13.5px;color:var(--text-dim);max-width:760px}.print-sheet{display:none}@media print{html,body{background:#fff!important;height:auto}#root{display:none!important}.print-sheet{display:block!important;position:static;width:auto;padding:0;background:#fff;color:#111;font-size:13px}.print-sheet-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.print-sheet h1{font-size:18px;margin:0}.print-sheet h2{font-size:15px;margin:2px 0 0;color:#444;font-weight:500}.print-fields{width:100%;border-collapse:collapse;margin-bottom:20px}.print-fields th,.print-fields td{border:1px solid #ccc;padding:7px 10px;text-align:left;vertical-align:top}.print-fields th{width:30%;background:#f4f4f4;font-weight:600}.print-group{margin-bottom:16px;page-break-inside:avoid}.print-group h3{font-size:13.5px;margin:0 0 6px}.print-group ul{margin:0 0 6px;padding-left:20px}.print-group p{margin:2px 0;font-weight:600}.print-meta{margin-top:24px;font-size:11px;color:#666}}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.faq-item{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.faq-item summary{cursor:pointer;padding:16px 18px;font-weight:600;font-size:14.5px;list-style:none;display:flex;align-items:center;gap:10px;transition:background .15s}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"";width:8px;height:8px;border-right:1.5px solid var(--text-faint);border-bottom:1.5px solid var(--text-faint);transform:rotate(-45deg);transition:transform .18s;flex-shrink:0}.faq-item[open] summary:before{transform:rotate(45deg)}.faq-item summary:hover{background:var(--bg-2)}.faq-item .faq-a{padding:0 18px 16px 36px;color:var(--text-dim);font-size:13.5px;line-height:1.75}.faq-more{text-align:center;margin-top:22px}.guide-body{max-width:760px;margin:0 auto;padding:40px 24px 80px}.guide-body h1{font-family:var(--font-display);font-size:clamp(30px,5vw,44px);font-weight:600;letter-spacing:-.015em;margin-bottom:10px}.guide-lead{color:var(--text-dim);font-size:15px;line-height:1.8;margin-bottom:28px}.guide-toc{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 22px;margin-bottom:40px}.guide-toc-title{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--text-faint);text-transform:uppercase;margin-bottom:10px}.guide-toc ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px}.guide-toc a{color:var(--accent);text-decoration:none}.guide-toc a:hover{text-decoration:underline}.guide-section{margin-bottom:44px;scroll-margin-top:80px}.guide-section h2{font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.01em;padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:16px}.guide-section h3{font-size:16px;font-weight:700;margin:22px 0 8px}.guide-section p,.guide-section li{color:var(--text-dim);font-size:14px;line-height:1.85}.guide-section p{margin-bottom:10px}.guide-section ul,.guide-section ol{padding-left:22px;margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.guide-section strong{color:var(--text)}.guide-note{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:12px 16px;font-size:13.5px;color:var(--text-dim);margin:14px 0;line-height:1.7}.landing-footer{text-align:center;padding:40px 20px 56px;color:var(--text-faint);font-size:12.5px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;align-items:center}.landing-footer-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.landing-footer-links a{color:var(--text-faint);text-decoration:none}.landing-footer-links a:hover{color:var(--text-dim);text-decoration:underline}.table-wrap-tokushoho{overflow-x:auto}.tokushoho-table{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.tokushoho-table th,.tokushoho-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.75}.tokushoho-table tr:last-child th,.tokushoho-table tr:last-child td{border-bottom:none}.tokushoho-table th{width:200px;background:var(--bg-2);color:var(--text-dim);font-weight:700;white-space:nowrap}.tokushoho-table td{color:var(--text)}.tokushoho-table a{color:var(--accent)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse 60% 45% at 50% 0%,var(--accent-soft),transparent 70%),var(--bg-0)}.auth-card{width:min(400px,100%);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--shadow-lg)}.error-banner{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;margin-bottom:16px}.verify-banner{display:flex;align-items:center;gap:10px;padding:9px 18px;background:color-mix(in srgb,var(--warning) 14%,transparent);border-bottom:1px solid color-mix(in srgb,var(--warning) 30%,transparent);color:var(--text);font-size:13px}.verify-banner>span{flex:1}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--bg-3);color:var(--text);border:1px solid var(--border-strong);padding:11px 22px;border-radius:99px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-md);z-index:200;animation:toastIn .25s cubic-bezier(.2,.9,.3,1.2)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,14px)}}.empty-state{text-align:center;padding:70px 20px;color:var(--text-dim)}.empty-state .empty-icon{color:var(--text-faint);margin-bottom:16px;display:flex;justify-content:center}.empty-state h3{font-size:17px;font-weight:700;color:var(--text);margin-bottom:6px}.empty-state p{font-size:13.5px;margin-bottom:20px}.spinner{width:22px;height:22px;border:2.5px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.color-swatches{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:30px;height:30px;border-radius:9px;border:2px solid transparent;cursor:pointer;transition:transform .12s}.color-swatch:hover{transform:scale(1.12)}.color-swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--bg-1),0 0 0 4px var(--text-faint)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:22px}.tab{padding:9px 16px;border:none;background:none;font-size:13.5px;font-weight:600;color:var(--text-dim);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .13s}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.search-box{position:relative}.search-box .input{padding-left:34px}.search-box:before{content:"";position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d6d80' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") no-repeat center / contain;pointer-events:none}.rel-picker{position:relative}.rel-picker-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:220px;overflow-y:auto;z-index:60}.rel-picker-item{display:block;width:100%;text-align:left;padding:9px 13px;border:none;background:none;color:var(--text);font-size:13.5px;border-bottom:1px solid var(--border)}.rel-picker-item:last-child{border-bottom:none}.rel-picker-item:hover{background:var(--bg-3)}.view-toggle{display:inline-flex;flex-shrink:0;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px}.view-toggle button{padding:5px 14px;border:none;border-radius:6px;background:none;font-size:12.5px;font-weight:600;color:var(--text-dim);white-space:nowrap;transition:all .12s}.view-toggle button.active{background:var(--bg-1);color:var(--text);box-shadow:var(--shadow-sm)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:200px;z-index:70;padding:5px;animation:popIn .13s ease}.dropdown-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 11px;border:none;background:none;color:var(--text);font-size:13px;font-weight:500;border-radius:6px}.dropdown-item:hover{background:var(--bg-3)}.dropdown-item.danger{color:var(--danger)}.notif-menu{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:200;padding:5px;animation:popIn .13s ease}.multiselect-tags{display:flex;flex-wrap:wrap;gap:6px}.ms-option{padding:5px 13px;border-radius:99px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-dim);font-size:12.5px;font-weight:600;transition:all .12s}.ms-option.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.page-title{font-size:21px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:32px}.muted{color:var(--text-dim)}.faint{color:var(--text-faint);font-size:12.5px}.mobile-menu-btn,.sidebar-backdrop{display:none}@media(max-width:760px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:90;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1080;z-index:85;animation:fadeIn .15s ease}.mobile-menu-btn{display:inline-flex;font-size:17px;margin-right:4px}.content{padding:16px}.topbar{padding:10px 12px;gap:8px;flex-wrap:wrap;height:auto;min-height:56px}.topbar .search-box{order:10;flex-basis:100%;width:auto!important}.view-toggle button{padding:5px 9px}}