:root{--color-text:oklch(0.11 0.1332 271.46);--color-background:#fefefe;--color-text-muted:oklch(0.55 0.06 271.46);--color-text-hover:oklch(0.2 0.12 271.46);--color-error-bg:oklch(0.92 0.06 110.34)}*{box-sizing:border-box}body{font-family:system-ui,sans-serif;font-weight:400;background-color:var(--color-background);color:var(--color-text);margin:0;padding:0}header>nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem;padding:.5rem 2rem;min-height:52px;border-bottom:1.5px solid var(--color-text)}table{display:block;max-width:100vw;overflow-x:auto;border-collapse:collapse}td,th{padding:.6em .45em;text-align:left;border-bottom:1px solid #ddd}.nav-brand{font-size:13pt;font-weight:600;letter-spacing:.04em}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{font-size:11pt;letter-spacing:.02em}.auth-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}main{padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center}.plate-title-container{position:relative;width:min(90vw,680px);margin:0 0 1.5rem}.plate-title-image{display:block;width:100%;height:auto}.plate-title-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:44%;max-height:44%;text-align:center;line-height:1.1;font-size:clamp(1.05rem,1.85vw,1.75rem);font-family:comic sans ms,comic sans,chalkboard se,marker felt,trebuchet ms,cursive;font-style:italic;font-weight:700;color:#3e3a37;text-shadow:0 1px 0 #f9f5f0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow-wrap:anywhere}.motivation-card{width:min(90vw,680px);margin:0 0 1.5rem;padding:1rem 1.25rem;background:#ebe7e3;border:1px solid #b7afa8;border-radius:16px;box-shadow:0 10px 24px rgb(58 54 51/22%),inset 0 0 0 2px #d7d1cb}.motivation-card-text{margin:0;font-size:clamp(1rem,1.25vw,1.1rem);line-height:1.5;color:#3e3a37;white-space:pre-wrap;overflow-wrap:anywhere}a{color:var(--color-text);text-decoration:none}a:hover{text-decoration:underline}.login-error{width:100%;max-width:320px;border:1.5px solid var(--color-text);background-color:var(--color-error-bg);padding:.6em .8em;font-size:12pt;margin-bottom:.6em}form{display:flex}form:not(.action-form){display:flex;flex-direction:column;padding:1.5rem;border:2px solid var(--color-text);width:100%;max-width:320px}.action-form{padding:0;border:none;width:auto;max-width:none}form input,form textarea,button{font-family:system-ui,sans-serif;font-size:13pt;padding:.3em .6em;margin-bottom:.6em;border:none;outline:none;background:var(--color-text);color:var(--color-background);max-width:100%}form:not(.action-form) span{padding:.3em .6em;margin-bottom:.6em;border:2px solid var(--color-text)}form input::placeholder{color:var(--color-text-muted)}form button{cursor:pointer;letter-spacing:.02em;margin-bottom:0}button:disabled,button[disabled]{cursor:not-allowed;opacity:.45;background:repeating-linear-gradient( -45deg,#6a6a6a,#6a6a6a 8px,#808080 8px,#808080 16px );color:#f2f2f2;border:2px dashed #4f4f4f;text-decoration:line-through;text-decoration-thickness:2px;box-shadow:none;filter:grayscale(100%)}.action-form button{margin-bottom:0}form button:hover{background:var(--color-text-hover)}button:disabled:hover,button[disabled]:hover{background:repeating-linear-gradient( -45deg,#6a6a6a,#6a6a6a 8px,#808080 8px,#808080 16px )}@media(max-width:480px){.hide-on-mobile{display:none}header>nav{padding:.5rem 1rem;justify-content:center}main>nav{padding:0 1rem}.nav-links{gap:1.25rem;width:100%;justify-content:center}.auth-actions{width:100%;justify-content:center}.nav-brand{font-size:12pt}main{padding:2rem 1rem}.plate-title-text{width:50%;max-height:50%;font-size:clamp(.95rem,4.45vw,1.45rem)}}.challenge-completed{background-color:#90ee90}