:root{--accent: #14b8a6;--accent-ink: #ffffff;--ink: #111111;--ground: #fafaf8;--surface: #ffffff;--warn: #b45309;--danger: #dc2626;--success: #059669;--muted: #6b7280;--border-width: 1.5px;--border: var(--border-width) solid var(--ink);--hairline: 1px solid #e5e7eb;--radius: 3px;--radius-pill: 999px;--shadow: 3px 3px 0 var(--ink);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--tap-mobile: 44px;--tap-desktop: 40px;--font-input: 16px;--topbar-h: 56px;--sidebar-w: 248px;--rail-w: 76px;--bottomtabs-h: 60px}[hidden]{display:none!important}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:var(--border-width) solid var(--accent);outline-offset:2px}.qn-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-desktop);padding:var(--space-3) var(--space-4);border:var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-weight:700;font-size:13px;line-height:1;font-family:inherit;cursor:pointer;text-decoration:none;box-sizing:border-box}.qn-btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow)}.qn-modal .qn-btn--primary{box-shadow:none}.qn-btn--secondary{background:var(--surface);color:var(--ink)}.qn-btn--danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}.qn-btn--ghost{border-color:transparent;background:transparent;color:var(--muted);text-decoration:underline;box-shadow:none}.qn-btn:disabled,.qn-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.qn-label{display:block;margin-bottom:var(--space-2);font-weight:600;font-size:10px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.qn-input{display:block;width:100%;min-height:var(--tap-desktop);padding:var(--space-3);border:var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:var(--font-input);font-family:inherit;box-sizing:border-box}textarea.qn-input{min-height:calc(var(--tap-desktop) * 2);line-height:1.5;resize:vertical}.qn-checkhit{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-desktop);min-height:var(--tap-desktop);cursor:pointer}.qn-checkhit input{width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}.qn-switch{position:relative;display:inline-flex;flex:none;width:44px;height:var(--tap-mobile)}.qn-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.qn-switch__track{position:absolute;top:50%;left:0;right:0;height:26px;transform:translateY(-50%);border:var(--border);border-radius:var(--radius-pill);background:var(--surface);pointer-events:none}.qn-switch__track:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border:var(--border);border-radius:var(--radius-pill);background:var(--ink);transition:transform .15s ease}.qn-switch input:checked+.qn-switch__track{background:var(--accent)}.qn-switch input:checked+.qn-switch__track:before{transform:translate(18px);background:var(--surface)}.qn-switch input:focus-visible+.qn-switch__track{outline:var(--border-width) solid var(--accent);outline-offset:2px}.qn-switch input:disabled+.qn-switch__track{opacity:.5}@media(prefers-reduced-motion:reduce){.qn-switch__track:before{transition:none}}.qn-card{background:var(--surface);border:var(--border);border-radius:var(--radius);padding:var(--space-4)}.qn-card__divider{border:0;border-top:var(--hairline);margin:var(--space-4) 0}.qn-modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#00000073}.qn-modal__card{width:100%;max-width:420px;background:var(--surface);border:var(--border);border-radius:var(--radius)}.qn-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--hairline)}.qn-modal__title{margin:0;font-weight:700;font-size:16px;line-height:1.3}.qn-modal__close{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-desktop);min-height:var(--tap-desktop);border:0;border-radius:var(--radius);background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}.qn-modal__body{padding:var(--space-4);font-size:14px;line-height:1.5}.qn-modal__body p{margin:0}.qn-modal__foot{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:var(--hairline)}.qn-menu{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:40;min-width:200px;padding:var(--space-2);background:var(--surface);border:var(--border);border-radius:var(--radius)}.qn-menu a,.qn-menu button{display:flex;align-items:center;width:100%;min-height:var(--tap-desktop);padding:0 var(--space-3);border:0;border-radius:var(--radius);background:transparent;color:var(--ink);font-size:14px;font-family:inherit;text-align:left;text-decoration:none;cursor:pointer}.qn-menu a:hover,.qn-menu button:hover{background:var(--ground)}.qn-menu__sep{margin:var(--space-2) 0;border:0;border-top:var(--hairline)}.qn-menu__danger{color:var(--danger)}.qn-badge-dot{position:absolute;top:-4px;right:-8px;min-width:16px;padding:0 4px;border-radius:var(--radius-pill);background:var(--danger);color:var(--surface);font-weight:700;font-size:10px;line-height:16px;text-align:center}.qn-pill{display:inline-block;padding:var(--space-1) var(--space-3);border:var(--border-width) solid currentColor;border-radius:var(--radius-pill);font-weight:600;font-size:10px;line-height:1.3;letter-spacing:.05em;text-transform:uppercase;background:transparent}.qn-pill--success{color:var(--success)}.qn-pill--warn{color:var(--warn)}.qn-pill--danger{color:var(--danger)}.qn-pill--muted{color:var(--muted)}.qn-chip{display:inline-flex;align-items:center;min-height:var(--tap-desktop);padding:var(--space-2) var(--space-4);border:var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font-weight:600;font-size:13px;line-height:1;font-family:inherit;cursor:pointer;white-space:nowrap}.qn-chip.is-active{background:var(--ink);color:var(--surface)}.qn-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--tap-desktop);padding:var(--space-3) var(--space-4);border:var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;text-decoration:none}.qn-row+.qn-row{margin-top:var(--space-2)}.qn-row__title{font-weight:700;font-size:13px;line-height:1.2}.qn-row__meta{font-weight:400;font-size:11px;line-height:1.2;color:var(--muted);margin-top:var(--space-1)}.qn-row__value{font-weight:700;font-size:14px;line-height:1;white-space:nowrap}@media(max-width:767px){.qn-btn,.qn-input,.qn-chip,.qn-row{min-height:var(--tap-mobile)}.qn-checkhit,.qn-modal__close,.qn-menu a,.qn-menu button{min-width:var(--tap-mobile);min-height:var(--tap-mobile)}.qn-btn{min-width:var(--tap-mobile)}}.qn-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:880px}.qn-form-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-2)}.qn-form-header__title{margin:0;font-weight:700;font-size:28px;line-height:1.2;color:var(--ink)}.qn-form-header__subtitle{margin:var(--space-1) 0 0;font-size:14px;line-height:1.4;color:var(--muted)}.qn-form-header__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.qn-section{background:var(--surface);border:var(--border);border-radius:var(--radius)}.qn-section__head{display:flex;align-items:center;min-height:var(--tap-desktop);padding:var(--space-3) var(--space-4);border-bottom:var(--hairline)}.qn-section__head--split{justify-content:space-between;gap:var(--space-3)}.qn-section__title{margin:0;font-weight:600;font-size:10px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.qn-section__body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.qn-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.qn-field>.qn-label{margin-bottom:0}.qn-field__meta{display:flex;justify-content:space-between;gap:var(--space-3)}.qn-field__help,.qn-field__count{font-size:12px;line-height:1.4;color:var(--muted)}.qn-field__count{margin-left:auto;white-space:nowrap}.qn-required{color:var(--danger)}.qn-field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.qn-affix{display:flex;align-items:center;border:var(--border);border-radius:var(--radius);background:var(--surface)}.qn-affix:focus-within{outline:var(--border-width) solid var(--accent);outline-offset:2px}.qn-affix__text{padding-left:var(--space-3);font-size:var(--font-input);color:var(--muted)}.qn-affix>.qn-input{border:0;outline:none}.qn-check{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap-desktop);font-size:14px;line-height:1.4;cursor:pointer}.qn-check input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}.qn-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:var(--tap-desktop);padding:var(--space-2);border:var(--border);border-radius:var(--radius);background:var(--surface)}.qn-tags:focus-within{outline:var(--border-width) solid var(--accent);outline-offset:2px}.qn-tags__chip{display:inline-flex;align-items:center;gap:var(--space-1);padding-left:var(--space-3);border:var(--border-width) solid var(--ink);border-radius:var(--radius-pill);font-weight:600;font-size:13px;line-height:1}.qn-tags__remove{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-desktop);min-height:var(--tap-desktop);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}.qn-tags__input{flex:1;min-width:140px;min-height:var(--tap-desktop);border:0;background:transparent;font-size:var(--font-input);font-family:inherit;color:var(--ink);outline:none}.qn-alert{padding:var(--space-3) var(--space-4);border:var(--border-width) solid currentColor;border-radius:var(--radius);background:var(--surface);font-weight:600;font-size:14px;line-height:1.4}.qn-alert--error{color:var(--danger)}.qn-alert--success{color:var(--success)}.qn-savebar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border);border-radius:var(--radius);background:var(--surface)}html:has(.qn-savebar){scroll-padding-top:calc(var(--topbar-h) + var(--space-4));scroll-padding-bottom:calc(var(--tap-desktop) + var(--space-7) + var(--space-4))}@media(max-width:767px){.qn-form-header__title{font-size:24px}.qn-section__head,.qn-check,.qn-tags,.qn-tags__input{min-height:var(--tap-mobile)}.qn-tags__remove{min-width:var(--tap-mobile);min-height:var(--tap-mobile)}html:has(.qn-savebar){scroll-padding-bottom:calc(var(--bottomtabs-h) + env(safe-area-inset-bottom,0px) + var(--tap-mobile) + var(--space-7) + var(--space-4))}.qn-savebar{bottom:calc(var(--bottomtabs-h) + env(safe-area-inset-bottom,0px))}.qn-savebar .qn-btn--primary{flex:1}}