:root{color:#18202a;background:#f5f2ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}a{color:#8b3f00}button,input,select,textarea{font:inherit}.app-shell{display:grid;gap:1.5rem;margin:0 auto;max-width:1120px;padding:clamp(.75rem,4vw,2rem)}.hero,.panel{background:#fffaf2;border:1px solid #eadfce;border-radius:20px;box-shadow:0 12px 36px #4a321414;padding:1.5rem}.hero h1{font-size:clamp(2rem,4vw,3.75rem);line-height:1.05;margin:0;max-width:820px}.hero p{max-width:720px}.eyebrow{color:#9c4c00;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.auth-form,.account-form,.series-form,.search-form{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.auth-form{align-items:end;grid-template-columns:minmax(240px,1fr) minmax(240px,1fr) auto}.auth-form label,.account-form label,.series-form label,.search-form label{display:grid;gap:.35rem;font-weight:700}.auth-form input,.account-form input,.series-form input,.series-form select,.search-form input{border:1px solid #d7c7ae;border-radius:12px;padding:.75rem}.import-form{display:grid;gap:1rem}.file-picker{display:grid;gap:.35rem;font-weight:700}.file-picker input{background:#fff;border:1px dashed #b69f7c;border-radius:12px;padding:.75rem}.import-form textarea,.scriptlet-code{border:1px solid #d7c7ae;border-radius:12px;min-height:12rem;padding:.75rem;resize:vertical}.scriptlet-code{box-sizing:border-box;display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:1rem 0;width:100%}.scriptlet-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.session-bar{align-items:center;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.session-bar span{color:#6b4d2f;flex:1;font-weight:700}.release-alerts{display:grid;gap:.75rem}.release-alert{align-items:center;background:#fff;border:1px solid #eadfce;border-left:6px solid #b69f7c;border-radius:14px;display:grid;gap:.5rem;grid-template-columns:minmax(220px,1fr) auto auto;padding:.85rem}.release-alert.overdue{border-left-color:#9d1b1b}.release-alert.upcoming{border-left-color:#1f6f3d}.alert-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.import-form button{justify-self:start}.form-actions{align-items:end;display:flex;flex-wrap:wrap;gap:.75rem}.auth-form .form-actions{white-space:nowrap}.account-form button{justify-self:start}.compact-auth-form{grid-template-columns:minmax(240px,1fr) auto}.account-action{background:#fff;border:1px solid #eadfce;border-radius:14px;padding:1rem}.danger-panel{border-color:#d9a0a0}.auth-links{color:#4f3b27;margin:.5rem 0 0}.search-results{display:grid;gap:1rem;margin-top:1rem}.search-result{align-items:center;background:#fff;border:1px solid #eadfce;border-radius:16px;display:grid;gap:1rem;grid-template-columns:72px 1fr auto;padding:1rem}.search-result img,.image-placeholder,.cover-thumb{background:#eadfce;border-radius:8px;height:96px;object-fit:cover;width:72px}.cover-thumb{height:72px;width:54px}.subtle-text{color:#6b4d2f;font-size:.8rem;margin-top:.25rem}.search-result h3{margin:0 0 .35rem}.search-result p{color:#6b4d2f;margin:0 0 .35rem}.series-form .checkbox{align-items:center;display:flex;gap:.5rem}.series-title-cell{align-items:center;display:flex;gap:.75rem;min-width:220px}.series-form button,.account-form button,.account-action button,.panel>button,.secondary-button,.auth-form button,.search-form button,.search-result button,.import-form button,.scriptlet-actions button,.help-icon-button,.notification-button,.session-bar button,.danger-button,.table-action{align-self:end;background:#2d2114;border:0;border-radius:12px;color:#fffaf2;cursor:pointer;font-weight:700;padding:.8rem 1rem}.auth-form .secondary-button,.series-form .secondary-button,.secondary-button,.table-action{background:#fffaf2;border:1px solid #b69f7c;color:#2d2114}.help-icon-button{align-items:center;border-radius:999px;display:inline-flex;height:1.7rem;justify-content:center;margin-left:.5rem;padding:0;vertical-align:middle;width:1.7rem}.table-action{padding:.45rem .75rem}.danger-button{background:#9d1b1b}.modal-backdrop{align-items:center;background:#18202a73;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:20}.modal-panel{background:#fffaf2;border:1px solid #eadfce;border-radius:20px;box-shadow:0 24px 72px #18202a3d;max-height:calc(100vh - 3rem);max-width:820px;overflow:auto;padding:1.5rem;width:min(820px,100%)}.modal-panel h2{margin-top:0}.modal-heading{align-items:center;display:flex;gap:1rem;justify-content:space-between}.edit-modal-form{grid-template-columns:repeat(2,minmax(220px,1fr))}.modal-actions{align-items:end;display:flex;gap:1rem;grid-column:1 / -1;justify-content:space-between}.table-actions{display:flex;gap:.5rem}.series-form button:disabled,.account-form button:disabled,.account-action button:disabled,.panel>button:disabled,.secondary-button:disabled,.auth-form button:disabled,.search-form button:disabled,.search-result button:disabled,.import-form button:disabled,.help-icon-button:disabled,.notification-button:disabled,.session-bar button:disabled,.danger-button:disabled,.table-action:disabled{cursor:wait;opacity:.7}.error{color:#9d1b1b;font-weight:700}.notice{color:#1f6f3d;font-weight:700}.help-text{color:#6b4d2f}.steps{color:#4f3b27;padding-left:1.5rem}.table-wrap{overflow-x:auto}.panel-heading{align-items:center;display:flex;gap:1rem;justify-content:space-between}.panel-heading h2{margin:0}.panel-heading-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.page-size-control{align-items:center;color:#6b4d2f;display:flex;font-weight:700;gap:.5rem}.page-size-control select{border:1px solid #d7c7ae;border-radius:10px;padding:.45rem .6rem}.pagination-bar{align-items:center;color:#6b4d2f;display:flex;font-weight:700;gap:1rem;justify-content:space-between;margin:1rem 0}.pagination-controls{align-items:center;display:flex;gap:.75rem}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #eadfce;padding:.85rem;text-align:left}th{color:#6b4d2f;font-size:.9rem}.scriptlet-help-panel{max-width:980px}.browser-help-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:1rem 0}.browser-help-card{background:#fff;border:1px solid #eadfce;border-radius:16px;padding:1rem}.browser-help-card h3{margin:.75rem 0 .5rem}.browser-help-card ol{color:#4f3b27;margin:0;padding-left:1.2rem}.browser-help-image{display:block;height:auto;width:100%}@media(max-width:760px){.hero,.panel{border-radius:16px;padding:1rem}.auth-form,.compact-auth-form,.release-alert,.search-result{grid-template-columns:1fr}.session-bar,.modal-actions,.panel-heading,.pagination-bar{align-items:stretch;flex-direction:column}.panel-heading-actions,.pagination-controls{justify-content:space-between}.edit-modal-form{grid-template-columns:1fr}.modal-backdrop{align-items:stretch;padding:.5rem}.modal-panel{border-radius:16px;max-height:calc(100vh - 1rem);padding:1rem}.modal-heading{align-items:stretch;flex-direction:column}.browser-help-grid{grid-template-columns:1fr}.search-result img,.image-placeholder{height:128px;width:96px}.series-title-cell{min-width:0}.table-wrap{overflow-x:visible}table,thead,tbody,tr,th,td{display:block}thead{display:none}tr{background:#fff;border:1px solid #eadfce;border-radius:14px;margin-bottom:.85rem;padding:.75rem}td{align-items:start;border-bottom:0;display:grid;gap:.75rem;grid-template-columns:5.5rem 1fr;padding:.45rem 0}td:before{color:#6b4d2f;content:attr(data-label);font-size:.85rem;font-weight:700}}@media(max-width:420px){.app-shell{gap:1rem}.series-title-cell{align-items:flex-start;flex-direction:column}td{grid-template-columns:1fr}}
