:root{--c-amber-light:#ffc557;--c-amber:#fca404;--c-tangerine:#ff7930;--c-flame:#ff6600;--c-vermilion:#ff2b01;--c-crimson:#cd0000;--bg-canvas:#f8f6f0;--card-bg:#ffffff;--fg-ink:#181512;--fg-muted:#6e6259;--border-subtle:#ebdcd0;--border-card:rgba(235,220,208,0.85);--radius-ios-lg:24px;--radius-ios-md:16px;--radius-ios-sm:10px;--radius-pill:9999px;--shadow-ios-sm:0 2px 8px -2px rgba(28,20,16,0.05);--shadow-ios-card:0 6px 20px -4px rgba(28,20,16,0.06),0 1px 3px rgba(0,0,0,0.02);--shadow-ios-glow:0 12px 28px -4px rgba(255,102,0,0.38);--p-bg:rgba(252,164,4,0.12);--k-bg:rgba(205,0,0,0.09);--ring:var(--c-flame)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 -apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,sans-serif;color:var(--fg-ink);background:var(--bg-canvas);background-image:radial-gradient(at 10% 10%,rgba(255,197,87,.15) 0,transparent 45%),radial-gradient(at 90% 90%,rgba(255,43,1,.08) 0,transparent 50%),radial-gradient(at 50% 50%,rgba(252,164,4,.06) 0,transparent 60%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--c-crimson);text-decoration:none}:focus-visible{outline:3px solid var(--c-flame);outline-offset:3px;border-radius:var(--radius-ios-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ios-navbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(255,255,255,.85);border-bottom:1px solid var(--border-card)}.ios-nav-inner{max-width:1140px;margin:0 auto;padding:0 20px;min-height:58px;justify-content:space-between}.ios-brand,.ios-nav-inner{display:flex;align-items:center}.ios-brand{gap:10px;font-weight:800;font-size:1.15rem;color:var(--fg-ink);letter-spacing:-.02em}.brand-dot{width:10px;height:10px;background:linear-gradient(135deg,var(--c-amber),var(--c-flame),var(--c-vermilion))}.admin-chip,.brand-dot{border-radius:var(--radius-pill)}.admin-chip{font-size:.75rem;font-weight:700;padding:2px 8px;background:rgba(205,0,0,.1);color:var(--c-crimson);border:1px solid rgba(205,0,0,.2)}.ios-nav-links{display:flex;align-items:center;gap:6px}.nav-item,nav button.link{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:var(--radius-pill);font-size:.92rem;font-weight:600;color:var(--fg-ink);background:transparent;border:0;cursor:pointer;transition:all .15s ease}.nav-item:hover,nav button.link:hover{background:rgba(252,164,4,.15);color:var(--c-crimson)}.ios-main{max-width:1140px;margin:0 auto;padding:24px 20px 60px}.card{background:var(--card-bg);border-radius:var(--radius-ios-lg);border:1px solid var(--border-card);box-shadow:var(--shadow-ios-card);padding:24px;margin-bottom:20px}.ios-island-hud{position:-webkit-sticky;position:sticky;top:72px;z-index:30;display:flex;justify-content:center;margin-bottom:24px;pointer-events:none}.ios-hud-content{pointer-events:auto;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:rgba(24,20,16,.94);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-pill);padding:9px 20px;box-shadow:0 16px 36px -4px rgba(0,0,0,.32),0 2px 8px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:6px;min-width:290px;max-width:90vw}.ios-hud-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.ios-hud-pulse{width:8px;height:8px;border-radius:50%;background:var(--c-flame);box-shadow:0 0 0 3px rgba(255,102,0,.4)}.ios-island-hud .progress{margin:0;padding:0;border:0;background:transparent;font-weight:700;font-size:.95rem;color:#ffffff}.hud-count{font-size:1.05rem;font-weight:800;color:var(--c-amber)}.hud-total{color:rgba(255,255,255,.75);font-weight:600;font-size:.88rem}.ios-hud-badge{font-size:.78rem;font-weight:800;padding:2px 8px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--c-amber-light),var(--c-amber));color:#1c1410}.ios-hud-bar .bar{height:5px;background:rgba(255,255,255,.15);border-radius:var(--radius-pill);overflow:hidden}.ios-hud-bar .bar i{display:block;height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--c-amber-light),var(--c-amber),var(--c-flame),var(--c-vermilion));transition:width .35s cubic-bezier(.34,1.56,.64,1)}.bento-hero{border-radius:var(--radius-ios-lg);background:linear-gradient(180deg,#ffffff,#fffdfa);position:relative;overflow:hidden}.bento-hero:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--c-amber-light),var(--c-amber),var(--c-tangerine),var(--c-flame),var(--c-vermilion),var(--c-crimson))}.bento-hero-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.bento-avatar{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--c-amber-light),var(--c-flame));display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:#ffffff;box-shadow:0 4px 14px -2px rgba(255,102,0,.35)}.bento-kicker{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-flame)}.bento-title{margin:2px 0 0;font-size:1.8rem;font-weight:800;letter-spacing:-.03em}.ios-callout{display:flex;gap:14px;background:rgba(255,241,214,.55);border:1px solid rgba(255,197,87,.7);border-radius:var(--radius-ios-md);padding:14px 18px;font-size:.95rem;line-height:1.5}.callout-icon{font-size:1.3rem}.callout-rule{margin-top:6px;font-size:.88rem;color:#5a2600}.pill-p-inline{background:var(--c-amber);color:#1c1410}.pill-k-inline,.pill-p-inline{display:inline-block;padding:1px 7px;border-radius:var(--radius-pill);font-weight:800;font-size:.82rem}.pill-k-inline{background:var(--c-crimson);color:#ffffff}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin-top:20px}@media (max-width:900px){.bento-grid{grid-template-columns:1fr}}.bento-card{background:#ffffff;border-radius:var(--radius-ios-lg);border:1px solid var(--border-card);box-shadow:var(--shadow-ios-card);padding:20px;margin:0;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;scroll-margin-top:130px}.bento-card:hover{box-shadow:0 10px 28px -6px rgba(28,20,16,.08),0 2px 6px rgba(0,0,0,.02)}.bento-card.done{border-color:rgba(252,164,4,.35);background:linear-gradient(180deg,#ffffff,#fffdfa)}.bento-card.missing{border:2px solid var(--c-crimson);background:#fff8f7;animation:shake .35s ease}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.bento-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(235,220,208,.6)}.num-chip{display:flex;align-items:baseline;gap:8px}.num-val{font-size:1.35rem;font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,var(--c-flame),var(--c-crimson));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.num-label{font-size:.9rem;font-weight:700;color:var(--fg-muted)}.badge-done{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-pill);background:rgba(252,164,4,.12);color:#7a2e00;border:1px solid rgba(252,164,4,.3)}.badge-pending{font-size:.75rem;font-weight:600;padding:3px 9px;border-radius:var(--radius-pill);background:rgba(110,98,89,.08);color:var(--fg-muted)}.table-responsive{width:100%;overflow-x:auto}.ios-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-ios-md);overflow:hidden;font-size:.93rem}.ios-table th{padding:8px 10px;font-size:.82rem;font-weight:700;text-align:left;color:var(--fg-muted);background:rgba(248,246,240,.6)}.pk-header{text-align:center!important;width:62px}.pk-tag{display:inline-block;width:22px;height:22px;line-height:22px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:900}.p-tag{background:var(--c-amber);color:#1c1410}.k-tag{background:var(--c-crimson);color:#ffffff}.pk-header .sub{display:block;font-size:.68rem;font-weight:500;color:var(--fg-muted)}.ios-table td{padding:10px;vertical-align:middle;border-top:1px solid rgba(235,220,208,.6);transition:background-color .15s ease}.pk-cell{text-align:center}.pk .hit{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;margin:-6px auto;cursor:pointer;position:relative}.pk input[type=radio]{width:22px;height:22px;margin:0;cursor:pointer;accent-color:var(--c-flame)}.pk input[type=radio]:disabled{opacity:.25;cursor:not-allowed}tr.selP td{background:var(--p-bg)}tr.selK td{background:var(--k-bg)}tr.selP .stmt-text:after{content:"PALING";background:var(--c-amber);color:#1c1410}tr.selK .stmt-text:after,tr.selP .stmt-text:after{margin-left:8px;font-size:.72rem;font-weight:800;padding:2px 7px;border-radius:var(--radius-pill)}tr.selK .stmt-text:after{content:"PALING TIDAK";background:var(--c-crimson);color:#ffffff}.stmt-text{font-weight:500;color:var(--fg-ink);line-height:1.45}.bento-submit-wrapper{margin-top:32px}.submit-card{background:#ffffff;border-radius:var(--radius-ios-lg);border:1px solid var(--border-card);box-shadow:var(--shadow-ios-card);padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.submit-info h3{margin:0 0 4px;font-size:1.15rem;font-weight:800}.submit-info p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border-radius:var(--radius-pill);font-size:1rem;font-weight:700;border:0;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.ios-btn-submit{background:linear-gradient(135deg,var(--c-amber) 0,var(--c-flame) 45%,var(--c-vermilion) 100%);color:#ffffff;box-shadow:var(--shadow-ios-glow);letter-spacing:-.01em}.ios-btn-submit:hover:not(:disabled){box-shadow:0 14px 32px -2px rgba(255,102,0,.48)}.btn.small{min-height:38px;padding:8px 18px;font-size:.88rem}.btn.danger{background:var(--c-crimson);color:#ffffff;box-shadow:0 4px 14px -2px rgba(205,0,0,.35)}.start-wrapper{max-width:540px;margin:40px auto}.start-card{padding:36px 32px;text-align:center}.disc-badge-row{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.disc-pill{width:36px;height:36px;line-height:36px;border-radius:12px;font-weight:900;font-size:1.1rem;color:#ffffff}.pill-d{background:var(--c-crimson)}.pill-i{background:var(--c-flame)}.pill-s{background:var(--c-amber);color:#1c1410}.pill-c{background:#2f7d32}.start-title{margin:0 0 10px;font-size:1.8rem;font-weight:900;letter-spacing:-.03em}.start-sub{color:var(--fg-muted);font-size:.96rem;margin:0 0 24px;line-height:1.5}.ios-form{text-align:left;display:flex;flex-direction:column;gap:16px}.form-group label{display:block;margin-bottom:6px;font-size:.88rem;font-weight:700;color:var(--fg-ink)}.form-group input,.form-group select,.inline input{width:100%;min-height:48px;padding:12px 16px;font:inherit;font-size:.98rem;border-radius:var(--radius-ios-md);border:1.5px solid var(--border-subtle);background:#fcfbfa;color:var(--fg-ink);transition:border-color .15s ease,box-shadow .15s ease}.form-group input:focus,.form-group select:focus,.inline input:focus{border-color:var(--c-flame);box-shadow:0 0 0 4px rgba(255,102,0,.15);background:#ffffff;outline:none}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:500px){.form-row{grid-template-columns:1fr}}.start-note{margin-top:20px;font-size:.82rem;color:var(--fg-muted);line-height:1.4}.grid3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-bottom:20px}@media (max-width:960px){.grid3{grid-template-columns:1fr}}.line.card{display:flex;flex-direction:column;padding:22px;border-radius:var(--radius-ios-lg);position:relative;overflow:hidden}.line.card h2{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;padding-bottom:8px;border-bottom:3px solid var(--c-amber)}.type-badge-wrap{display:flex;align-items:baseline;gap:8px;margin:14px 0 8px}.type-badge{display:inline-block;background:linear-gradient(135deg,var(--c-amber-light),var(--c-amber));color:#1c1410;font-weight:900;font-size:1.1rem;padding:4px 12px;border-radius:var(--radius-pill);letter-spacing:-.02em}.type-pat{color:var(--fg-muted);font-size:.92rem;font-weight:700}.traits{margin:8px 0 0 20px;padding:0;font-size:.92rem;line-height:1.6;color:var(--fg-ink)}.narrative{border-radius:var(--radius-ios-lg);padding:28px;background:linear-gradient(180deg,#ffffff,#fffdfa);border:1px solid var(--border-card)}.narrative h2{font-size:1.35rem;font-weight:800;margin:0 0 4px}.narrative-body{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:28px;gap:28px;margin-top:18px}@media (max-width:850px){.narrative-body{grid-template-columns:1fr}}.desc-text{line-height:1.7;color:var(--fg-ink);font-size:.98rem}.job-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{display:inline-flex;align-items:center;background:rgba(255,241,214,.7);border:1px solid rgba(255,197,87,.8);color:#5c2400;padding:6px 14px;border-radius:var(--radius-pill);font-size:.88rem;font-weight:700}.chart{width:100%;height:auto;margin:10px 0}.chart .grid{stroke:#ebdcd0;stroke-dasharray:2 4}.chart .zero{stroke:var(--fg-muted);stroke-width:1.5;stroke-dasharray:none}.chart .line{fill:none;stroke:var(--c-vermilion);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart .dot{fill:#ffffff;stroke:var(--c-vermilion);stroke-width:3}.chart .tick{font:12px system-ui,sans-serif;fill:var(--fg-muted)}.chart .axis,.chart .val{font-weight:800;font-size:13px;fill:var(--fg-ink)}.chart .val{paint-order:stroke;stroke:#ffffff;stroke-width:3px}table.counts{margin:8px 0;width:100%;border-collapse:collapse;font-size:.9rem}.counts th{color:var(--fg-muted);font-weight:600;text-align:left}.counts td{text-align:center;font-weight:800;font-size:1rem;color:var(--fg-ink)}.tablewrap{overflow-x:auto;border-radius:var(--radius-ios-md)}table.list{width:100%;border-collapse:collapse;font-size:.94rem;min-width:720px}.list th{padding:12px 14px;text-align:left;border-bottom:2px solid var(--border-subtle);color:var(--fg-muted)}.list td{padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.list tbody tr:hover{background:rgba(255,241,214,.4)}dl.id{display:grid;grid-template-columns:auto 1fr;grid-gap:4px 16px;gap:4px 16px;margin:8px 0 0}dl.id dt{color:var(--fg-muted);font-weight:500}dl.id dd{margin:0;font-weight:700}.ios-alert{background:#fff3f1;border:1.5px solid #f8b8ae;color:#8a0e00;border-radius:var(--radius-ios-md);padding:14px 18px;margin-bottom:20px}.ios-alert ul{margin:6px 0 0 18px;padding:0}.alert-head{display:flex;align-items:center;gap:8px}.foot{font-size:.85rem;color:var(--fg-muted);margin-top:24px}.foot,.pager{text-align:center}.pager{margin-top:20px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.ios-island-hud,.ios-navbar,.noprint{display:none!important}body{background:#ffffff}.ios-main{padding:0}.bento-grid,.grid3{display:block!important}.bento-card,.card{page-break-inside:avoid;break-inside:avoid;border-color:#ccc;margin-bottom:16px;box-shadow:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.inline{display:flex;gap:8px;margin-bottom:14px}.once{color:var(--c-crimson)}