:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:97vh}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.page-container{width:100%;flex-direction:column;align-items:center;justify-content:center;height:auto;text-align:center;padding:0 2%}.no-padding{padding:0!important}button{margin:10px;padding:10px 20px;font-size:16px;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:5px;transition:background-color .3s}.big-button{margin:30px;padding:30px 60px;font-size:30px;cursor:pointer;border:none;border-radius:5px;transition:background-color .3s}button:hover{background-color:#0056b3}.header{background-color:#333;color:#fff;padding:10px 20px}.header nav ul{list-style:none;display:flex;justify-content:space-around;padding:0;margin:0}.header nav ul li{margin:0 10px}.header nav ul li a{color:#fff;text-decoration:none;font-weight:700}.header nav ul li a:hover{text-decoration:underline}body{background-color:#fff;color:#000}body.dark-theme{background-color:#333;color:#fff}.MuiTabs-root{background-color:unset!important;color:unset!important}.MuiTab-root{background-color:unset!important;color:unset!important;border:none!important}.projectContent{text-align:left;margin-left:10px;padding:40px}.projectSection{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:flex-start;width:100%;padding-top:3%;padding-bottom:3%;margin-top:2%}.contentCard{justify-content:center;border-radius:10px;padding:20px;text-align:left;min-width:300px;flex-grow:0;flex-shrink:1;flex-basis:auto}.darkContentCard{background-color:#252525}.lightContentCard{background-color:#fff}.page-section{text-align:left;margin:auto;width:100%;padding:10%}.project-section{background-color:#000;color:#fff;padding:60px 0;overflow:hidden}.project-container{width:90%;max-width:1200px;margin:0 auto}.section-heading{font-size:2.5rem;font-weight:700;margin:0 0 40px;position:relative;display:inline-block}.section-heading:after{content:"";position:absolute;left:0;bottom:-10px;width:60px;height:4px;background-color:#1976d2}.project-content{display:flex;justify-content:space-between;gap:5%;align-items:center}.project-content.mobile{flex-direction:column;gap:30px}.project-image-container{flex:0 0 70%;overflow:hidden;border-radius:8px;box-shadow:0 10px 30px #00000080;transition:transform .3s ease,box-shadow .3s ease}.project-content.mobile .project-image-container{flex:0 0 100%;width:100%}.project-image-container:hover{transform:translateY(-10px);box-shadow:0 15px 40px #000000b3}.project-image{width:100%;height:auto;display:block;filter:grayscale(100%);transition:filter .4s ease-in-out,transform .4s ease-in-out;cursor:pointer;min-width:300px}.project-image:hover{filter:grayscale(0%);transform:scale(1.02)}.project-info{flex:0 0 25%;min-width:200px}.project-content.mobile .project-info{flex:0 0 100%;width:100%;text-align:center}.project-title{font-size:1.8rem;font-weight:700;margin:0 0 20px;color:#90caf9}.project-description{font-size:1.15rem;line-height:1.6;margin:0;opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-section{animation:fadeIn .8s ease-out forwards}@media (max-width: 992px){.section-heading{font-size:2.2rem}.project-title{font-size:1.6rem}.project-description{font-size:1.05rem}}@media (max-width: 768px){.project-section{padding:40px 0}.section-heading{font-size:2rem;margin-bottom:30px}.project-image-container{margin-bottom:20px}}@media (max-width: 480px){.section-heading{font-size:1.8rem}.project-title{font-size:1.4rem}.project-description{font-size:1rem}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.archi-container{margin-bottom:5%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.archi-container.light{background-color:#f8f9fa;color:#333}.archi-content{width:90%;max-width:1200px;margin:0 auto}.archi-header{margin:10% 0 30px;text-align:center}.archi-title{font-size:2.2rem;font-weight:600;margin-bottom:20px}.archi-title.light{color:#1976d2}.archi-title.dark{color:#90caf9}.archi-accordion{border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.archi-accordion.light{background-color:#fff;border:1px solid #e0e0e0}.archi-accordion.dark{background-color:#1e1e1e;border:1px solid #333}.archi-accordion:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.accordion-summary{padding:16px 24px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.accordion-summary.light{background-color:#f5f5f5}.accordion-summary.dark{background-color:#2a2a2a}.accordion-summary p{font-size:1.2rem;font-weight:500;margin:0}.accordion-summary.light p{color:#1976d2}.accordion-summary.dark p{color:#90caf9}.accordion-details{padding:24px}.accordion-details h3{margin-top:0;margin-bottom:24px;font-size:1.5rem}.accordion-details h3.light{color:#1976d2;border-bottom:2px solid #ddd;padding-bottom:8px}.accordion-details h3.dark{color:#90caf9;border-bottom:2px solid #444;padding-bottom:8px}.content-wrapper{display:flex;width:100%;margin:auto;flex-wrap:wrap;justify-content:center;gap:24px}.code-section{flex:5 1 400px;min-width:300px}.explanation-section{flex:4 1 400px;min-width:300px;text-align:left;font-size:medium}.code-block{border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #0003;transition:transform .3s ease}.code-block:hover{transform:scale(1.01)}.code-legend{margin-top:10px;font-style:italic;font-size:.9rem}.code-legend.light{color:#666}.code-legend.dark{color:#aaa}.divider{width:100%;height:1px;margin:30px 0}.divider.light{background-color:#ddd}.divider.dark{background-color:#444}.scheme-image{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 3px 10px #0003;transition:transform .3s ease}.scheme-image:hover{transform:scale(1.02)}.github-button{margin-top:20px;display:inline-block}.coverage-badge{display:block;margin-bottom:6px}@media (max-width: 900px){.archi-header{margin:5% 0 20px}.content-wrapper{flex-direction:column}.code-section,.explanation-section{min-width:100%}}@media (max-width: 600px){.archi-container{padding:20px 0}.archi-content{width:95%}.archi-title{font-size:1.8rem}.accordion-summary p{font-size:1.1rem}.accordion-details h3{font-size:1.3rem}}:root{--primary-color: #4285f4;--primary-light: #8ab4f8;--primary-dark: #1a73e8;--accent-color: #ff5722;--light-bg: #f7f9fc;--dark-bg: #121212;--dark-card: #1e1e1e;--dark-content: #2d2d2d;--light-text: #f0f0f0;--dark-text: #333333;--card-shadow: 0 8px 20px rgba(0, 0, 0, .08);--hover-shadow: 0 12px 28px rgba(0, 0, 0, .15);--border-radius: 12px;--section-spacing: 4rem;--card-spacing: 1.5rem}.trip-memories-container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px;font-family:Segoe UI,Roboto,sans-serif;line-height:1.6}.breadcrumb-container{padding:16px 0;margin-bottom:20px}.page-title{font-size:2.5rem;margin-bottom:2rem;font-weight:700;color:var(--primary-color);text-align:center;position:relative;padding-bottom:12px}.page-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px}.content-container{padding:0}.section-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;align-items:stretch;width:100%;padding:var(--section-spacing) 0;margin-top:0;position:relative}.section-container:not(:last-child):after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--primary-light),transparent)}.text-content-container{flex:4;min-width:300px;padding:0;border-radius:var(--border-radius);text-align:left;align-self:flex-start}.content-box{padding:30px;border-radius:var(--border-radius);box-shadow:var(--card-shadow);transition:all .3s ease;height:100%}.content-box:hover{transform:translateY(-5px);box-shadow:var(--hover-shadow)}.content-box.light{background-color:var(--light-bg);border-left:4px solid var(--primary-color)}.content-box.dark{background-color:var(--dark-content);border-left:4px solid var(--primary-light);color:var(--light-text)}.content-box.dark-secondary{background-color:var(--dark-card);border-left:4px solid var(--accent-color);color:var(--light-text)}.content-box h3{color:var(--primary-color);font-size:1.8rem;margin-bottom:1.5rem;font-weight:600}.content-box.dark h3,.content-box.dark-secondary h3{color:var(--primary-light)}.description-text{font-size:16px;line-height:1.7;margin-bottom:18px;opacity:.9}.logo-image{width:200px;margin-top:30px;border:none;box-shadow:var(--card-shadow);border-radius:10px;transition:transform .3s ease}.logo-image-dark{width:40%;margin-top:30px;min-width:200px;border-radius:10px;box-shadow:0 4px 15px #ffffff1a;transition:transform .3s ease}.logo-image-dark:hover{transform:scale(1.05)}.ticket-system-container{width:30%;min-width:300px;border-radius:var(--border-radius);text-align:left;flex:1;display:flex;align-items:center;justify-content:center}.ticket-images-container{width:70%;min-width:300px;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--card-spacing);flex:3}.ticket-image-wrapper{padding:15px;box-sizing:border-box;cursor:pointer;border-radius:var(--border-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffff08;box-shadow:var(--card-shadow);transition:all .3s ease;border:1px solid rgba(200,200,200,.2);overflow:hidden}.ticket-image-wrapper:hover{transform:translateY(-8px);box-shadow:var(--hover-shadow)}.ticket-image{width:85%;max-height:250px;object-fit:contain;border-radius:8px;transition:transform .3s ease}.ticket-image-wrapper:hover .ticket-image{transform:scale(1.04)}.image-caption{display:block;text-align:center;margin-top:15px;font-weight:500;font-size:14px;color:var(--primary-color)}.source-code-section{justify-content:center;margin-top:var(--section-spacing);margin-bottom:var(--section-spacing);padding:0 20px}.source-code-section h2{font-size:2.2rem;text-align:center;margin-bottom:2rem;color:var(--primary-color);position:relative;padding-bottom:12px}.source-code-section h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px}.source-code-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.source-code-card{text-decoration:none;color:inherit;width:22%;min-width:240px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--card-shadow);transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative}.source-code-card.light{background-color:var(--light-bg)}.source-code-card.dark{background-color:var(--dark-card)}.source-code-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transform-origin:left;transition:transform .4s ease-out}.source-code-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:var(--hover-shadow)}.source-code-card:hover:before{transform:scaleX(1)}.card-image{width:100%;height:160px;object-fit:cover;background-color:#f5f5f5;transition:transform .3s ease}.source-code-card:hover .card-image{transform:scale(1.08)}.card-title{padding:20px 15px;text-align:center}.card-title h2{font-size:1.3rem;margin:0;font-weight:600;color:var(--primary-color)}.source-code-card.dark .card-title h2{color:var(--primary-light)}.stores-section{justify-content:center;margin-top:var(--section-spacing);margin-bottom:var(--section-spacing);padding:40px 0;background:linear-gradient(to bottom,#4285f40d,#4285f41a);border-radius:var(--border-radius)}.stores-section h2{font-size:2.2rem;text-align:center;margin-bottom:2rem;color:var(--primary-color);position:relative;padding-bottom:12px}.stores-section h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px}.stores-links-container{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;align-items:center;padding:20px 0}.store-link{display:block;transition:transform .3s ease}.store-link:hover{transform:translateY(-8px)}.apple-store-image,.android-store-image{filter:drop-shadow(0 5px 10px rgba(0,0,0,.1));transition:filter .3s ease}.apple-store-image:hover,.android-store-image:hover{filter:drop-shadow(0 8px 15px rgba(0,0,0,.2))}.apple-store-image{width:300px}.android-store-image{width:330px}.web-links{text-align:center;padding:20px;background-color:#fffc;border-radius:var(--border-radius);box-shadow:var(--card-shadow)}.web-links h3{color:var(--primary-color);margin-bottom:15px}.web-links a{color:var(--primary-dark);text-decoration:none;font-weight:500;transition:color .2s ease;display:inline-block;margin:5px 0}.web-links a:hover{color:var(--accent-color);text-decoration:underline}.architecture-image{width:80%;max-width:1000px;border-radius:var(--border-radius);box-shadow:var(--card-shadow);margin:30px auto;display:block;transition:transform .3s ease}.architecture-image:hover{transform:scale(1.02)}.download-button{position:fixed!important;bottom:2em;right:2em;background-color:var(--primary-color)!important;box-shadow:0 4px 15px #0003!important;transition:all .3s ease!important}.download-button:hover{transform:translateY(-5px)!important;background-color:var(--primary-dark)!important;box-shadow:0 6px 20px #00000040!important}.download-link{display:flex;align-items:center;color:#fff}.figma-instructions{text-align:left;margin-left:8%;display:flex;align-items:center;margin-bottom:30px;background-color:#4285f414;padding:15px 20px;border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.arrow-down{margin-right:30px;font-size:40px;color:var(--primary-color);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.figma-iframe{border:1px solid rgba(0,0,0,.1);width:85%;height:1000px;border-radius:12px;box-shadow:var(--card-shadow);margin:0 auto;display:block}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-image{max-width:90%;max-height:90%;border-radius:10px;box-shadow:0 8px 30px #fff3;transform:scale(.9);animation:scaleIn .3s ease forwards}@keyframes scaleIn{0%{transform:scale(.9)}to{transform:scale(1)}}.dark-mode .content-box.light{background-color:var(--dark-content);color:var(--light-text)}.dark-mode .web-links{background-color:var(--dark-card);color:var(--light-text)}.dark-mode .figma-instructions{background-color:#4285f426;color:var(--light-text)}@media (max-width: 1200px){.section-container{padding:calc(var(--section-spacing) * .8) 0}.ticket-system-container{width:35%}.ticket-images-container{width:65%}}@media (max-width: 1024px){:root{--section-spacing: 3rem}.page-title{font-size:2.2rem}.ticket-system-container{width:100%;min-width:100%;margin-bottom:20px}.ticket-images-container{width:100%;min-width:100%}.ticket-image-wrapper{flex:1 1 45%}.architecture-image,.figma-iframe{width:95%}.content-box h3{font-size:1.6rem}}@media (max-width: 768px){:root{--section-spacing: 2.5rem;--card-spacing: 1rem}.page-title{font-size:2rem}.text-content-container{margin-left:0;padding:10px}.content-box{padding:20px}.content-box h3{font-size:1.4rem}.ticket-image-wrapper{max-width:350px;margin:0 auto}.source-code-card{width:45%}.stores-links-container{flex-direction:column;gap:30px}.figma-instructions{margin-left:5%;flex-direction:column;align-items:flex-start}.arrow-down{margin-right:0;margin-bottom:10px}.figma-iframe{height:600px}}@media (max-width: 480px){:root{--section-spacing: 2rem}.page-title{font-size:1.8rem}.source-code-card{width:90%}.apple-store-image,.android-store-image{width:85%;max-width:280px}.content-box h3{font-size:1.3rem;margin-bottom:1rem}.description-text{font-size:15px}.download-button{bottom:1em;right:1em}}.footer{padding:40px 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.footer.light{background-color:#f8f9fa;color:#333}.footer.dark{background-color:#121212;color:#e0e0e0}.footer-container{width:90%;max-width:1200px;margin:0 auto}.footer-content{display:flex;flex-wrap:wrap;gap:30px;align-items:center}.footer-logo{flex:0 0 150px;display:flex;align-items:center;justify-content:center;align-self:stretch}.logo-image{width:100%;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 3px 10px #0003;transition:transform .3s ease}.logo-image:hover{transform:scale(1.05)}.footer-info{flex:1;display:flex;flex-wrap:wrap;gap:40px}.contact-section{flex:1;min-width:250px;display:flex;flex-direction:column;justify-content:center;gap:16px}.contact-item{display:flex;align-items:center;gap:10px;transition:transform .2s}.contact-item:hover{transform:translate(5px)}.icon{font-size:20px}.icon-light{color:#1976d2}.icon-dark{color:#90caf9}.contact-link{text-decoration:none;font-weight:500;transition:color .2s}.contact-link.light{color:#1976d2}.contact-link.dark{color:#90caf9}.contact-link:hover.light{color:#0d47a1;text-decoration:underline}.contact-link:hover.dark{color:#42a5f5;text-decoration:underline}.linkedin-link{cursor:pointer;text-decoration:underline;margin:0;font-weight:500;transition:color .2s}.linkedin-link.light{color:#1976d2}.linkedin-link.dark{color:#90caf9}.linkedin-link:hover.light{color:#0d47a1}.linkedin-link:hover.dark{color:#42a5f5}.divider{width:1px;margin:0 10px}.divider{background-color:#ddd}.footer.dark .divider{background-color:#444}.section-title{margin:0 0 16px;font-size:1.5rem;font-weight:600;padding-bottom:6px}.section-title.light{color:#1976d2;border-bottom:2px solid #ddd}.section-title.dark{color:#90caf9;border-bottom:2px solid #444}.skills-section{flex:1;min-width:300px}.skill-category{margin-bottom:12px}.category-title{margin:0 0 4px;font-weight:600;text-decoration:underline}.skills-list{margin:0;line-height:1.6;display:flex;flex-direction:column;gap:4px}@media (max-width: 900px){.footer-content{flex-direction:column}.footer-logo{flex:0 0 auto;max-width:120px;margin:0 auto 20px}.divider{width:100%;height:1px;margin:20px 0}.footer-info{flex-direction:column;gap:30px}}@media (max-width: 600px){.footer{padding:30px 0}.footer-container{width:95%}.contact-section,.skills-section{min-width:100%}.skills-list{font-size:.9rem}}