@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.block{display:block}.hidden{display:none}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.min-h-28{min-height:calc(var(--spacing) * 28)}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.resize-y{resize:vertical}.justify-start{justify-content:flex-start}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#142019;--muted:#647168;--line:#dce6df;--paper:#fcfdfb;--brand:#1f7651;--brand-dark:#12513a;--brand-soft:#e6f4ec;--amber:#d97706;--reader:#0a0f0c;--reader-panel:#141b17}*{box-sizing:border-box}html{background:#f4f7f3}body{color:var(--ink);text-rendering:optimizelegibility;background:radial-gradient(circle at 100% 0,#6bbc8c29,#0000 28rem),radial-gradient(circle at 30% 100%,#d3e8da47,#0000 32rem),#f5f8f5;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #37865b59}.button{cursor:pointer;border:1px solid #0000;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.65rem;padding:.65rem 1rem;font-size:.875rem;font-weight:700;line-height:1;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button-primary{color:#fff;background:linear-gradient(135deg,#237d58,#176344);box-shadow:0 10px 24px #19664633,inset 0 1px #ffffff24}.button-primary:hover:not(:disabled){background:var(--brand-dark)}.button-secondary{color:var(--ink);border-color:var(--line);background:#fff}.button-secondary:hover:not(:disabled){background:#f8faf7;border-color:#b8c8bb}.button-ghost{color:#4f5b53;background:0 0}.button-ghost:hover:not(:disabled){color:var(--ink);background:#246b4b12}.button-danger{color:#fff;background:#b42318}.button-danger:hover:not(:disabled){background:#8f1c13}.button-sm{border-radius:.65rem;min-height:2.2rem;padding:.45rem .75rem;font-size:.8rem}.button-icon{width:2.65rem;padding:0}.field{width:100%;color:var(--ink);background:#fff;border:1px solid #ccd7ce;border-radius:.75rem;padding:.72rem .85rem;font-size:.9rem;transition:border-color .16s,box-shadow .16s}.field:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #246b4b1a}.field::placeholder{color:#98a29b}.card{background:#fffffff0;border:1px solid #d3ded6e0;border-radius:1.25rem;box-shadow:0 18px 55px #1e3a2811,inset 0 1px #ffffffd1}.mock-badge{color:#91550b;letter-spacing:.02em;background:#fff8e9;border:1px solid #f1d49e;border-radius:999px;align-items:center;gap:.42rem;width:fit-content;padding:.32rem .62rem;font-size:.72rem;font-weight:800;display:inline-flex}.mock-badge-dark{color:#fbd38d;background:#d977061f;border-color:#fbbf2440}.mock-dot{background:#d97706;border-radius:999px;width:.42rem;height:.42rem;box-shadow:0 0 0 3px #d977061f}.status-badge{border-radius:999px;align-items:center;padding:.3rem .6rem;font-size:.72rem;font-weight:800;display:inline-flex}.status-published{color:#17653e;background:#e4f4e9}.status-draft{color:#7b5c14;background:#faf0d4}.admin-layout{grid-template-columns:17.25rem minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fcfefcfa,#f2f7f3f5);border-right:1px solid #d3e0d7e6;flex-direction:column;gap:1.15rem;height:100vh;padding:1.35rem 1rem;display:flex;position:sticky;top:0;box-shadow:12px 0 40px #1e372709}.brand{color:inherit;align-items:center;gap:.72rem;text-decoration:none;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#27845d,#155c3f);border:1px solid #ffffff59;border-radius:.9rem;place-items:center;width:2.6rem;height:2.6rem;display:grid;box-shadow:0 10px 24px #1c704d3b,inset 0 1px #ffffff29}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{letter-spacing:-.025em;font-size:1rem}.brand-copy small{color:#788179;letter-spacing:.015em;margin-top:.1rem;font-size:.64rem}.admin-sidebar nav{gap:.35rem;margin-top:.5rem;display:grid}.nav-link{color:#667169;border:1px solid #0000;border-radius:.9rem;align-items:center;gap:.55rem;padding:.42rem .5rem;font-size:.86rem;font-weight:700;text-decoration:none;transition:color .16s,border-color .16s,background .16s,transform .16s;display:flex}.nav-icon{color:#77827a;border-radius:.65rem;flex:none;place-items:center;width:2rem;height:2rem;transition:inherit;display:grid}.nav-link:hover{color:var(--brand-dark);background:#e6f4eca6;transform:translate(2px)}.nav-link-active{color:var(--brand-dark);background:linear-gradient(135deg,#e7f5ed,#eef8f2);border-color:#9dc9ad52;box-shadow:0 8px 20px #2d6d4812}.nav-link-active .nav-icon{color:#fff;background:linear-gradient(145deg,#2b855f,#1d6c4b);box-shadow:0 6px 13px #1f76502e}.sidebar-note{background:#f1f6f2;border:1px dashed #c9d8cd;border-radius:.85rem;padding:.8rem}.sidebar-note strong{font-size:.77rem}.sidebar-note p{color:#718076;margin:.3rem 0 0;font-size:.7rem;line-height:1.5}.sidebar-session-actions{gap:.55rem;margin-top:auto;display:grid}.sidebar-logout-error{color:#9d261d;background:#fff1ef;border-radius:.65rem;margin:0;padding:.6rem .7rem;font-size:.7rem;line-height:1.45}.admin-main{width:min(100%,92rem);padding:1.5rem clamp(1.25rem,3vw,3.25rem) 4rem}.admin-header{background:radial-gradient(circle at 92% 15%,#7ec2972e,#0000 15rem),linear-gradient(135deg,#fffffff5,#f2f8f4eb);border:1px solid #d3e0d7d1;border-radius:1.35rem;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.35rem;padding:1.25rem 1.35rem;display:flex;box-shadow:0 18px 50px #1f3e2a0f}.admin-header h1{letter-spacing:-.045em;margin:.2rem 0 0;font-size:clamp(1.55rem,3vw,2.15rem)}.admin-header p:not(.eyebrow){max-width:44rem;color:var(--muted);margin:.4rem 0 0;font-size:.9rem}.eyebrow{color:var(--brand);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:900}.state-card{text-align:center;background:#ffffff9e;border:1px dashed #c8d4ca;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:11rem;padding:2rem;display:flex}.state-card-icon{width:3.2rem;height:3.2rem;color:var(--brand);background:var(--brand-soft);border-radius:1rem;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #35895b14}.state-card-icon svg{width:1.3rem}.state-card-error .state-card-icon{color:#a1261c;background:#fee9e7}.state-card h2{margin:0;font-size:1rem}.state-card p{max-width:34rem;color:var(--muted);margin:.4rem auto 0;font-size:.85rem}.state-card-error{color:#8f1c13;background:#fff8f7;border-color:#efc5c2}.loading-state{min-height:13rem;color:var(--muted);justify-content:center;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.create-form>.loading-state{background:#f2f7f3;border-radius:.8rem;min-height:3rem}.inline-error-state{color:#8f1c13;background:#fff8f7;border:1px solid #efc5c2;border-radius:.85rem;justify-content:space-between;align-items:center;gap:.8rem;min-height:5rem;padding:.8rem;font-size:.78rem;display:flex}@media (max-width:820px){.admin-layout{display:block}.admin-sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;height:auto;padding:.8rem 1rem;position:static}.admin-sidebar>.mock-badge,.admin-sidebar .sidebar-note,.admin-sidebar>.sidebar-session-actions,.brand-copy small{display:none}.admin-sidebar nav{margin:0 0 0 auto;display:flex}.nav-link{padding:.55rem .65rem}.admin-main{padding:1.4rem 1rem 3rem}.admin-header{border-radius:1.1rem;padding:1rem}}@media (max-width:560px){.brand>span:last-child,.nav-link:not(.nav-link-active)>span:last-child{display:none}.admin-header{flex-direction:column;align-items:flex-start}.admin-header>a,.admin-header>a .button,.admin-header>.button{width:100%}}.login-page{background:radial-gradient(circle at 88% 15%,#63b18024,#0000 20rem),#f2f7f3;grid-template-columns:minmax(0,1.08fr) minmax(27rem,.82fr);min-height:100vh;display:grid}.login-story{color:#fff;background:radial-gradient(circle at 78% 18%,#8adca729,#0000 20rem),radial-gradient(circle at 16% 82%,#f9c36d1a,#0000 18rem),linear-gradient(140deg,#0d3f2d 0%,#15563d 52%,#1b6a49 100%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(2rem,5vw,4.8rem);display:flex;position:relative;overflow:hidden}.login-story:before,.login-story:after{content:"";border:1px solid #ffffff14;border-radius:999px;position:absolute}.login-story:before{width:38rem;height:38rem;top:-18rem;right:-15rem;box-shadow:0 0 0 5rem #ffffff05,0 0 0 10rem #ffffff04}.login-story:after{width:22rem;height:22rem;bottom:-10rem;left:-8rem}.login-brand{z-index:1;color:#fff;letter-spacing:-.02em;align-items:center;gap:.75rem;width:fit-content;text-decoration:none;display:flex;position:relative}.login-brand-mark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:.9rem;place-items:center;width:2.8rem;height:2.8rem;display:grid;box-shadow:inset 0 1px #ffffff1f}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:1rem;font-weight:900}.login-brand small{color:#a9d0b7;letter-spacing:.035em;margin-top:.12rem;font-size:.62rem}.login-story-copy{z-index:1;max-width:42rem;margin:2.4rem 0 1.8rem;position:relative}.story-kicker{color:#bfe2ca;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.78rem;font-weight:800;display:inline-flex}.login-story h1{letter-spacing:-.06em;max-width:41rem;margin:1rem 0 1.25rem;font-size:clamp(2.25rem,4.2vw,3.75rem);font-weight:760;line-height:.98}.login-story-copy>p{color:#cce1d2;max-width:36rem;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.7}.login-story ul{gap:.55rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.login-story li{color:#e8f3eb;align-items:center;gap:.65rem;font-size:.87rem;font-weight:650;display:flex}.login-story li svg{color:#8bd1a4;width:1.05rem}.story-quote{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff17;border:1px solid #ffffff1f;border-radius:1.15rem;max-width:35rem;padding:1rem 1.1rem;position:relative;box-shadow:0 18px 42px #021a1024}.story-quote-heading{grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:center;gap:.65rem;display:grid}.story-quote-heading>svg{color:#91d5a8}.story-quote-heading>span:nth-child(2) strong,.story-quote-heading>span:nth-child(2) small{display:block}.story-quote-heading strong{font-size:.72rem}.story-quote-heading small{color:#a9c9b4;margin-top:.14rem;font-size:.62rem}.story-avatar{color:#12452f;background:#a7dbb8;border-radius:999px;place-items:center;width:2.2rem;height:2.2rem;font-size:.72rem;font-weight:900;display:grid}.story-quote p{color:#f1f7f3;margin:.8rem 0 0;font-size:.82rem;line-height:1.55}.login-panel{place-items:center;min-height:100vh;padding:clamp(1.5rem,4vw,4rem);display:grid}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #d2e0d6f2;border-radius:1.5rem;width:min(100%,28rem);padding:clamp(1.25rem,2.4vw,1.7rem);box-shadow:0 30px 80px #234b311f,inset 0 1px #ffffffe0}.login-card-topline{justify-content:space-between;align-items:center;gap:1rem;display:flex}.login-security{color:#708078;align-items:center;gap:.3rem;font-size:.65rem;font-weight:750;display:inline-flex}.login-card h2{letter-spacing:-.045em;margin:.42rem 0 0;font-size:1.9rem}.login-card-topline+div{margin-top:1.1rem}.login-lead{color:var(--muted);margin:.5rem 0 0;font-size:.88rem;line-height:1.6}.login-card form{gap:1rem;margin-top:1.2rem;display:grid}.login-card label,.create-form label{gap:.46rem;font-size:.8rem;font-weight:800;display:grid}.create-form label>span{color:#b42318}.create-form label small{color:#8b948d;text-align:right;font-size:.68rem;font-weight:500}.form-error{color:#9f251b;background:#fff2f1;border:1px solid #f1c4c0;border-left:3px solid #c43226;border-radius:.65rem;margin:0;padding:.65rem .75rem;font-size:.78rem;line-height:1.5}.input-with-icon{display:block;position:relative}.input-with-icon>svg{z-index:1;color:#819087;pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.input-with-icon .field{min-height:3rem;padding-left:2.55rem}.demo-credentials{background:linear-gradient(135deg,#f6faf7,#eef7f1);border:1px solid #dbe8de;border-radius:.9rem;align-items:center;gap:.7rem;margin-top:1rem;padding:.72rem .8rem;display:flex}.demo-credential-icon{width:2.2rem;height:2.2rem;color:var(--brand);background:#fff;border-radius:.7rem;flex:none;place-items:center;display:grid;box-shadow:0 5px 14px #24644314}.demo-credentials>span:last-child strong,.demo-credentials>span:last-child small{display:block}.demo-credentials strong{font-size:.7rem}.demo-credentials small{color:#718078;margin-top:.18rem;font-size:.62rem}.login-footnote{color:#8a938c;text-align:center;margin:1.2rem 0 0;font-size:.7rem;line-height:1.55}.dashboard-stack{gap:2rem;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.metric-card{align-content:space-between;gap:.9rem;min-height:8.25rem;padding:1.05rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.metric-card:after{content:"";background:#3d976512;border-radius:999px;width:5.5rem;height:5.5rem;position:absolute;top:-2.7rem;right:-2.2rem}.metric-card:hover{border-color:#8bbe9d99;transform:translateY(-2px);box-shadow:0 22px 55px #1f503217}.metric-icon{width:2.55rem;height:2.55rem;color:var(--brand);background:var(--brand-soft);border:1px solid #3e8e6214;border-radius:.85rem;flex:none;place-items:center;display:grid}.metric-card strong,.metric-card span{display:block}.metric-card strong{letter-spacing:-.04em;font-size:1.7rem}.metric-card div>span{color:var(--muted);font-size:.72rem;font-weight:650}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.85rem;display:flex}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:1.02rem}.section-heading p{color:var(--muted);margin:.25rem 0 0;font-size:.75rem}.section-heading>span{color:#7f8981;font-size:.72rem}.project-list{overflow:hidden}.project-row{grid-template-columns:4.2rem minmax(13rem,1.5fr) minmax(5rem,.5fr) minmax(5rem,.5fr) auto;align-items:center;gap:1rem;padding:.9rem;transition:background .16s,transform .16s;display:grid}.project-row+.project-row{border-top:1px solid #edf0ed}.project-row:hover{background:linear-gradient(90deg,#eff7f2c7,#0000)}.project-cover{color:#236d4b;background:linear-gradient(145deg,#0000 58%,#246b4b1a 59%),#e6f2e9;border-radius:.65rem;place-items:center;width:4.2rem;height:5.4rem;display:grid;position:relative;overflow:hidden}.project-cover:before{content:"";background:#f4c680;border-radius:50%;width:2.5rem;height:2.5rem;position:absolute;top:-1rem;right:-.7rem}.project-cover span{color:#5d6b61;font-size:.55rem;font-weight:800;position:absolute;bottom:.25rem;right:.35rem}.project-title>div{align-items:center;gap:.65rem;display:flex}.project-title h3{margin:0;font-size:.9rem}.project-title p{-webkit-line-clamp:1;max-width:34rem;color:var(--muted);-webkit-box-orient:vertical;margin:.3rem 0;font-size:.72rem;display:-webkit-box;overflow:hidden}.project-title small{color:#929a94;font-size:.65rem}.project-stat{color:#718076;align-items:center;gap:.55rem;display:flex}.project-stat span,.project-stat strong{font-size:.65rem;display:block}.project-stat strong{color:var(--ink);font-size:.83rem}.project-open{color:var(--brand-dark);background:#f5faf6;border:1px solid #d8e6dc;border-radius:.7rem;align-items:center;gap:.35rem;padding:.55rem .65rem;font-size:.76rem;font-weight:800;text-decoration:none;display:inline-flex}.create-layout{grid-template-columns:minmax(0,44rem) minmax(15rem,20rem);align-items:start;gap:1.25rem;display:grid}.create-form{gap:1.25rem;padding:clamp(1.1rem,3vw,1.7rem);display:grid}.form-section-heading{align-items:center;gap:.85rem;display:flex}.form-section-heading>span{width:2.1rem;height:2.1rem;color:var(--brand);background:var(--brand-soft);border-radius:.65rem;place-items:center;font-size:.68rem;font-weight:900;display:grid}.form-section-heading h2{margin:0;font-size:.95rem}.form-section-heading p{color:var(--muted);margin:.2rem 0 0;font-size:.72rem}.form-divider{background:#edf1ed;height:1px}.upload-zone{min-height:13rem;color:var(--brand);text-align:center;background:#f7faf7;border:1.5px dashed #b8cbbd;border-radius:.9rem;align-content:center;place-items:center;gap:.45rem;padding:1.5rem;transition:all .16s;display:grid}.upload-zone-active{border-color:var(--brand);background:var(--brand-soft);transform:scale(1.01)}.upload-zone strong{color:var(--ink);font-size:.86rem}.upload-zone p{color:var(--muted);margin:0 0 .5rem;font-size:.72rem}.selected-file{background:#f5faf6;border:1px solid #c9d9cd;border-radius:.85rem;align-items:center;gap:.8rem;padding:.85rem;display:flex}.file-icon{width:2.7rem;height:2.7rem;color:var(--brand);background:#fff;border-radius:.7rem;place-items:center;display:grid}.selected-file div{flex:1;min-width:0}.selected-file strong,.selected-file span{display:block}.selected-file strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.selected-file span{color:var(--muted);margin-top:.2rem;font-size:.68rem}.selected-file button{color:#758078;cursor:pointer;background:0 0;border:0;border-radius:.55rem;place-items:center;width:2rem;height:2rem;display:grid}.selected-file button:hover{color:#b42318;background:#fff0ef}.form-actions{justify-content:flex-end;align-items:center;gap:.7rem;display:flex}.create-aside{position:sticky;top:1.5rem}.create-aside .card{padding:1.1rem}.create-aside .card>svg{color:var(--brand)}.create-aside h3{margin:.7rem 0 .3rem;font-size:.87rem}.create-aside ul{gap:.7rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.create-aside li{color:var(--muted);grid-template-columns:auto 1fr;gap:.5rem;font-size:.7rem;line-height:1.5;display:grid}.create-aside li svg{width:.9rem;color:var(--brand)}@media (max-width:1050px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-row{grid-template-columns:4.2rem minmax(12rem,1fr) auto}.project-stat{display:none}}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{background:radial-gradient(circle at 90% 5%,#4e9d6b26,#0000 17rem),linear-gradient(145deg,#eef6f0,#f8faf8);min-height:100vh}.login-card{width:min(100%,30rem)}.create-layout{grid-template-columns:1fr}.create-aside{position:static}}@media (max-width:580px){.metrics-grid{gap:.65rem}.metric-card{flex-direction:column;align-items:flex-start;gap:.5rem}.project-row{grid-template-columns:3.3rem minmax(0,1fr) auto;gap:.7rem}.project-cover{width:3.3rem;height:4.2rem}.project-title>div{flex-direction:column;align-items:flex-start;gap:.3rem}.project-title p{display:none}.project-open{font-size:0}.project-open svg{width:1.1rem}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions a,.form-actions .button{width:100%}}.detail-stack,.comments-admin-stack{gap:1rem;display:grid}.success-banner,.error-banner{border-radius:.95rem;align-items:center;gap:.55rem;padding:.7rem .8rem;font-size:.78rem;font-weight:700;display:flex;box-shadow:0 10px 28px #23452e0f}.success-banner{color:#175f3b;background:#edf9f1;border:1px solid #b8dec5}.error-banner{color:#9f251b;background:#fff3f2;border:1px solid #efc5c2}.banner-icon,.success-banner>svg{color:#17613d;background:#ffffffb8;border-radius:.65rem;flex:none;place-items:center;width:2rem;height:2rem;display:grid}.error-banner .banner-icon{color:#a1261c}.banner-icon svg,.success-banner>svg{width:1rem}.success-banner button,.error-banner button{width:2rem;height:2rem;color:inherit;cursor:pointer;background:#ffffff8f;border:0;border-radius:.6rem;place-items:center;margin-left:auto;font-size:.72rem;font-weight:800;display:grid}.success-banner button svg,.error-banner button svg{width:.95rem}.project-hero{color:#fff;background:radial-gradient(circle at 15% 90%,#8bd1a42e,#0000 18rem),linear-gradient(125deg,#174b35,#255f45);grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);min-height:21rem;display:grid;overflow:hidden}.project-hero-copy{align-self:center;padding:clamp(1.5rem,4vw,3rem)}.hero-status{align-items:center;gap:.65rem;display:flex}.hero-status>span{color:#c4dacb;font-size:.68rem}.project-hero h2{letter-spacing:-.055em;max-width:38rem;margin:1.2rem 0 .65rem;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.02}.project-hero-copy>p{color:#c9dfd0;max-width:38rem;font-size:.88rem;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.5rem;display:flex}.project-hero .button-primary{color:var(--brand-dark);background:#c8eccf}.project-hero .button-primary:hover:not(:disabled){background:#dcf4e0}.project-hero .button-secondary{color:#fff;background:#ffffff14;border-color:#ffffff38}.hero-document{background:radial-gradient(circle,#ffffff1f,#0000 62%);justify-content:center;align-items:flex-end;min-height:21rem;display:flex;position:relative;overflow:hidden}.hero-document iframe{background:#fff;border:0;border-radius:.4rem .4rem 0 0;width:72%;height:92%;position:absolute;top:2rem;transform:rotate(2deg);box-shadow:0 26px 42px #00000047}.hero-document>span{z-index:2;color:#e0eee4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0d2f1fc7;border-radius:999px;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.45rem .7rem;font-size:.66rem;display:flex;position:relative}.detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:start;gap:1rem;display:grid}.detail-primary,.detail-aside{gap:1rem;display:grid}.detail-aside{position:sticky;top:1rem}.detail-card{padding:1.15rem}.card-title-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.card-title-row>div{align-items:center;gap:.55rem;display:flex}.card-title-row svg{color:var(--brand)}.card-title-row h3{margin:0;font-size:.86rem}.card-title-row>span,.card-title-row>a{color:var(--muted);font-size:.68rem;font-weight:700}.card-title-row>a{color:var(--brand);text-decoration:none}.metadata-form{gap:1rem;display:grid}.metadata-form label{color:#4b584f;gap:.4rem;font-size:.75rem;font-weight:800;display:grid}.insight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.insight-grid>div{background:#fafcf9;border:1px solid #e5ebe6;border-radius:.8rem;padding:.8rem}.insight-grid svg{width:1rem;color:var(--brand)}.insight-grid strong,.insight-grid span{display:block}.insight-grid strong{margin-top:.6rem;font-size:1.25rem}.insight-grid span{color:var(--muted);margin-top:.12rem;font-size:.62rem}.commented-pages{border-top:1px solid #edf1ed;margin-top:1rem;padding-top:1rem}.commented-pages h4{margin:0 0 .7rem;font-size:.72rem}.commented-pages>div{color:var(--muted);grid-template-columns:5rem minmax(4rem,1fr) 1.5rem;align-items:center;gap:.6rem;margin-top:.55rem;font-size:.65rem;display:grid}.comment-bar{background:#edf1ed;border-radius:999px;height:.42rem;overflow:hidden}.comment-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--brand), #77b88e);height:100%;display:block}.commented-pages p,.empty-copy{color:var(--muted);margin:.5rem 0 0;font-size:.75rem}.recent-comments{display:grid}.recent-comments article{grid-template-columns:2.25rem minmax(0,1fr);gap:.7rem;padding:.75rem 0;display:grid}.recent-comments article+article{border-top:1px solid #edf1ed}.recent-comments article>span,.comment-avatar{width:2.25rem;height:2.25rem;color:var(--brand);background:var(--brand-soft);border-radius:999px;place-items:center;font-size:.72rem;font-weight:900;display:grid}.recent-comments strong,.recent-comments small{display:block}.recent-comments strong{font-size:.75rem}.recent-comments small{color:#8b958e;margin-top:.15rem;font-size:.62rem}.recent-comments p{color:#505d54;margin:.35rem 0 0;font-size:.72rem;line-height:1.55}.public-url{background:#f8faf8;border:1px solid #dde6df;border-radius:.7rem;align-items:center;gap:.35rem;padding:.45rem .5rem .45rem .7rem;display:flex}.public-url span{color:#5d685f;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.65rem;overflow:hidden}.public-url button{width:1.9rem;height:1.9rem;color:var(--brand);cursor:pointer;background:#fff;border:0;border-radius:.55rem;place-items:center;display:grid}.qr-card{place-items:center;margin-top:.8rem;display:grid}.qr-card img{border:1px solid #edf0ed;border-radius:.7rem;width:min(100%,12rem)}.qr-card a{color:var(--brand);align-items:center;gap:.4rem;margin-top:.65rem;font-size:.7rem;font-weight:800;text-decoration:none;display:inline-flex}.draft-share{color:#9a8660;text-align:center;background:#fdfbf6;border:1px dashed #d7dcd8;border-radius:.75rem;align-content:center;place-items:center;min-height:9rem;padding:1rem;display:grid}.draft-share strong{color:#645740;margin-top:.55rem;font-size:.76rem}.draft-share p{max-width:14rem;margin:.3rem 0 0;font-size:.65rem;line-height:1.5}.file-details{gap:.7rem;margin:0;display:grid}.file-details>div{justify-content:space-between;gap:1rem;font-size:.68rem;display:flex}.file-details dt{color:var(--muted)}.file-details dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:58%;margin:0;font-weight:800;overflow:hidden}.immutable-note{color:#766644;background:#fcf7ea;border-radius:.6rem;margin:.9rem 0 0;padding:.65rem;font-size:.63rem;line-height:1.55}.danger-card{background:snow;border-color:#edd1cf}.danger-card>div{color:#a1261c;align-items:center;gap:.5rem;display:flex}.danger-card h3{margin:0;font-size:.8rem}.danger-card p{color:#765e5c;font-size:.66rem;line-height:1.5}.comment-toolbar{justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.comment-toolbar>div,.comment-toolbar label{align-items:center;gap:.5rem;display:flex}.comment-toolbar>div svg,.comment-toolbar label svg{color:var(--brand)}.comment-toolbar strong{font-size:.78rem}.comment-toolbar select{color:#4d5951;background:#fff;border:1px solid #d6dfd8;border-radius:.65rem;padding:.5rem .65rem;font-size:.72rem;font-weight:700}.admin-comment-list{overflow:hidden}.admin-comment-list article{grid-template-columns:2.25rem minmax(0,1fr) auto;gap:.8rem;padding:1rem;display:grid}.admin-comment-list article+article{border-top:1px solid #edf1ed}.comment-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.comment-meta strong{font-size:.78rem}.comment-meta span{color:#356c50;background:#eaf4ed;border-radius:999px;padding:.18rem .4rem;font-size:.58rem;font-weight:800}.comment-meta time{color:#919993;font-size:.61rem}.admin-comment-list article p{color:#4f5a52;white-space:pre-wrap;max-width:58rem;margin:.45rem 0 0;font-size:.76rem;line-height:1.55}.admin-comment-list .button-ghost:hover{color:#b42318;background:#fff1f0}@media (max-width:1100px){.project-hero{grid-template-columns:minmax(0,1.4fr) minmax(14rem,.6fr)}.detail-grid{grid-template-columns:1fr}.detail-aside{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.detail-aside .danger-card{grid-column:1/-1}}@media (max-width:720px){.project-hero{grid-template-columns:1fr}.hero-document{display:none}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-aside{grid-template-columns:1fr}.detail-aside .danger-card{grid-column:auto}}@media (max-width:520px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a,.hero-actions .button{width:100%}.comment-toolbar{flex-direction:column;align-items:stretch}.comment-toolbar label{justify-content:space-between}.admin-comment-list article{grid-template-columns:2.25rem minmax(0,1fr)}.admin-comment-list article>.button{grid-column:2;justify-self:end}}.public-unavailable,.reader-boot{color:#dce7df;background:radial-gradient(circle at 50% 30%, #447d5933, transparent 30rem), var(--reader);place-items:center;min-height:100svh;display:grid}.public-unavailable>.mock-badge{position:fixed;top:1rem;right:1rem}.unavailable-card{text-align:center;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:1.2rem;place-items:center;width:min(100% - 2rem,31rem);padding:2rem;display:grid}.unavailable-card>span{color:#9ed0ad;background:#4e91622e;border-radius:1rem;place-items:center;width:4rem;height:4rem;display:grid}.unavailable-card h1{color:#fff;letter-spacing:-.04em;margin:.5rem 0;font-size:1.6rem}.unavailable-card>p:not(.eyebrow){color:#9eaaa1;max-width:25rem;font-size:.82rem;line-height:1.6}.unavailable-card>div{gap:.65rem;margin-top:1rem;display:flex}.reader-shell{color:#fff;isolation:isolate;background:radial-gradient(circle at 50% 38%,#47705647,#0000 31rem),radial-gradient(circle at 90% 90%,#1f664321,#0000 25rem),linear-gradient(145deg,#080d0a,#111813 55%,#0d1510);flex-direction:column;width:100%;height:100svh;min-height:34rem;display:flex;position:relative;overflow:hidden}.reader-fallback-fullscreen{z-index:9999;position:fixed;inset:0}.reader-shell:fullscreen{width:100vw;height:100vh}.reader-header{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#0c120ef0,#0a0f0cd6);border-bottom:1px solid #ffffff13;grid-template-columns:minmax(12rem,1fr) auto auto;align-items:center;gap:1rem;min-height:4.6rem;padding:.55rem clamp(.8rem,2vw,1.35rem);display:grid;position:relative;box-shadow:0 12px 34px #00000029}.reader-title{align-items:center;gap:.7rem;min-width:0;display:flex}.reader-brand-mark{color:#b3e1c0;background:linear-gradient(145deg,#4793603d,#265b3b2e);border:1px solid #9fddb233;border-radius:.78rem;flex:none;place-items:center;width:2.35rem;height:2.35rem;display:grid;box-shadow:0 7px 18px #0000002e,inset 0 1px #ffffff14}.reader-title div{min-width:0}.reader-product{color:#7dbb90;letter-spacing:.105em;text-transform:uppercase;font-size:.5rem;font-weight:850;line-height:1;display:block}.reader-title h1{text-overflow:ellipsis;white-space:nowrap;margin:.24rem 0 0;font-size:.84rem;font-weight:800;overflow:hidden}.reader-title p{color:#88938b;text-overflow:ellipsis;white-space:nowrap;margin:.15rem 0 0;font-size:.64rem;overflow:hidden}.reader-tools{align-items:center;gap:.3rem;display:flex}.reader-tools button{color:#aeb8b0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.8rem;justify-content:center;align-items:center;gap:.38rem;min-width:4.45rem;height:3.1rem;padding:0 .55rem;font-size:.64rem;font-weight:700;transition:color .16s,border-color .16s,background .16s;display:flex;position:relative}.reader-tools button:hover{color:#fff;background:#ffffff0e;border-color:#ffffff14}.reader-tools .reader-tool-active{color:#e8fff0;background:#59a66f21;border-color:#9de0b133}.reader-tools .reader-tool-active .reader-tool-icon{color:#c6efd1;background:#59a66f2e;border-color:#9de0b13d}.reader-tool-icon{color:#a7cbb2;background:#ffffff0b;border:1px solid #ffffff12;border-radius:.55rem;flex:none;place-items:center;width:1.7rem;height:1.7rem;display:grid}.reader-tool-icon svg{width:.9rem}.reader-tools i{color:#172118;background:#a9dfb8;border:2px solid #101713;border-radius:999px;place-items:center;min-width:1.05rem;height:1.05rem;font-size:.54rem;font-style:normal;display:grid;position:absolute;top:.2rem;right:.18rem}.reader-document{display:contents}.reader-document-state{color:#9ca79e;flex:1;justify-content:center;align-items:center;gap:.6rem;font-size:.78rem;display:flex}.reader-document-error{text-align:center;flex-direction:column}.reader-document-error strong{color:#fff}.reader-document-error p{color:#9ca79e;margin:.25rem 0 .5rem;font-size:.72rem}.reader-document-error>div{align-items:center;gap:.8rem;display:flex}.reader-document-error a{color:#9ed0ad;font-size:.72rem;font-weight:800}.reader-stage{perspective:1500px;touch-action:pan-y;flex:1;justify-content:center;align-items:center;min-height:0;padding:1rem 4rem 5rem;transition:margin-right .22s;display:flex;position:relative;overflow:hidden}.reader-stage-panel-open{margin-right:24rem}.reader-page-frame{max-height:calc(100svh - 10rem);transform-style:preserve-3d;border-radius:.18rem;position:relative}.page-layer{border-radius:inherit;backface-visibility:hidden;transform-style:preserve-3d;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:visible}.page-current{z-index:2}.page-incoming{z-index:1}.page-outgoing{z-index:3;will-change:transform, opacity, filter}.page-outgoing-next{transform-origin:0;animation:.54s cubic-bezier(.35,.02,.2,1) forwards page-turn-next}.page-incoming-next{animation:.54s ease-out forwards page-arrive-next}.page-outgoing-previous{transform-origin:100%;animation:.54s cubic-bezier(.35,.02,.2,1) forwards page-turn-previous}.page-incoming-previous{animation:.54s ease-out forwards page-arrive-previous}@keyframes page-turn-next{0%{opacity:1;filter:drop-shadow(0 0 #0000);transform:translate(0)rotateY(0)}55%{opacity:.94;filter:drop-shadow(18px 6px 18px #00000061)}to{opacity:0;filter:drop-shadow(26px 8px 22px #00000075);transform:translate(-34%)rotateY(-18deg)}}@keyframes page-arrive-next{0%{opacity:.68;transform:translate(2.5%)scale(.992)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes page-turn-previous{0%{opacity:1;filter:drop-shadow(0 0 #0000);transform:translate(0)rotateY(0)}55%{opacity:.94;filter:drop-shadow(-18px 6px 18px #00000061)}to{opacity:0;filter:drop-shadow(-26px 8px 22px #00000075);transform:translate(34%)rotateY(18deg)}}@keyframes page-arrive-previous{0%{opacity:.68;transform:translate(-2.5%)scale(.992)}to{opacity:1;transform:translate(0)scale(1)}}.pdf-page-surface{background:#fffef9;border-radius:.18rem;overflow:hidden;box-shadow:0 1px 1px #fff3,0 30px 80px #00000094,0 0 0 1px #ffffff14}.pdf-page-surface,.react-pdf__Page,.react-pdf__Page__canvas{max-width:100%;display:block}.react-pdf__Page__canvas{width:100%!important;height:auto!important}.page-placeholder{color:#7a837d;background:linear-gradient(110deg,#fffef9,#f8f6ee 45%,#fffef9 65%);align-content:center;place-items:center;gap:.5rem;font-size:.72rem;display:grid}.page-placeholder-error{color:#a1261c;background:#fff9f7}.page-placeholder button{color:var(--brand);cursor:pointer;background:0 0;border:0;font-size:.7rem;font-weight:800}.adjacent-page-cache{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;left:-10000px;overflow:hidden}.page-edge{z-index:5;color:#b5beb7;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff13;border-radius:1rem;place-items:center;width:3.2rem;height:5.5rem;transition:all .16s;display:grid;position:absolute;top:50%;transform:translateY(-70%);box-shadow:0 12px 30px #0003}.page-edge:hover:not(:disabled){color:#fff;background:#ffffff17}.page-edge:disabled{opacity:.2;cursor:not-allowed}.page-edge-previous{left:1.3rem}.page-edge-next{right:1.3rem}.reader-navigation{z-index:18;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#151c17e0;border:1px solid #ffffff1b;border-radius:1rem;grid-template-columns:1fr auto 1fr;align-items:center;width:min(100% - 2rem,29rem);height:3.4rem;padding:.25rem;display:grid;position:absolute;bottom:1.7rem;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #00000061,inset 0 1px #ffffff09}.reader-navigation>button{color:#bcc5be;cursor:pointer;background:0 0;border:0;border-radius:.65rem;justify-content:center;align-items:center;gap:.45rem;height:2.65rem;font-size:.68rem;font-weight:800;display:flex}.reader-navigation>button:hover:not(:disabled){color:#fff;background:#ffffff12}.reader-navigation>button:disabled{opacity:.25;cursor:not-allowed}.reader-navigation svg{width:.95rem}.reader-navigation form{color:#818b83;align-items:center;gap:.35rem;padding:0 .65rem;font-size:.62rem;display:flex}.reader-navigation form label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.reader-navigation input{color:#fff;text-align:center;background:#5b9d6d1f;border:1px solid #9ed5ae33;border-radius:.55rem;width:2.3rem;height:1.9rem;font-size:.7rem;font-weight:800}.reader-hint{z-index:4;color:#626c65;margin:0;font-size:.56rem;position:absolute;bottom:.25rem;left:50%;transform:translate(-50%)}.reader-backdrop{z-index:40;cursor:default;background:#02050385;border:0;position:fixed;inset:0}.thumbnail-drawer,.comments-drawer{z-index:50;height:100svh;color:var(--ink);background:#f8faf7;flex-direction:column;display:flex;position:fixed;top:0;box-shadow:0 0 44px #00000057}.thumbnail-drawer{width:min(22rem,90vw);animation:.22s ease-out drawer-from-left;left:0}.comments-drawer{width:min(25rem,94vw);animation:.22s ease-out drawer-from-right;right:0}@keyframes drawer-from-left{0%{transform:translate(-100%)}}@keyframes drawer-from-right{0%{transform:translate(100%)}}.drawer-heading{background:radial-gradient(circle at 90% 0,#6ebe8b1f,#0000 10rem),#fcfefcf5;border-bottom:1px solid #e1e9e3;justify-content:space-between;align-items:center;gap:1rem;min-height:4.8rem;padding:.9rem 1rem;display:flex}.drawer-heading h2{margin:.16rem 0 0;font-size:.95rem}.drawer-heading>button{color:#6f7a72;cursor:pointer;background:#edf1ed;border:0;border-radius:.65rem;place-items:center;width:2.35rem;height:2.35rem;display:grid}.drawer-heading>button:hover{color:var(--ink);background:#e2e9e3}.drawer-heading svg{width:1rem}.thumbnail-list{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;min-height:0;padding:.85rem;display:grid;overflow-y:auto}.thumbnail-item{color:#647067;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.75rem;align-content:start;gap:.38rem;min-width:0;padding:.55rem;font-size:.62rem;font-weight:750;display:grid;position:relative}.thumbnail-item:hover{background:#edf3ee}.thumbnail-active{color:var(--brand-dark);background:var(--brand-soft);border-color:#84ba96}.thumbnail-canvas{background:#e8ece8;border-radius:.3rem;place-items:center;width:100%;min-height:9rem;display:grid;overflow:hidden;box-shadow:0 5px 13px #2a3c2f1f}.thumbnail-canvas .react-pdf__Page,.thumbnail-canvas canvas{width:100%!important;height:auto!important}.thumbnail-lazy{aspect-ratio:800/1100;background:linear-gradient(110deg,#e4e9e5,#f2f4f2,#e4e9e5);width:100%;display:block}.thumbnail-item i{color:#fff;background:var(--brand);border-radius:999px;place-items:center;min-width:1.15rem;height:1.15rem;font-size:.55rem;font-style:normal;display:grid;position:absolute;top:.75rem;right:.75rem}.comment-tabs{background:#fafcfae6;border-bottom:1px solid #e2e8e3;grid-template-columns:1fr 1fr;gap:.45rem;padding:.58rem .8rem;display:grid}.comment-tabs button{color:#6c776f;cursor:pointer;background:0 0;border:0;border-radius:.6rem;justify-content:center;align-items:center;gap:.45rem;height:2.25rem;font-size:.68rem;font-weight:800;display:flex}.comment-tabs button.active{color:var(--brand-dark);background:linear-gradient(135deg,#e4f3ea,#edf8f1);box-shadow:inset 0 0 0 1px #2d855212}.comment-tabs svg{width:.85rem}.public-comments-list{flex:1;min-height:8rem;padding:.35rem .85rem;overflow-y:auto}.public-comments-list article{border-bottom:1px solid #e7ece8;grid-template-columns:2rem minmax(0,1fr);gap:.65rem;padding:.85rem 0;display:grid}.comment-selectable{cursor:pointer;border-radius:.6rem}.comment-selectable:hover{background:#f0f5f1}.public-comment-avatar{width:2rem;height:2rem;color:var(--brand);background:linear-gradient(145deg,#e2f2e8,#edf8f1);border-radius:999px;place-items:center;font-size:.66rem;font-weight:900;display:grid}.public-comments-list article>div>div{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.public-comments-list strong{font-size:.71rem}.public-comments-list time{color:#919a93;font-size:.55rem}.public-comments-list article button{color:var(--brand);background:var(--brand-soft);cursor:pointer;border:0;border-radius:999px;margin-top:.35rem;padding:.22rem .45rem;font-size:.55rem;font-weight:800}.public-comments-list article p{color:#4d5950;white-space:pre-wrap;margin:.38rem 0 0;font-size:.7rem;line-height:1.55}.drawer-loading,.drawer-empty{color:#8a958d;text-align:center;align-content:center;place-items:center;gap:.45rem;min-height:10rem;font-size:.68rem;display:grid}.drawer-loading svg,.drawer-empty svg{width:1.2rem}.drawer-empty strong{color:#4f5b52}.drawer-empty p{max-width:14rem;margin:0;line-height:1.5}.drawer-error{color:#9f251b;background:#fff0ef;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;margin:.55rem 0;padding:.55rem;font-size:.62rem;display:flex}.drawer-error button{color:inherit;cursor:pointer;background:0 0;border:0;flex:none;font-size:.6rem;font-weight:900}.comment-form{padding:.95rem max(.9rem, env(safe-area-inset-right)) max(.85rem, env(safe-area-inset-bottom));background:linear-gradient(#f8fbf9f5,#fff 2.5rem);border-top:1px solid #dfe6e0;gap:.65rem;display:grid;box-shadow:0 -12px 30px #2948320b}.comment-form-heading{justify-content:space-between;align-items:center;display:flex}.comment-form-heading strong{font-size:.75rem}.comment-form-heading span{color:var(--brand);font-size:.6rem;font-weight:800}.comment-form label{color:#536057;gap:.3rem;font-size:.62rem;font-weight:800;display:grid}.comment-form input,.comment-form textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #ced9d0;border-radius:.75rem;padding:.65rem .72rem;font-size:.7rem;font-weight:500}.comment-form textarea{resize:vertical;min-height:4.5rem}.comment-form small{color:#929a94;text-align:right;font-size:.55rem}.honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.submit-success{color:#1e6841;background:#ebf7ef;border:1px solid #cfe8d7;border-radius:.7rem;align-items:center;gap:.35rem;margin:0;padding:.45rem .55rem;font-size:.6rem;font-weight:800;display:flex}.comment-disclaimer{color:#8b948d;text-align:center;margin:0;font-size:.53rem;line-height:1.45}.zoom-overlay{z-index:80;color:#fff;background:#050706f7;flex-direction:column;display:flex;position:fixed;inset:0}.zoom-toolbar{border-bottom:1px solid #ffffff1a;flex:none;justify-content:space-between;align-items:center;height:4rem;padding:0 1rem;display:flex}.zoom-toolbar>span{font-size:.72rem;font-weight:800}.zoom-toolbar>div{align-items:center;gap:.4rem;display:flex}.zoom-toolbar button{color:#d3dbd5;cursor:pointer;background:#ffffff12;border:0;border-radius:.6rem;place-items:center;width:2.3rem;height:2.3rem;display:grid}.zoom-toolbar button:last-child{margin-left:.65rem}.zoom-toolbar svg{width:1rem}.zoom-toolbar div>span{color:#9da79f;text-align:center;width:3.2rem;font-size:.65rem}.zoom-document{flex:1;min-height:0;padding:2rem;overflow:auto}.zoom-page{transform-origin:top;width:fit-content;margin:0 auto;box-shadow:0 20px 60px #0000008c}@media (max-width:860px){.reader-header{grid-template-columns:minmax(0,1fr) auto;min-height:3.9rem}.reader-header>.mock-badge,.reader-title p,.reader-tools button>span:not(.reader-tool-icon){display:none}.reader-tools button{width:2.35rem;min-width:2.35rem;padding:0}.reader-tool-icon{width:1.9rem;height:1.9rem}.reader-tools i{top:.1rem;right:.05rem}.reader-stage{padding:.8rem 1rem 5.2rem}.reader-stage-panel-open{margin-right:0}.page-edge{display:none}.comments-drawer{border-radius:1rem 1rem 0 0;width:100%;height:min(82svh,42rem);animation:.23s ease-out drawer-from-bottom;top:auto;bottom:0;right:0}@keyframes drawer-from-bottom{0%{transform:translateY(100%)}}.public-comments-list{overscroll-behavior:contain}}@media (max-width:540px){.reader-title{gap:.45rem}.reader-brand-mark{width:2rem;height:2rem}.reader-title h1{max-width:9rem;font-size:.72rem}.reader-tools{gap:0}.reader-tools button{width:2.1rem;min-width:2.1rem}.reader-navigation{width:calc(100% - 1rem);bottom:max(.75rem, env(safe-area-inset-bottom))}.reader-navigation>button span{display:none}.reader-navigation form{padding:0 .35rem}.reader-hint{display:none}.thumbnail-drawer{width:88vw}.zoom-document{padding:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.page-outgoing-next,.page-outgoing-previous{animation:90ms linear forwards page-fade-out}.page-incoming-next,.page-incoming-previous{animation:90ms linear forwards page-fade-in}.thumbnail-drawer,.comments-drawer{animation:none}@keyframes page-fade-out{to{opacity:0}}@keyframes page-fade-in{0%{opacity:.7}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
