*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--ck-page-bg, var(--ck-bg, #fdf6ec));color:var(--ck-fg, #1f1d24);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}a{color:var(--ck-primary, #7c3aed)}.wrap{max-width:60rem;margin:0 auto;padding:1rem 1.1rem 3rem}.top{border-bottom:1px solid var(--ck-border, rgba(0, 0, 0, .1));background:var(--ck-surface, #fffaf2)}.top-inner{max-width:60rem;margin:0 auto;padding:.7rem 1.1rem;display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.brand{font-weight:700;text-decoration:none;color:var(--ck-fg);margin-right:auto}.nav a{text-decoration:none;color:var(--ck-muted, #6b6672);margin-right:.9rem;font-size:.94rem}.nav a.router-link-active{color:var(--ck-primary, #7c3aed);font-weight:600}.card{background:var(--ck-surface, #fffaf2);border:1px solid var(--ck-border, rgba(0, 0, 0, .1));border-radius:.9rem;padding:1.1rem;margin-bottom:1rem}h1{font-size:1.5rem;margin:1.2rem 0 .4rem}h2{font-size:1.15rem;margin:0 0 .7rem}.muted{color:var(--ck-muted, #6b6672);font-size:.9rem}textarea,input[type=text],input[type=number],input[type=datetime-local],input[type=date],select{width:100%;padding:.55rem .7rem;border-radius:.55rem;border:1px solid var(--ck-border, rgba(0, 0, 0, .15));background:var(--ck-surface-2, #fff);color:var(--ck-fg);font:inherit}textarea{min-height:7rem;resize:vertical}button{font:inherit;cursor:pointer;padding:.5rem 1rem;border-radius:.55rem;border:1px solid transparent;background:var(--ck-primary, #7c3aed);color:var(--ck-primary-fg, #fff)}button.ghost{background:transparent;color:var(--ck-fg);border-color:var(--ck-border, rgba(0, 0, 0, .15))}button:disabled{opacity:.55;cursor:default}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.cards{display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:52rem){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:34rem){.cards{grid-template-columns:1fr}}.tile{display:flex;flex-direction:column;gap:.35rem;padding:.8rem .9rem;border:1px solid var(--ck-border, rgba(0, 0, 0, .12));border-left-width:3px;border-radius:.7rem;background:var(--ck-surface-2, rgba(0, 0, 0, .02));color:inherit;text-decoration:none;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.tile:hover{transform:translateY(-2px);border-color:var(--ck-primary, #7c3aed)}.tile.t-avoid{border-left-color:var(--ck-danger, #c0392b)}.tile.t-caution{border-left-color:var(--ck-gold, #b8860b)}.tile.t-ok{border-left-color:var(--ck-success, #2e7d32)}.tile-title{font-weight:600;line-height:1.3}.tile-note{font-size:.82rem;color:var(--ck-muted, #6b6672)}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--ck-border, rgba(0, 0, 0, .15));background:transparent;color:var(--ck-fg);font-size:.88rem;cursor:pointer}.chip.on{background:var(--ck-primary, #7c3aed);border-color:var(--ck-primary, #7c3aed);color:var(--ck-primary-fg, #fff)}.tag{display:inline-block;padding:.12rem .5rem;border-radius:.4rem;font-size:.78rem;font-weight:600;border:1px solid currentColor}.v-avoid,.c-always,.c-often{color:var(--ck-danger, #c0392b)}.v-caution,.c-sometimes,.c-trace{color:var(--ck-gold, #b8860b)}.v-ok,.c-free{color:var(--ck-success, #2e7d32)}.v-unknown{color:var(--ck-muted, #6b6672)}.lvl-A,.lvl-B{color:var(--ck-success, #2e7d32)}.lvl-C,.lvl-D{color:var(--ck-gold, #b8860b)}.lvl-ALT{color:var(--ck-primary, #7c3aed);border-style:dashed}.notice{border-left:3px solid var(--ck-gold, #b8860b);padding:.6rem .85rem;margin:.8rem 0;background:var(--ck-surface-2, rgba(0, 0, 0, .03));border-radius:0 .5rem .5rem 0;font-size:.9rem}.notice.danger{border-left-color:var(--ck-danger, #c0392b)}.list{list-style:none;padding:0;margin:0}.list li{padding:.6rem 0;border-bottom:1px solid var(--ck-border, rgba(0, 0, 0, .08))}.list li:last-child{border-bottom:none}.bar{height:.5rem;border-radius:999px;background:var(--ck-border, rgba(0, 0, 0, .1));overflow:hidden}.bar>span{display:block;height:100%;background:var(--ck-primary, #7c3aed)}