#ckf-app{--topbar: #2A2A2D;--bg: #F7F5F2;--card: #FFFFFF;--border: #DDD9D4;--muted: #5C5753;--text: #1A1714;--soft: #333030;--schiap: #D1183F;--rouge: #B8232A;--green: #2A6B2A;--serif: "Instrument Serif", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif}#ckf-app *{box-sizing:border-box;margin:0;padding:0}#ckf-app{font-family:var(--sans);background:#edebe8;color:var(--text);-webkit-font-smoothing:antialiased;padding:24px 16px}#ckf-app .frame{border:2px solid var(--topbar);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;max-width:900px;margin:0 auto;box-shadow:0 6px 32px #0000001f;background:var(--card)}#ckf-app .topbar{background:var(--topbar);padding:10px 18px;display:flex;align-items:center;gap:8px;flex-shrink:0}#ckf-app .dots{display:flex;gap:6px}#ckf-app .dot{width:11px;height:11px;border-radius:50%}#ckf-app .dot:nth-child(1){background:#ff5f57}#ckf-app .dot:nth-child(2){background:#febc2e}#ckf-app .dot:nth-child(3){background:#28c840}#ckf-app .topbar-lbl{font-family:var(--sans);font-size:12px;font-weight:400;color:#9a9898;margin-left:8px}#ckf-app .notice{background:#fff0f2;border-bottom:1px solid #F2C0C8;padding:8px 18px;font-family:var(--sans);font-size:11px;font-weight:600;color:var(--schiap);text-align:center;letter-spacing:.08em;text-transform:uppercase}#ckf-app .kompas-header{background:var(--card);border-bottom:1px solid var(--border);padding:20px 24px 18px;display:flex;align-items:center;gap:14px}#ckf-app .kompas-icon{width:52px;height:52px;flex-shrink:0;object-fit:contain}#ckf-app .kompas-eyebrow{font-family:var(--sans);font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}#ckf-app .kompas-title{font-family:var(--serif);font-size:20px;color:var(--text);line-height:1.2}#ckf-app .kompas-title em{font-style:italic;color:var(--schiap)}#ckf-app .shell{display:flex;flex:1;min-height:0}#ckf-app .sidebar{width:200px;flex-shrink:0;background:var(--card);border-right:1px solid var(--border);padding:16px 0;overflow-y:auto}#ckf-app .brand{padding:0 18px 14px;border-bottom:1px solid var(--border);margin-bottom:8px}#ckf-app .brand-lbl{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:3px}#ckf-app .brand-name{font-family:var(--serif);font-size:15px;color:var(--text);line-height:1.3}#ckf-app .nav{padding:9px 18px;font-family:var(--sans);font-size:13px;font-weight:400;color:var(--muted);cursor:pointer;border-left:3px solid transparent;transition:color .12s,background .12s;line-height:1.3}#ckf-app .nav:hover{background:var(--bg);color:var(--soft)}#ckf-app .nav.on{color:var(--text);background:var(--bg);border-left-color:var(--schiap);font-weight:600}#ckf-app .main{flex:1;overflow-y:auto;padding:24px 28px;background:var(--bg);min-width:0}#ckf-app .sec{display:none}#ckf-app .sec.on{display:block}#ckf-app .num{font-family:var(--sans);font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}#ckf-app .h1{font-family:var(--serif);font-size:24px;color:var(--text);margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border);line-height:1.2}#ckf-app .cb{background:var(--card);border-radius:10px;padding:16px 18px;margin-bottom:12px;border-left:3px solid var(--schiap);position:relative;box-shadow:0 1px 3px #0000000d}#ckf-app .cb-lbl{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:8px}#ckf-app .cb-txt{font-family:var(--serif);font-size:15px;line-height:1.75;color:var(--soft);white-space:pre-wrap;padding-right:70px}#ckf-app .cbtn{position:absolute;top:12px;right:12px;font-family:var(--sans);font-size:11px;font-weight:600;padding:4px 12px;border:1px solid var(--border);border-radius:20px;background:var(--bg);color:var(--muted);cursor:pointer;white-space:nowrap}#ckf-app .cbtn:hover{color:var(--text);border-color:#aaa7a3}#ckf-app .cbtn.ok{color:var(--green);border-color:#9bc49b}#ckf-app .blist{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}#ckf-app .brow{display:flex;align-items:flex-start;gap:10px;font-family:var(--serif);font-size:15px;color:var(--soft);line-height:1.65}#ckf-app .bd{color:var(--schiap);flex-shrink:0;font-weight:400}#ckf-app .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}#ckf-app .stat{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 12px;text-align:center}#ckf-app .stat-v{font-family:var(--serif);font-size:24px;color:var(--text);margin-bottom:4px;line-height:1.1}#ckf-app .stat-l{font-family:var(--sans);font-size:11px;font-weight:400;color:var(--muted);line-height:1.4}#ckf-app .tags{margin-bottom:18px}#ckf-app .tl{font-family:var(--sans);font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}#ckf-app .tag{display:inline-block;font-family:var(--serif);font-style:italic;font-size:13px;padding:4px 13px;border-radius:20px;background:var(--card);color:var(--soft);border:1px solid var(--border);margin-right:6px;margin-bottom:6px;line-height:1.5}#ckf-app .tgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}#ckf-app .tcl{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}#ckf-app .tcl.yes{color:var(--green)}#ckf-app .tcl.no{color:var(--rouge)}#ckf-app .ti{font-family:var(--serif);font-size:13px;line-height:1.65;padding:10px 12px;border-radius:8px;margin-bottom:7px;color:var(--soft);border:1px solid var(--border);background:var(--card)}#ckf-app .ti.yes{border-left:3px solid #4A9B4A}#ckf-app .ti.no{border-left:3px solid var(--rouge);color:#a8a3a0;text-decoration:line-through;text-decoration-color:var(--rouge);text-decoration-thickness:1.5px}#ckf-app .jr{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin-bottom:9px}#ckf-app .jr-ph{font-family:var(--sans);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}#ckf-app .jr-q{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--soft);line-height:1.65;margin-bottom:6px}#ckf-app .jr-a{font-family:var(--sans);font-size:12px;font-weight:400;color:var(--muted);line-height:1.5}#ckf-app .pr{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin-bottom:9px;display:flex;gap:14px}#ckf-app .pn{font-family:var(--serif);font-size:18px;color:var(--schiap);min-width:20px;padding-top:1px;flex-shrink:0}#ckf-app .pt{font-family:var(--serif);font-size:15px;color:var(--text);margin-bottom:4px}#ckf-app .pd{font-family:var(--sans);font-size:13px;font-weight:400;color:var(--muted);line-height:1.6}#ckf-app .qb{background:var(--card);border-radius:10px;padding:16px 18px;margin-bottom:10px;border-left:3px solid var(--border);box-shadow:0 1px 3px #0000000a}#ckf-app .qt{font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.75;color:var(--soft);margin-bottom:9px}#ckf-app .qa{font-family:var(--sans);font-size:11px;font-weight:400;color:var(--muted)}#ckf-app .qa strong{color:var(--soft);font-weight:600}#ckf-app .shell{height:560px}@media(max-width:640px){#ckf-app{padding:12px 8px}#ckf-app .shell{flex-direction:column;height:auto}#ckf-app .sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:10px 0;display:flex;flex-wrap:wrap;gap:0}#ckf-app .brand{display:none}#ckf-app .nav{padding:7px 14px;font-size:12px;border-left:none;border-bottom:2px solid transparent;white-space:nowrap}#ckf-app .nav.on{border-left:none;border-bottom-color:var(--schiap);background:var(--bg)}#ckf-app .main{padding:18px 16px}#ckf-app .h1{font-size:20px}#ckf-app .stats{grid-template-columns:repeat(3,1fr);gap:8px}#ckf-app .stat-v{font-size:20px}#ckf-app .stat-l{font-size:10px}#ckf-app .tgrid{grid-template-columns:1fr}#ckf-app .cb-txt{padding-right:0}#ckf-app .cbtn{position:static;display:block;margin-top:10px;width:fit-content}#ckf-app .kompas-header{padding:14px 16px;gap:10px}#ckf-app .kompas-icon{width:36px;height:36px}#ckf-app .kompas-title{font-size:17px}}#ckf-app{margin-top:36px;overflow-x:auto}
