diff --git a/.gitignore b/.gitignore
index 50a2cbe..009920c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,4 +15,4 @@ out
 *.local.*
 uploads
 resources/public/uploads
-
+resources/public/css/styles.css
\ No newline at end of file
diff --git a/resources/public/css/styles.css b/resources/public/css/styles.css
deleted file mode 100644
index 7698fff..0000000
--- a/resources/public/css/styles.css
+++ /dev/null
@@ -1,918 +0,0 @@
-:where(html) {
-  --size-0: 0;
-  --co-gaiwan-compass-html-components--toggle-radius-left: var(--radius-2);
-  --sessions-arc-color: var(--lime-5);
-  --hoc-pink: #e25f7d;
-  --hoc-pink-3: var(--hoc-pink);
-  --hoc-green: #99db70;
-  --sessions-arc-degrees: 240deg;
-  --hoc-pink-1: #e7879d;
-  --arc-thickness: 30px;
-  --hoc-pink-2: #cd4e6a;
-  --hoc-pink-4: #c0415b;
-  --co-gaiwan-compass-html-components--toggle-radius-right: var(--radius-2);
-}
-
-:where(html) {
-  --talk-color: var(--blue-2);
-  --workshop-color: var(--teal-2);
-  --office-hours-color: var(--red-2);
-  --activity-color: var(--red-2);
-  --highlight-yellow: var(--yellow-2);
-  --highlight: var(--hoc-pink-1);
-}
-
-@media (prefers-color-scheme: dark) {
-
-:where(html) {
-    --talk-color: var(--blue-9);
-    --workshop-color: var(--teal-8);
-    --office-hours-color: var(--red-9);
-    --activity-color: var(--red-9);
-    --highlight-yellow: var(--teal-12);
-    --highlight: var(--hoc-pink-4);
-  }
-
-}
-
-@keyframes dash {
-
-  to {
-    stroke-dashoffset: 0;
-  }
-
-}
-
-.notifier-dot {
-  border-radius: 9999px;
-  background-color: var(--red-8);
-  width: 0.6rem;
-  height: 0.6rem;
-}
-
-body.menu-open .co_gaiwan_compass_html_navigation__menu_panel {
-  transform: translate(0, 0);
-}
-
-body {
-  max-width: 100vw;
-}
-
-body #app {
-  max-width: 80rem;
-  margin: 0 auto;
-}
-
-body #app >main {
-  padding-left: var(--size-2);
-  padding-right: var(--size-2);
-  padding-top: var(--size-3);
-  padding-bottom: var(--size-3);
-}
-
-@keyframes fade-to-pale {
-
-  to {
-    opacity: 1;
-  }
-
-}
-
-@keyframes session-card-pulse {
-
-0%, 100% {
-    opacity: 1;
-  }
-  
-50% {
-    opacity: 0.5;
-  }
-
-}
-
-p {
-  max-inline-size: inherit;
-}
-
-ul, ol {
-  list-style-type: none;
-  margin: var(--size-0);
-  padding: var(--size-0);
-}
-
-body {
-  overflow-x: hidden;
-  width: 100vw;
-}
-
-h5, h4, h2, h1, h3 {
-  color: var(--text-1);
-  max-inline-size: inherit;
-}
-
-button, .btn {
-  border-radius: var(--radius-2);
-}
-
-dialog {
-  padding: var(--size-0);
-}
-
-body {
-  font-family: Open Sans, sans-serif;
-}
-
-.site-copy p {
-  line-height: 2;
-}
-
-.site-copy h1 {
-  margin-top: var(--size-5);
-  margin-bottom: var(--size-4);
-}
-
-.site-copy h2 {
-  margin-top: var(--size-4);
-  margin-bottom: var(--size-3);
-}
-
-.site-copy h3 {
-  margin-top: var(--size-3);
-  margin-bottom: var(--size-2);
-}
-
-.site-copy h4 {
-  margin-top: var(--size-2);
-  margin-bottom: var(--size-1);
-}
-
-.site-copy h5 {
-  margin-top: var(--size-1);
-}
-
-.site-copy ul {
-  padding-top: var(--size-2);
-  padding-bottom: var(--size-2);
-}
-
-.site-copy ul li {
-  padding-top: var(--size-1);
-  padding-bottom: var(--size-1);
-  list-style-type: disc;
-  list-style-position: inside;
-}
-
-.site-copy ol {
-  padding-top: var(--size-2);
-  padding-bottom: var(--size-2);
-}
-
-.site-copy ol li {
-  padding-top: var(--size-1);
-  padding-bottom: var(--size-1);
-  list-style-type: decimal;
-  list-style-position: inside;
-}
-
-.graphics-compass_logo path {
-  fill: var(--hoc-pink);
-}
-
-.graphics-hamburger {
-  stroke-width: 13%;
-  stroke-linecap: round;
-  stroke: var(--text-1);
-}
-
-.graphics-person_remove {
-  --_remove-color: #ff4d4d;
-}
-
-.graphics-person_remove path {
-  fill: var(--_remove-color);
-}
-
-.graphics-cross {
-  stroke-width: 13%;
-  stroke-linecap: round;
-  stroke: var(--text-1);
-}
-
-.graphics-discord {
-  --_logo-color: #5865F2;
-}
-
-.graphics-discord path {
-  fill: var(--_logo-color);
-}
-
-.graphics-checkmark path {
-  stroke: var(--icon-color);
-  stroke-width: 0.8;
-  stroke-dasharray: 10;
-  stroke-dashoffset: 10;
-  animation: dash 1s linear forwards;
-}
-
-.co_gaiwan_compass_html_auth__discord_button {
-  padding-bottom: var(--size-3);
-  --_ink-shadow: none;
-  text-align: center;
-  margin-bottom: var(--size-4);
-  background-color: #7289da;
-  padding-right: var(--size-4);
-  border-radius: var(--radius-2);
-  color: var(--gray-0);
-  padding-left: var(--size-4);
-  padding-top: var(--size-3);
-}
-
-.co_gaiwan_compass_html_auth__discord_button:hover {
-  text-decoration: none;
-}
-
-.co_gaiwan_compass_html_auth__discord_button .graphics-discord {
-  height: 2rem;
-  width: 2rem;
-  --_logo-color: var(--gray-0);
-}
-
-.co_gaiwan_compass_html_auth__popup {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--size-4);
-}
-
-.co_gaiwan_compass_html_auth__popup .top {
-  display: flex;
-  align-self: flex-end;
-  padding: var(--size-2);
-}
-
-.co_gaiwan_compass_html_auth__popup p {
-  margin: var(--size-4);
-  margin-top: var(--size-0);
-}
-
-.co_gaiwan_compass_html_auth__popup .graphics-cross {
-  width: 3rem;
-  height: 2.25rem;
-  padding: 0.4rem;
-  --_icon-color: var(--text-1);
-}
-
-.co_gaiwan_compass_html_components__toggle_button {
-  color: var(--text-2);
-}
-
-.co_gaiwan_compass_html_components__toggle_button input {
-  display: none;
-}
-
-.co_gaiwan_compass_html_components__toggle_button >.btn {
-  width: 100%;
-  border-top-left-radius: var(--co-gaiwan-compass-html-components--toggle-radius-left);
-  border-bottom-left-radius: var(--co-gaiwan-compass-html-components--toggle-radius-left);
-  border-top-right-radius: var(--co-gaiwan-compass-html-components--toggle-radius-right);
-  border-bottom-right-radius: var(--co-gaiwan-compass-html-components--toggle-radius-right);
-}
-
-.co_gaiwan_compass_html_components__toggle_button input:checked ~ .btn {
-  font-weight: 600;
-  color: var(--text-1);
-  background-color: var(--highlight);
-}
-
-.co_gaiwan_compass_html_components__toggle_group {
-  display: flex;
-  flex-direction: row;
-  --co-gaiwan-compass-html-components--toggle-radius-left: 0;
-  --co-gaiwan-compass-html-components--toggle-radius-right: 0;
-}
-
-.co_gaiwan_compass_html_components__toggle_group :first-child > .btn {
-  --co-gaiwan-compass-html-components--toggle-radius-left: 0.5em;
-}
-
-.co_gaiwan_compass_html_components__toggle_group :last-child > .btn {
-  --co-gaiwan-compass-html-components--toggle-radius-right: 0.5em;
-}
-
-.co_gaiwan_compass_html_components__avatar {
-  border-radius: 9999px;
-  aspect-ratio: 1;
-  background-size: cover;
-}
-
-.co_gaiwan_compass_html_components__image_frame .img {
-  width: 100%;
-  padding: var(--arc-thickness);
-}
-
-.co_gaiwan_compass_html_components__image_frame .img >* {
-  width: 100%;
-  aspect-ratio: 1 / 1;
-  border-radius: 9999px;
-  background-size: cover;
-  background-position: 50% 50%;
-}
-
-.co_gaiwan_compass_html_navigation__nav_bar {
-  display: flex;
-  align-items: center;
-  background-color: var(--surface-1);
-  margin-bottom: var(--size-5);
-}
-
-.co_gaiwan_compass_html_navigation__nav_bar h1 {
-  font-size: var(--size-7);
-  margin-right: auto;
-  margin-left: var(--size-2);
-}
-
-.co_gaiwan_compass_html_navigation__nav_bar svg {
-  flex-grow: 0;
-  flex-shrink: 0;
-  width: var(--font-size-5);
-  height: var(--font-size-5);
-}
-
-.co_gaiwan_compass_html_navigation__nav_bar button {
-  position: relative;
-}
-
-.co_gaiwan_compass_html_navigation__nav_bar .notifier-dot {
-  position: absolute;
-  top: -0.2rem;
-  right: -0.2rem;
-}
-
-.co_gaiwan_compass_html_navigation__menu_panel {
-  width: var(--size-fluid-10);
-  right: 0;
-  max-width: 100vw;
-  height: 100vh;
-  transform: translate(100%, 0);
-  position: fixed;
-  z-index: 1;
-  box-shadow: var(--shadow-4);
-  overflow: hidden;
-  background-color: var(--surface-2);
-  transition: transform 300ms ease-in;
-}
-
-.co_gaiwan_compass_html_navigation__menu_panel svg {
-  width: var(--font-size-5);
-  height: var(--font-size-5);
-}
-
-.co_gaiwan_compass_html_navigation__menu_panel .bar {
-  display: flex;
-  justify-content: space-between;
-  padding: var(--size-3);
-}
-
-.co_gaiwan_compass_html_navigation__menu_panel li {
-  font-size: var(--size-3);
-  border-bottom-width: 1px;
-  border-style: solid;
-  border-color: var(--surface-4);
-  padding-left: var(--size-4);
-  padding-right: var(--size-4);
-  padding-top: var(--size-1);
-  padding-bottom: var(--size-1);
-  font-size: var(--font-size-3);
-}
-
-.co_gaiwan_compass_html_navigation__menu_panel li:last-child {
-  border-width: 0;
-}
-
-.co_gaiwan_compass_html_navigation__menu_panel li.discord-button {
-  border-width: 0;
-}
-
-.co_gaiwan_compass_html_navigation__menu_panel .co_gaiwan_compass_html_components__avatar {
-  height: 2rem;
-}
-
-.co_gaiwan_compass_html_navigation__menu_panel .discord-button {
-  display: flex;
-  justify-content: center;
-  padding-top: var(--size-3);
-  padding-bottom: var(--size-3);
-}
-
-.co_gaiwan_compass_html_navigation__menu_panel .discord-button a:visited, .co_gaiwan_compass_html_navigation__menu_panel .discord-button a {
-  color: var(--gray-2);
-}
-
-.co_gaiwan_compass_html_navigation__menu_panel .user {
-  display: flex;
-  align-items: center;
-  gap: var(--size-2);
-}
-
-.co_gaiwan_compass_html_navigation__menu_panel .user a {
-  text-decoration: underline;
-}
-
-.co_gaiwan_compass_html_navigation__menu_panel a:visited {
-  color: var(--link);
-}
-
-.co_gaiwan_compass_html_navigation__menu_panel li:has(.notifier-dot) {
-  display: flex;
-  gap: var(--size-1);
-}
-
-.co_gaiwan_compass_html_layout__flash_box {
-  border-width: 1px;
-  padding-bottom: var(--size-2);
-  border-color: var(--green-2);
-  animation: fade-to-pale linear 0.5s forwards;
-  margin-top: var(--size-3);
-  margin-bottom: var(--size-3);
-  font-weight: 600;
-  background-color: var(--green-1);
-  padding-right: var(--size-3);
-  border-radius: var(--radius-2);
-  color: var(--blue-12);
-  padding-left: var(--size-3);
-  padding-top: var(--size-2);
-  opacity: 0.5;
-}
-
-.contacts-attendee_card .co_gaiwan_compass_html_components__image_frame {
-  width: 100px;
-}
-
-.contacts-contact_detail .heading {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: var(--size-3);
-}
-
-.contacts-contact_detail .contact-list {
-  width: 100%;
-}
-
-.contacts-contact_detail .remove-btn, .contacts-contact_detail cursor-pointer {
-  border-style: none;
-  background-color: var(--surface-3);
-}
-
-.contacts-contact_detail .remove-btn {
-  font-weight: 600;
-  color: var(--text-1);
-}
-
-.contacts-contact_detail .remove-btn:active, .contacts-contact_detail .remove-btn:hover {
-  background-color: var(--surface-4);
-}
-
-.contacts-contact_detail .contact {
-  display: flex;
-  align-items: center;
-  margin-top: var(--size-2);
-  margin-bottom: var(--size-2);
-  padding-top: var(--size-2);
-  padding-bottom: var(--size-2);
-  box-shadow: var(--shadow-2);
-  font-size: var(--size-3);
-  background-color: var(--surface-2);
-}
-
-.contacts-contact_detail .contact .details {
-  flex-grow: 1;
-  margin-right: var(--size-2);
-}
-
-.contacts-contact_detail .contact .co_gaiwan_compass_html_components__image_frame {
-  width: 50px;
-  --arc-thickness: 7%;
-  margin-left: var(--size-2);
-  margin-right: var(--size-2);
-}
-
-.contacts-contact_detail .profile-name {
-  font-weight: 600;
-}
-
-.contacts-contact_detail .email {
-  font-size: var(--size-3);
-  color: var(--text-2);
-}
-
-.filters-filter_section {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--size-1);
-  margin-top: var(--size-3);
-  margin-bottom: var(--size-3);
-}
-
-.filters-filter_section button, .filters-filter_section .co_gaiwan_compass_html_components__toggle_button, .filters-filter_section .btn {
-  font-weight: 400;
-  flex-grow: 1;
-}
-
-.profiles-profile_detail .co_gaiwan_compass_html_components__image_frame {
-  width: 100px;
-  --arc-thickness: 7%;
-}
-
-.profiles-profile_form .co_gaiwan_compass_html_components__image_frame {
-  width: 100px;
-  --arc-thickness: 7%;
-}
-
-.profiles-profile_form label, .profiles-profile_form input {
-  display: block;
-}
-
-.profiles-profile_form label {
-  margin-bottom: var(--size-1);
-  margin-top: var(--size-2);
-  font-size: var(--font-size-3);
-  font-weight: var(--font-weight-6);
-}
-
-.profiles-profile_form textarea:not([type=checkbox]), .profiles-profile_form input:not([type=checkbox]), .profiles-profile_form select:not([type=checkbox]) {
-  width: 100%;
-  margin-bottom: var(--size-3);
-}
-
-.profiles-profile_form label {
-  justify-content: flex-start;
-  align-items: center;
-}
-
-.profiles-profile_form label:has([type=checkbox]) {
-  display: flex;
-  gap: var(--size-3);
-}
-
-.profiles-profile_form table {
-  width: 100%;
-}
-
-.sessions-arc {
-  aspect-ratio: var(--ratio-square);
-  padding: var(--arc-thickness);
-  border-radius: var(--radius-round);
-  background: var(--sessions-arc-color);
-  mask: linear-gradient(#0000 0 0) content-box intersect, conic-gradient(#000 var(--sessions-arc-degrees), #0000 0);
-}
-
-.sessions-capacity_gauge {
-  aspect-ratio: 1 / 1;
-  position: relative;
-  --arc-thickness: 7%;
-}
-
-.sessions-capacity_gauge >* {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.sessions-capacity_gauge .sessions-arc {
-  width: 100%;
-}
-
-.sessions-capacity_gauge .checkmark {
-  display: none;
-  width: 100%;
-  justify-content: center;
-  height: 100%;
-  align-items: center;
-  font-size: 5rem;
-}
-
-.sessions-capacity_gauge.checked .checkmark {
-  display: flex;
-}
-
-.sessions-capacity_gauge.checked .img {
-  filter: brightness(50%);
-}
-
-.sessions-capacity_gauge .img {
-  width: 100%;
-  padding: var(--arc-thickness);
-}
-
-.sessions-capacity_gauge .img >* {
-  width: 100%;
-  aspect-ratio: 1 / 1;
-  border-radius: 9999px;
-  background-size: cover;
-  background-position: 50% 50%;
-}
-
-.sessions-capacity_gauge .graphics-checkmark {
-  padding: var(--size-3);
-  --icon-color: var(--hoc-green);
-}
-
-.sessions-join_btn input {
-  color: var(--text-2);
-  background-color: var(--surface-3);
-  border-radius: var(--radius-2);
-}
-
-.sessions-session_card_actions {
-  display: flex;
-  justify-content: flex-end;
-  width: 100%;
-  margin-top: var(--size-2);
-}
-
-.sessions-session_image_PLUS_guage {
-  padding: var(--size-2);
-}
-
-.sessions-session_image_PLUS_guage .sessions-capacity_gauge {
-  width: 100px;
-}
-
-.sessions-img_PLUS_join_widget {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding-top: var(--size-3);
-  padding-bottom: var(--size-3);
-  margin-left: var(--size-2);
-  margin-right: var(--size-2);
-}
-
-.sessions-session_card {
-  display: flex;
-  gap: var(--size-1);
-  background-color: var(--surface-2);
-  box-shadow: var(--shadow-2);
-  border-style: solid;
-  border-color: var(--surface-3);
-}
-
-.sessions-session_card .title {
-  font-size: var(--size-4);
-  font-weight: 600;
-  margin-top: var(--size-3);
-  margin-bottom: var(--size-2);
-}
-
-.sessions-session_card .title a {
-  color: var(--text-1);
-}
-
-.sessions-session_card .subtitle {
-  font-size: var(--size-3);
-  font-weight: 500;
-  margin-bottom: var(--size-3);
-  color: var(--text-2);
-}
-
-.sessions-session_card .details {
-  width: 100%;
-  padding-top: var(--size-3);
-  padding-bottom: var(--size-3);
-  margin-right: var(--size-2);
-  position: relative;
-}
-
-.sessions-session_card .type {
-  font-weight: 700;
-  padding: var(--size-1);
-  text-align: center;
-  font-variant: small-caps;
-  writing-mode: vertical-lr;
-  transform: rotate(180deg);
-  background-color: var(--sessions-session-type-color);
-}
-
-.sessions-session_card .loc {
-  color: var(--text-2);
-}
-
-.sessions-session_card .sessions-session_card_actions {
-  text-align: right;
-}
-
-.sessions-session_card .expansion {
-  display: none;
-}
-
-.sessions-session_card.expanded .expansion {
-  display: block;
-}
-
-.sessions-session_card.htmx-request .details, .sessions-session_card.htmx-request .sessions-img_PLUS_join_widget {
-  opacity: 0.5;
-  animation: session-card-pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-
-.sessions-session_detail {
-  margin-top: var(--size-8);
-}
-
-.sessions-session_detail .sessions-capacity_gauge {
-  width: 100px;
-}
-
-.sessions-session_detail .header-row {
-  display: flex;
-  gap: var(--size-2);
-  margin-bottom: var(--size-8);
-  align-items: center;
-}
-
-.sessions-session_detail .header-row .title {
-  font-size: var(--size-7);
-  text-wrap: wrap;
-  word-break: break-word;
-}
-
-@media (min-width: 1024px) {
-
-  .sessions-session_detail .header-row .title {
-    font-size: var(--size-8);
-  }
-
-}
-
-.sessions-session_detail .header-row .type {
-  background: var(--sessions-session-type-color);
-  margin-top: var(--size-1);
-  margin-bottom: var(--size-1);
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  padding: var(--size-1);
-}
-
-.sessions-session_detail .event-at {
-  box-shadow: -14px 14px 0 -4px black;
-  background: var(--highlight-yellow);
-  padding: var(--size-4);
-  max-width: 32rem;
-  margin-top: var(--size-2);
-  margin-bottom: var(--size-6);
-  margin-left: var(--size-2);
-}
-
-.sessions-session_detail .event-at >p {
-  font-weight: 600;
-}
-
-.sessions-session_detail .event-at .datetime {
-  font-size: var(--size-7);
-  font-weight: 700;
-}
-
-.sessions-session_detail .three-box {
-  position: relative;
-  margin-top: var(--size-4);
-  margin-bottom: var(--size-4);
-  padding: var(--size-4);
-  gap: var(--size-4);
-  display: flex;
-  flex-direction: column;
-}
-
-@media (min-width: 1024px) {
-
-  .sessions-session_detail .three-box {
-    display: flex;
-    flex-direction: row;
-  }
-
-}
-
-.sessions-session_detail .three-box >div {
-  border-width: 8px;
-  font-weight: 600;
-  padding: var(--size-4);
-  text-align: center;
-  flex-grow: 1;
-}
-
-.sessions-session_detail .three-box >div >.small {
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-}
-
-@media (min-width: 1024px) {
-
-  .sessions-session_detail .three-box >div >.small {
-    font-size: var(--size-3);
-  }
-
-}
-
-.sessions-session_detail .three-box >div >.large {
-  font-size: var(--size-6);
-  font-weight: 700;
-}
-
-@media (min-width: 1024px) {
-
-  .sessions-session_detail .three-box >div >.large {
-    font-size: var(--size-7);
-  }
-
-}
-
-.sessions-session_detail .three-box:before {
-  width: 90%;
-  top: 0;
-  height: 110%;
-  transform: rotate(1deg);
-  position: absolute;
-  z-index: -1;
-  content: '';
-  background-color: var(--activity-color);
-  border-radius: 900px;
-  left: 5%;
-}
-
-.sessions-session_list .sessions {
-  display: grid;
-  gap: var(--size-3);
-  grid-template-columns: repeat(1, 1fr);
-}
-
-@media (min-width: 40rem) {
-
-  .sessions-session_list .sessions {
-    grid-template-columns: repeat(1, 1fr);
-  }
-
-}
-
-@media (min-width: 60rem) {
-
-  .sessions-session_list .sessions {
-    grid-template-columns: repeat(2, 1fr);
-  }
-
-}
-
-.sessions-session_list >h2 {
-  margin-bottom: var(--size-4);
-  margin-top: var(--size-7);
-  font-size: var(--font-size-3);
-}
-
-.sessions-session_list >h2:first-child {
-  margin-top: var(--size-0);
-}
-
-@media (min-width: 24rem) {
-
-  .sessions-session_list >h2 {
-    font-size: var(--font-size-4);
-  }
-
-}
-
-@media (min-width: 40rem) {
-
-  .sessions-session_list >h2 {
-    font-size: var(--font-size-5);
-  }
-
-}
-
-.sessions-session_form label, .sessions-session_form input {
-  display: block;
-}
-
-.sessions-session_form label {
-  margin-bottom: var(--size-1);
-  margin-top: var(--size-2);
-  font-size: var(--font-size-3);
-  font-weight: var(--font-weight-6);
-}
-
-.sessions-session_form textarea:not([type=checkbox]), .sessions-session_form input:not([type=checkbox]), .sessions-session_form select:not([type=checkbox]) {
-  width: 100%;
-  margin-bottom: var(--size-3);
-}
-
-.sessions-session_form label {
-  justify-content: flex-start;
-  align-items: center;
-}
-
-.sessions-session_form label:has([type=checkbox]) {
-  display: flex;
-  gap: var(--size-3);
-}
-
-.sessions-session_form div.date-time {
-  display: flex;
-  gap: var(--size-2);
-}
\ No newline at end of file