:root{color-scheme:light;font-family:Inter,Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:radial-gradient(circle at top left,rgba(14,165,233,.18),transparent 34%),radial-gradient(circle at top right,rgba(16,185,129,.12),transparent 28%),linear-gradient(180deg,#eff6ff,#f8fafc 35%,#e2e8f0)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:transparent}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.auth-screen,.app-shell{min-height:100vh;padding:1.25rem}.auth-screen{display:grid;place-items:center}.auth-card{width:min(42rem,100%);padding:2rem;border:1px solid rgba(148,163,184,.45);border-radius:24px;background:#ffffffd1;box-shadow:0 30px 80px #0f172a1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:rise .22s ease-out}.auth-card--login{width:min(30rem,100%)}.auth-card__intro{margin-bottom:1.5rem}.app-shell{width:min(1200px,100%);margin:0 auto;display:grid;align-content:start;gap:1rem}.app-header,.panel,.notice,.app-footer{border:1px solid rgba(148,163,184,.34);border-radius:20px;background:#fffc;box-shadow:0 18px 44px #0f172a14}.app-header{display:flex;justify-content:space-between;gap:.75rem;padding:.9rem 1.1rem;align-items:flex-start}.app-header__meta{display:flex;align-items:center;gap:.45rem;flex-wrap:nowrap;justify-content:flex-end;min-width:0}.workspace{display:grid;gap:1rem}.panel{padding:1.25rem}.panel__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.panel--browse{position:relative}.browse-toolbar{position:sticky;top:calc(.9rem + env(safe-area-inset-top));z-index:8;display:grid;gap:.9rem;padding-top:.2rem;padding-bottom:.8rem;margin-bottom:1rem;background:linear-gradient(180deg,#fffffffa,#ffffffe6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 24px #0f172a14}.browse-toolbar--collapsed .browse-toolbar__filters{display:none}.browse-toolbar__header{align-items:center;margin-bottom:0}.browse-toolbar__header>div:first-child{min-width:0}.browse-toolbar__filters .filters{margin-bottom:0}.browse-toolbar__collapse-button{min-width:2.4rem;padding-inline:.7rem}.admin-toolbar{margin-bottom:1rem}.panel__header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.panel-hero{display:flex;align-items:center;gap:.9rem}.panel-hero__icon{width:2.5rem;height:2.5rem;border-radius:16px;display:inline-grid;place-items:center;background:linear-gradient(135deg,#0ea5e92e,#10b98129);border:1px solid rgba(148,163,184,.35);color:#0369a1;font-weight:800;letter-spacing:.06em}.filters,.form-grid{display:grid;gap:.9rem}.filters{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:1rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:.4rem;color:#334155}.field__footer{display:flex;align-items:center;justify-content:flex-end;gap:.6rem}.field span{font-size:.92rem;font-weight:650;color:#475569}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(148,163,184,.55);border-radius:14px;padding:.8rem .95rem;color:#0f172a;background:#fffffff2;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.field textarea{resize:vertical;min-height:10rem}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 4px #0ea5e929}.field input:disabled,.field select:disabled,.field textarea:disabled,.button:disabled{opacity:.65;cursor:not-allowed}.field--wide{grid-column:1 / -1}.field__feedback{font-size:.84rem}.item-modal__body-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.item-modal__body-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.item-modal__body-switch{display:inline-flex;align-items:center;gap:.45rem;color:#475569;font-size:.92rem;font-weight:650;white-space:nowrap}.item-modal__markdown-preview{min-height:10rem;padding:.95rem;overflow:auto;border:1px solid rgba(148,163,184,.55);border-radius:14px;background:#fffffff2;color:#0f172a}.item-modal__markdown-preview-placeholder{margin:0}.item-modal__markdown-preview>:first-child{margin-top:0}.item-modal__markdown-preview>:last-child{margin-bottom:0}.item-modal__markdown-preview h1,.item-modal__markdown-preview h2,.item-modal__markdown-preview h3,.item-modal__markdown-preview h4,.item-modal__markdown-preview h5,.item-modal__markdown-preview h6{margin:1rem 0 .5rem;line-height:1.2;color:#0f172a}.item-modal__markdown-preview h1{font-size:1.45rem}.item-modal__markdown-preview h2{font-size:1.2rem}.item-modal__markdown-preview p,.item-modal__markdown-preview ul,.item-modal__markdown-preview ol,.item-modal__markdown-preview blockquote,.item-modal__markdown-preview pre{margin:.75rem 0}.item-modal__markdown-preview ul,.item-modal__markdown-preview ol{padding-left:1.4rem}.item-modal__markdown-preview li+li{margin-top:.2rem}.item-modal__markdown-preview blockquote{padding-left:.9rem;border-left:3px solid rgba(148,163,184,.55);color:#475569}.item-modal__markdown-preview a{color:#0369a1;text-decoration:underline;text-underline-offset:.15em}.item-modal__markdown-preview code{padding:.12rem .3rem;border-radius:.35rem;background:#e2e8f0d9;font-size:.94em}.item-modal__markdown-preview pre{overflow:auto;padding:.9rem;border-radius:12px;background:#0f172a;color:#e2e8f0}.item-modal__markdown-preview pre code{display:block;padding:0;background:transparent;color:inherit;font-size:.9rem;white-space:pre}.item-modal__markdown-preview hr{margin:1rem 0;border:0;border-top:1px solid rgba(148,163,184,.45)}.copy-body-button{min-width:2.5rem;min-height:2.5rem;display:inline-grid;place-items:center;padding:.45rem}.copy-body-button__icon{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;flex:0 0 auto}.field--toggle{display:grid;align-content:start;justify-items:start;gap:.45rem;padding:.8rem .95rem;border:1px solid rgba(148,163,184,.28);border-radius:16px;background:#ffffffb8;min-height:100%}.field--toggle>span:first-child{white-space:nowrap}.field--toggle>.toggle-switch{justify-self:start}.toggle-switch{position:relative;width:2.8rem;height:1.55rem;flex:0 0 auto;display:inline-grid;align-items:center}.toggle-switch__input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.toggle-switch__track{position:relative;width:100%;height:100%;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#cbd5e1f2;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.toggle-switch__thumb{position:absolute;top:.15rem;left:.15rem;width:1.2rem;height:1.2rem;border-radius:50%;background:#fff;box-shadow:0 4px 12px #0f172a2e;transition:transform .14s ease}.toggle-switch__input:checked+.toggle-switch__track{background:linear-gradient(135deg,#0284c7,#0ea5e9);border-color:#0369a180}.toggle-switch__input:checked+.toggle-switch__track .toggle-switch__thumb{transform:translate(1.25rem)}.toggle-switch__input:focus-visible+.toggle-switch__track{outline:none;box-shadow:0 0 0 4px #0ea5e92e}.field--grow{flex:1;min-width:0}.form-actions{grid-column:1 / -1;display:flex;gap:.75rem;flex-wrap:wrap}.metadata-form{display:flex;gap:.8rem;align-items:flex-end;margin-bottom:1rem}.metadata-form__actions{display:flex;gap:.6rem;flex-wrap:wrap}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.5);border-radius:999px;padding:.72rem 1rem;background:#fffffff2;color:#0f172a;font-weight:650;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}.button:hover:not(:disabled){transform:translateY(-1px);border-color:#2563eb66;box-shadow:0 10px 22px #2563eb1f}.button--primary{border-color:#0369a1;background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff}.button--soft{background:linear-gradient(135deg,#0f766e1a,#0ea5e91f)}.button--ghost{background:transparent}.button--compact{padding:.56rem .82rem}.app-nav{display:flex;flex-wrap:nowrap;gap:.35rem}.app-nav .button{width:auto}.app-nav__button{border-color:#94a3b86b;background:#ffffffb8;white-space:nowrap;padding-inline:.72rem;font-size:.94rem}.app-nav__button--active{border-color:#0369a173;background:linear-gradient(135deg,#0ea5e92e,#10b98124);box-shadow:0 10px 24px #0ea5e91f}.muted{color:#475569}.eyebrow{margin-bottom:.4rem;color:#0369a1;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:750}.auth-card h1,.app-header h1{font-size:clamp(2.2rem,5vw,3.5rem);line-height:.95;margin-bottom:.35rem}.panel h2,.state-card h3{font-size:1.25rem;margin-bottom:.25rem}.notice,.state-card{padding:1rem;display:flex;gap:.75rem;align-items:center;justify-content:space-between}.notice--error{border-color:#dc262647;background:#fef2f2f5;color:#991b1b}.notice--subtle{color:#475569;background:#ffffffb3}.state-card{flex-direction:column;justify-content:center;min-height:10rem;text-align:center}.state-card--empty{align-items:flex-start;text-align:left}.item-section .state-card{min-height:0}.item-section .state-card--empty{padding:.85rem .9rem}.count-pill,.user-pill,.badge{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#ffffffd1}.count-pill,.badge{padding:.45rem .72rem;font-size:.88rem;font-weight:700}.user-pill{padding:.45rem .72rem;flex-direction:row;align-items:center;flex:0 0 auto;white-space:nowrap;color:#334155;font-size:.88rem;font-weight:700}.user-pill__label{font:inherit;color:inherit}.user-pill strong{color:#0f172a;font-weight:800}.app-header__logout{white-space:nowrap;padding-inline:.82rem}.item-list{display:grid;gap:.9rem}.admin-grid{display:grid;gap:1rem}.item-card{padding:.9rem 1rem;border-radius:18px;border:1px solid rgba(148,163,184,.28);background:linear-gradient(180deg,#fffffffa,#f8fafcf2);display:grid;gap:.55rem}.item-card--dragging{box-shadow:0 18px 32px #0ea5e924;outline:2px solid rgba(14,165,233,.28);outline-offset:0}.item-card--archived{border-style:dashed;background:linear-gradient(180deg,#f1f5f9f5,#e2e8f0e6);opacity:.9}.item-card__header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.item-card__left{display:flex;align-items:flex-start;gap:.75rem;min-width:0;flex:1 1 auto}.item-card__title-group{display:grid;gap:.25rem;min-width:0;flex:1 1 auto}.item-card__title-row{display:inline-flex;align-items:center;gap:.55rem;min-width:0;flex-wrap:nowrap;max-width:100%}.item-card__header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;margin-left:auto;min-width:0;flex:0 1 auto}.item-card__drag-handle{width:2.4rem;height:2.4rem;padding:0;border-radius:14px;color:#64748b;background:#fffffff0;flex:0 0 auto}.item-card__title-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;text-align:left;width:auto;max-width:min(28rem,100%);font-size:1.1rem;line-height:1.25;font-weight:700;color:#0f172a;border-radius:10px;transition:color .14s ease,text-decoration-color .14s ease,box-shadow .14s ease;flex:0 1 auto}.item-card__title-button:hover{color:#0369a1;text-decoration:underline;text-underline-offset:.14em}.item-card__title-button:focus-visible{outline:none;box-shadow:0 0 0 4px #0ea5e929}.item-card__title-note,.item-card__hint,.meta-grid{color:#475569}.item-card__title-note,.item-card__hint{font-size:.92rem}.item-card__copy-button{flex:0 0 auto}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:.34rem .62rem;border:1px solid rgba(148,163,184,.28);background:#f1f5f9fa;color:#334155;font-size:.84rem;font-weight:650}.chip--muted{color:#64748b;background:#f8fafceb}.tag-editor{display:grid;gap:.6rem}.tag-editor__selected{display:flex;flex-wrap:wrap;gap:.45rem;min-height:2.15rem;align-items:center}.tag-editor__empty{align-self:center}.tag-chip{gap:.35rem;padding-right:.45rem}.tag-chip__remove{display:inline-grid;place-items:center;width:1rem;height:1rem;padding:0;border:0;background:transparent;color:inherit;font-size:1rem;line-height:1;opacity:.72}.tag-chip__remove:hover{opacity:1}.tag-editor__input-wrap{position:relative}.tag-editor__suggestions{display:flex;flex-wrap:wrap;gap:.45rem}.tag-suggestion{-webkit-appearance:none;-moz-appearance:none;appearance:none}.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;font-size:.92rem}.meta-grid>div{display:grid;gap:.2rem}.meta-grid__label{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.item-card__actions{display:flex;gap:.6rem;flex-wrap:wrap}.item-sections{display:grid;gap:1rem}.item-section{display:grid;gap:.75rem}.item-section--drop-target{padding-bottom:.2rem}.item-section__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;padding:1rem;display:grid;place-items:center;background:#0f172a7a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .16s ease-out}.modal{width:min(46rem,100%);max-height:min(90vh,100%);overflow:auto;display:grid;gap:1rem;padding:1.25rem;border:1px solid rgba(148,163,184,.34);border-radius:24px;background:#fffffff5;box-shadow:0 28px 80px #0f172a47;animation:rise .22s ease-out}.modal__header{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start}.modal__header>div:first-child{min-width:0}.modal__header-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:.5rem;flex:0 0 auto}.modal__actions{grid-column:1 / -1;display:flex;gap:.75rem;flex-wrap:wrap}.item-modal__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:.9rem 1rem;border-radius:18px;background:#f8fafcf2;border:1px solid rgba(148,163,184,.22);color:#475569}.item-modal__meta>div{display:grid;gap:.2rem}.metadata-panel{padding:1.35rem}.metadata-panel__header{margin-bottom:1rem}.metadata-list{display:grid;gap:.7rem}.metadata-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.85rem .95rem;border-radius:18px;border:1px solid rgba(148,163,184,.28);background:linear-gradient(180deg,#fffffffa,#f8fafcf2)}.metadata-row--archived{border-style:dashed;background:linear-gradient(180deg,#f1f5f9f5,#e2e8f0e6);opacity:.92}.metadata-row--dragging{box-shadow:0 18px 32px #0ea5e924}.metadata-row__handle-column{display:flex;align-items:center}.metadata-row__handle{width:2.4rem;height:2.4rem;border-radius:14px;border:1px solid rgba(148,163,184,.4);background:#ffffffeb;color:#64748b;display:grid;place-items:center;font-size:1.15rem;line-height:1;cursor:grab}.metadata-row__handle:active{cursor:grabbing}.metadata-row__handle:disabled{cursor:not-allowed}.metadata-row__body{display:grid;gap:.35rem;min-width:0}.metadata-row__heading{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.metadata-row__heading strong{font-size:1.02rem}.metadata-row__usage,.metadata-row__helper{color:#64748b}.metadata-row__usage{font-size:.92rem;font-weight:650}.metadata-row__helper{font-size:.88rem}.metadata-row__actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.badge--active{color:#065f46;background:#d1fae5d9;border-color:#10b98140}.badge--hidden{color:#7c2d12;background:#fef3c7e6;border-color:#f59e0b47}.badge--archived{color:#7f1d1d;background:#fee2e2f5;border-color:#dc262647}.item-card__pin-button--active{border-color:#dc262638;background:#fffffff5}.item-card__pin-button{width:2.55rem;height:2.55rem;padding:0;display:inline-grid;place-items:center;color:#64748b}.item-card__pin-icon{width:1.25rem;height:1.25rem;flex:0 0 auto}.item-modal__pin-button--active{border-color:#dc262638;background:#fffffff5}.item-modal__pin-button{width:2.55rem;height:2.55rem;padding:0;display:inline-grid;place-items:center;color:#64748b}.item-modal__pin-icon{width:1.25rem;height:1.25rem;flex:0 0 auto}.spinner{width:2rem;height:2rem;border-radius:50%;border:3px solid rgba(14,165,233,.18);border-top-color:#0284c7;animation:spin .8s linear infinite}.app-footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.7rem 1.1rem;color:#475569}.stack{display:grid;gap:.85rem}.panel--narrow{width:min(42rem,100%);margin-inline:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:1080px){.filters,.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-row{grid-template-columns:auto minmax(0,1fr)}.metadata-row__actions{grid-column:2;justify-content:flex-start}}@media(max-width:720px){.app-header,.panel,.auth-card,.app-footer{padding:.9rem 1rem}.app-header{flex-direction:column}.panel__header{flex-direction:column;align-items:stretch}.browse-toolbar{top:calc(.5rem + env(safe-area-inset-top));padding-bottom:.7rem;gap:.75rem}.browse-toolbar__header{flex-direction:row;align-items:center;flex-wrap:wrap;gap:.65rem}.browse-toolbar__header>div:first-child{flex:1 1 12rem}.browse-toolbar__header .panel__header-actions{width:auto;flex:0 1 auto;justify-content:flex-end}.browse-toolbar__header .button{width:auto}.browse-toolbar__collapse-button{flex:0 0 auto}.panel__header-actions{width:100%;justify-content:flex-start}.app-header__meta{width:100%;justify-content:space-between;flex-wrap:wrap}.app-nav{width:100%;flex-wrap:wrap}.app-nav .button{width:auto;flex:1 1 0}.metadata-form{flex-direction:column;align-items:stretch}.modal{width:100%;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.modal__header{flex-direction:row;align-items:flex-start}.modal__header-actions{justify-content:flex-end}.item-modal__meta{grid-template-columns:1fr}.item-modal__body-header,.field__footer{flex-direction:column;align-items:stretch}.item-modal__body-header-actions,.item-modal__body-switch{width:100%;justify-content:space-between}.field__footer{justify-content:flex-start}.field__feedback,.copy-body-button{width:100%}.modal__actions{flex-direction:column;align-items:stretch}.filters,.form-grid,.meta-grid{grid-template-columns:1fr}.item-card__header,.notice,.app-footer{flex-direction:column;align-items:flex-start}.item-card__left,.item-card__title-row{width:100%}.item-card__header-actions{width:100%;justify-content:flex-start;gap:.45rem}.item-card__drag-handle{width:2.5rem}.item-card__header-actions>.button{width:auto;flex:1 1 auto}.item-card__pin-button{flex:0 0 auto}.field--toggle{width:100%;justify-content:space-between}.item-modal__body-switch{gap:.35rem;font-size:.88rem}.item-section__header{align-items:flex-start}.metadata-row{grid-template-columns:1fr}.metadata-row__handle-column,.metadata-row__actions,.metadata-row__heading{justify-content:flex-start}.metadata-row__actions{width:100%}.metadata-row__handle{width:2.5rem}.button{width:100%}.app-nav .button,.metadata-row__handle,.button--compact{width:auto}}