.personal-information{background-color:transparent;border:none;box-shadow:none;padding:0;margin-bottom:48px}.personal-information .personal-information__hero{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:start;margin-bottom:32px}.personal-information .personal-information__image-profile{width:180px;height:180px;border-radius:var(--border-radius);border:2px solid var(--on-background-border);box-shadow:6px 6px 0 var(--shadow-color);display:block;object-fit:cover}.personal-information .personal-information__intro{display:flex;flex-direction:column;justify-content:center}.personal-information .personal-information__greeting{font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--on-background-grey);margin-bottom:8px}.personal-information .personal-information__name{font-size:2.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px;color:var(--on-background);line-height:1.05}.personal-information .personal-information__mini_info{margin-bottom:0;display:flex;flex-wrap:wrap;gap:10px}.personal-information .personal-information__mini_info div{display:inline-block;margin:0}.personal-information .personal-information__mini_info div span{display:inline-flex;align-items:center;padding:8px 14px;background-color:var(--primary);color:#fff;border:2px solid var(--on-background-border);border-radius:var(--border-radius);box-shadow:3px 3px 0 var(--shadow-color);font-weight:700;text-transform:uppercase;letter-spacing:.03em;transition:all .1s ease;font-size:.8125rem}.personal-information .personal-information__mini_info div span:hover{transform:translate(3px,3px);box-shadow:none}.personal-information .personal-information__mini_info div span svg{margin-right:6px;width:16px;height:16px}.personal-information .personal-information__mini_info div span strong{margin-left:4px}.personal-information .personal-information__description{margin-top:0;font-size:1.0625rem;line-height:1.7;color:var(--on-surface);padding:24px 28px;background-color:var(--surface);border:2px solid var(--on-background-border);border-radius:var(--border-radius);box-shadow:4px 4px 0 var(--shadow-color);text-align:left;word-break:break-word;overflow-wrap:break-word;position:relative}@media screen and (min-width: 768px){.personal-information .personal-information__name{font-size:3.25rem}.personal-information .personal-information__description{padding:28px 36px}}@media screen and (max-width: 767px){.personal-information{padding:0;margin-bottom:32px}.personal-information .personal-information__hero{grid-template-columns:1fr;gap:20px;text-align:center}.personal-information .personal-information__image-profile{width:120px;height:120px;margin:0 auto;box-shadow:4px 4px 0 var(--shadow-color)}.personal-information .personal-information__intro{align-items:center}.personal-information .personal-information__name{font-size:1.75rem;margin:0 0 12px;text-align:center}.personal-information .personal-information__mini_info{justify-content:center;gap:8px;flex-direction:column;align-items:stretch}.personal-information .personal-information__mini_info div{width:100%}.personal-information .personal-information__mini_info div span{padding:8px 12px;font-size:.75rem;justify-content:center;width:100%}.personal-information .personal-information__description{font-size:.9375rem;padding:16px 20px}}.social-medias{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.social-medias li{display:inline-block}.social-medias li a{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--on-background);color:var(--surface);border:2px solid var(--on-background-border);border-radius:var(--border-radius);box-shadow:4px 4px 0 var(--shadow-color);font-size:22px;transition:all .1s ease}.social-medias li a:hover{transform:translate(4px,4px);box-shadow:none;background-color:var(--primary);color:#fff}@media screen and (max-width: 767px){.social-medias{justify-content:center}}.home-page{overflow:visible;position:relative}.home-page__marquee-strip{width:100vw;position:relative;left:50%;transform:translate(-50%) rotate(-1deg);margin:48px 0;padding:16px 0;background-color:var(--primary);border-top:2px solid var(--on-background-border);border-bottom:2px solid var(--on-background-border);overflow:hidden}.home-page__marquee-strip--reverse{background-color:var(--secondary);transform:translate(-50%) rotate(1deg);margin-top:-8px}.home-page__marquee-strip .home-page__marquee-item{display:inline-flex;align-items:center;gap:10px;padding:8px 24px;font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;white-space:nowrap}.home-page__marquee-strip .home-page__marquee-item svg{width:22px;height:22px}.home-page__marquee-strip .home-page__marquee-item--alt{color:#000}@media screen and (max-width: 767px){.home-page__marquee-strip{margin:32px 0;padding:12px 0}.home-page__marquee-strip .home-page__marquee-item{font-size:.875rem;padding:6px 16px;gap:8px}.home-page__marquee-strip .home-page__marquee-item svg{width:18px;height:18px}}.tech-stack{margin-top:80px;margin-bottom:48px}.tech-stack .tech-stack__title{display:inline-block;font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:32px;padding:10px 20px;background-color:var(--primary);border:2px solid var(--on-background-border);border-radius:var(--border-radius);box-shadow:4px 4px 0 var(--shadow-color)}.tech-stack .tech-stack__grid{display:flex;flex-wrap:wrap;gap:14px}.tech-stack .tech-stack__card{display:flex;align-items:center;gap:12px;padding:12px 18px;background-color:var(--surface);border:2px solid var(--on-background-border);border-radius:var(--border-radius);border-left:5px solid var(--accent);box-shadow:3px 3px 0 var(--shadow-color);transition:all .15s ease;cursor:default;flex-shrink:0}.tech-stack .tech-stack__card:hover{transform:translate(3px,3px);box-shadow:none;background-color:var(--accent);border-left-color:var(--on-background-border)}.tech-stack .tech-stack__card:hover .tech-stack__card-name{color:#fff}.tech-stack .tech-stack__card:hover .tech-stack__card-category{background-color:#00000040;color:#fff;border-color:transparent}.tech-stack .tech-stack__card:hover .tech-stack__card-icon img{filter:brightness(0) invert(1)}.tech-stack .tech-stack__card:nth-child(5n){padding:16px 24px}.tech-stack .tech-stack__card:nth-child(5n) .tech-stack__card-icon img{width:36px;height:36px}.tech-stack .tech-stack__card:nth-child(5n) .tech-stack__card-name{font-size:1.125rem}.tech-stack .tech-stack__card:nth-child(7n){border-left:2px solid var(--on-background-border);border-top:5px solid var(--accent)}.tech-stack .tech-stack__card:nth-child(7n):hover{border-top-color:var(--on-background-border)}.tech-stack .tech-stack__card-icon{flex-shrink:0}.tech-stack .tech-stack__card-icon img{width:28px;height:28px;display:block;transition:filter .15s ease}.tech-stack .tech-stack__card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.tech-stack .tech-stack__card-name{font-size:.9375rem;font-weight:700;color:var(--on-surface);margin:0;white-space:nowrap;transition:color .15s ease}.tech-stack .tech-stack__card-category{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--on-background-grey);background-color:var(--background);border:1px solid var(--on-background-border);border-radius:3px;padding:2px 6px;display:inline-block;align-self:flex-start;transition:all .15s ease}@media screen and (min-width: 600px){.tech-stack .tech-stack__title{font-size:1.75rem}}@media screen and (max-width: 599px){.tech-stack{margin-top:48px;margin-bottom:32px}.tech-stack .tech-stack__title{font-size:1.25rem;margin-bottom:20px}.tech-stack .tech-stack__grid{gap:10px}.tech-stack .tech-stack__card{padding:10px 14px;gap:10px}.tech-stack .tech-stack__card:nth-child(5n){padding:10px 14px}.tech-stack .tech-stack__card:nth-child(5n) .tech-stack__card-icon img{width:28px;height:28px}.tech-stack .tech-stack__card:nth-child(5n) .tech-stack__card-name{font-size:.875rem}.tech-stack .tech-stack__card-icon img{width:24px;height:24px}.tech-stack .tech-stack__card-name{font-size:.8125rem}.tech-stack .tech-stack__card-category{font-size:.5625rem}}.work-histories{margin-top:80px;margin-bottom:48px}.work-histories h3{display:inline-block;font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:32px;padding:10px 20px;background-color:var(--error);border:2px solid var(--on-background-border);border-radius:var(--border-radius);box-shadow:4px 4px 0 var(--shadow-color)}.work-histories .work-histories__list{margin-top:0;display:grid;gap:16px}.work-histories .work-histories__list .work-histories__item{padding:24px;background-color:var(--surface);border:2px solid var(--on-background-border);border-radius:var(--border-radius);box-shadow:4px 4px 0 var(--shadow-color);display:flex;align-items:center;transition:all .1s ease}.work-histories .work-histories__list .work-histories__item:hover{transform:translate(4px,4px);box-shadow:none}.work-histories .work-histories__list .work-histories__item:nth-child(2n){border-left:6px solid var(--primary)}.work-histories .work-histories__list .work-histories__item:nth-child(odd){border-left:6px solid var(--secondary)}.work-histories .work-histories__list .work-histories__item img{width:72px;height:72px;margin-right:24px;border-radius:var(--border-radius);border:2px solid var(--on-background-border);box-shadow:3px 3px 0 var(--shadow-color);flex-shrink:0}.work-histories .work-histories__list .work-histories__item .work-histories__item__info{flex:1;min-width:0}.work-histories .work-histories__list .work-histories__item .work-histories__item__info h4{font-size:1.125rem;padding:0 0 6px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface)}.work-histories .work-histories__list .work-histories__item .work-histories__item__info .work-histories__item__info__company-name{font-size:1rem;padding:4px 0;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.work-histories .work-histories__list .work-histories__item .work-histories__item__info .work-histories__item__info__date{font-size:.875rem;padding:4px 0;font-weight:500;color:var(--on-background-grey)}.work-histories .work-histories__list .work-histories__item .work-histories__item__info .work-histories__item__info__date_range{margin-left:10px;color:var(--on-background);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;background-color:var(--warning);border:2px solid var(--on-background-border);border-radius:var(--border-radius);display:inline-block;font-size:.75rem;box-shadow:2px 2px 0 var(--shadow-color)}@media screen and (min-width: 600px){.work-histories h3{font-size:1.75rem}.work-histories .work-histories__list .work-histories__item .work-histories__item__info h4{font-size:1.25rem}.work-histories .work-histories__list .work-histories__item .work-histories__item__info .work-histories__item__info__company-name,.work-histories .work-histories__list .work-histories__item .work-histories__item__info .work-histories__item__info__date{font-size:1rem}}@media screen and (max-width: 599px){.work-histories{margin-top:48px;margin-bottom:32px}.work-histories h3{font-size:1.25rem;margin-bottom:20px}.work-histories .work-histories__list{gap:12px}.work-histories .work-histories__list .work-histories__item{flex-direction:column;text-align:center;padding:20px 16px}.work-histories .work-histories__list .work-histories__item:nth-child(2n),.work-histories .work-histories__list .work-histories__item:nth-child(odd){border-left:2px solid var(--on-background-border);border-top:6px solid var(--primary)}.work-histories .work-histories__list .work-histories__item:nth-child(odd){border-top-color:var(--secondary)}.work-histories .work-histories__list .work-histories__item img{width:56px;height:56px;margin-right:0;margin-bottom:12px}.work-histories .work-histories__list .work-histories__item .work-histories__item__info{width:100%}.work-histories .work-histories__list .work-histories__item .work-histories__item__info h4{font-size:1rem;padding:0 0 4px}.work-histories .work-histories__list .work-histories__item .work-histories__item__info .work-histories__item__info__company-name{font-size:.875rem}.work-histories .work-histories__list .work-histories__item .work-histories__item__info .work-histories__item__info__date{font-size:.75rem;display:flex;flex-direction:column;gap:6px;align-items:center}.work-histories .work-histories__list .work-histories__item .work-histories__item__info .work-histories__item__info__date_range{margin-left:0;margin-top:4px}}.marquee{overflow:hidden;display:flex;gap:24px;width:100%}.marquee:hover .marquee__track{animation-play-state:paused}.marquee .marquee__track{display:flex;gap:24px;flex-shrink:0;animation:marquee 30s linear infinite;min-width:max-content}.badges{margin-top:80px;margin-bottom:48px}.badges h3{display:inline-block;font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#000;margin-bottom:32px;padding:10px 20px;background-color:var(--warning);border:2px solid var(--on-background-border);border-radius:var(--border-radius);box-shadow:4px 4px 0 var(--shadow-color)}.badges .badges__showcase{display:flex;flex-direction:column;gap:16px;width:100vw;position:relative;left:50%;transform:translate(-50%)}.badges .badges__row{overflow:hidden}.badges .badge{flex-shrink:0;width:260px}.badges .badge a{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:var(--surface);border:2px solid var(--on-background-border);border-radius:var(--border-radius);box-shadow:4px 4px 0 var(--shadow-color);transition:all .15s ease;text-decoration:none;height:100%}.badges .badge a:hover{transform:translate(4px,4px);box-shadow:none;border-color:var(--primary)}.badges .badge a:hover .badge__name{color:var(--primary)}.badges .badge img{width:100%;max-height:160px;object-fit:contain;display:block;margin-bottom:12px}.badges .badge .badge__name{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--on-background-grey);text-align:center;line-height:1.3;transition:color .15s ease}@media screen and (min-width: 600px){.badges h3{font-size:1.75rem}.badges .badge{width:280px}}@media screen and (max-width: 599px){.badges{margin-top:48px;margin-bottom:32px}.badges h3{font-size:1.25rem;margin-bottom:20px}.badges .badges__showcase{gap:12px}.badges .badge{width:200px}.badges .badge a{padding:14px}.badges .badge img{max-height:120px;margin-bottom:8px}.badges .badge .badge__name{font-size:.625rem}}.about{min-height:75vh}.about .about__title{display:inline-block;font-size:1.75rem;font-weight:800;margin-bottom:32px;padding:10px 20px;background-color:var(--primary);color:#fff;border:2px solid var(--on-background-border);border-radius:var(--border-radius);box-shadow:4px 4px 0 var(--shadow-color)}.about .markdown-body{font-family:DM Sans,sans-serif;line-height:1.8;background-color:transparent;color:var(--on-background);font-weight:500}.about .markdown-body blockquote{color:var(--on-background-grey);border-left:4px solid var(--primary);padding-left:16px}.notebook-page{min-height:75vh}.notebook-page .notebook-page__title{display:inline-block;font-size:1.75rem;font-weight:800;margin-bottom:12px;padding:10px 20px;background-color:var(--primary);color:#fff;border:2px solid var(--on-background-border);border-radius:var(--border-radius);box-shadow:4px 4px 0 var(--shadow-color)}.notebook-page .notebook-page__subtitle{font-weight:500;font-size:1.0625rem;color:var(--on-background-grey);margin-top:8px}.notebooks{margin-top:24px}.notebooks .notebook-item{display:flex;align-items:center;padding:16px 20px;margin-bottom:12px;background-color:var(--surface);border:2px solid var(--on-background-border);border-radius:var(--border-radius);box-shadow:3px 3px 0 var(--shadow-color);transition:all .1s ease}.notebooks .notebook-item:hover{transform:translate(3px,3px);box-shadow:none;border-color:var(--primary)}.notebooks .notebook-item a{display:inline-block;flex:1;font-size:.9375rem;font-weight:600;color:var(--on-background);text-decoration:none}.notebooks .notebook-item span{font-size:.8125rem;font-weight:500;color:var(--on-background-grey);padding:4px 10px;background-color:var(--background);border:2px solid var(--on-background-border);border-radius:var(--border-radius);white-space:nowrap;margin-left:12px}@media screen and (min-width: 600px){.notebooks .notebook-item a{font-size:1.0625rem}.notebooks .notebook-item span{font-size:.875rem}}.header{position:sticky;top:0;z-index:1000}.header header{border-bottom:2px solid var(--on-background-border);min-height:64px;background-color:var(--surface);box-shadow:0 4px 0 var(--shadow-color)}.header header .header__container{margin:0 auto;display:grid;grid-template-columns:auto auto 1fr;align-items:center;padding:10px 16px;max-width:1300px}.header header .header__container .header__title{display:none;font-size:1.25rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--on-background)}.header header .header__container .header__drawer_button{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;font-size:24px;background-color:var(--primary);color:#fff;border:2px solid var(--on-background-border);border-radius:var(--border-radius);cursor:pointer;box-shadow:4px 4px 0 var(--shadow-color);transition:all .1s ease}.header header .header__container .header__drawer_button:hover{transform:translate(4px,4px);box-shadow:none}.header header .header__container .header__navigation_drawer{position:fixed;top:0;left:0;transform:translate(-100%);min-width:100vw;background-color:var(--surface);opacity:0;min-height:100vh;transition:all .3s ease-in-out;border-right:2px solid var(--on-background-border)}.header header .header__container .header__navigation_drawer .header__navigation_drawer_close{padding:8px;cursor:pointer;background-color:var(--error);color:#fff;border:2px solid var(--on-background-border);border-radius:var(--border-radius);font-size:28px;font-weight:700;min-width:44px;min-height:44px;margin:12px;box-shadow:4px 4px 0 var(--shadow-color);transition:all .1s ease}.header header .header__container .header__navigation_drawer .header__navigation_drawer_close:hover{transform:translate(4px,4px);box-shadow:none}.header header .header__container .header__navigation_drawer ul{margin-top:24px}.header header .header__container .header__navigation_drawer ul li{display:block}.header header .header__container .header__navigation_drawer ul li a{display:block;padding:20px 40px;text-decoration:none;color:var(--on-surface);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--on-background-border);transition:all .15s ease}.header header .header__container .header__navigation_drawer ul li a:hover{background-color:var(--primary);color:#fff;padding-left:56px}.header header .header__container .header__navigation_drawer ul li a.active{background-color:var(--primary);color:#fff;border-left:6px solid var(--on-background-border)}.header header .header__container .header__navigation_drawer ul li button{display:block;text-align:left;font-size:28px;width:calc(100% - 24px);margin:12px;padding:20px 40px;text-decoration:none;color:var(--on-surface);background-color:var(--secondary);border:2px solid var(--on-background-border);border-radius:var(--border-radius);cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:4px 4px 0 var(--shadow-color);transition:all .1s ease}.header header .header__container .header__navigation_drawer ul li button:hover{transform:translate(4px,4px);box-shadow:none}.header header .header__container .open{transform:translate(0);opacity:100%}@media screen and (min-width: 900px){.header header .header__container{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.header header .header__container .header__drawer_button{display:none}.header header .header__container .header__title{display:flex;align-items:center}.header header .header__container .header__navigation_drawer{position:static;min-width:0;min-height:0;opacity:100%;transition:none;transform:translate(0);text-align:left;border:none}.header header .header__container .header__navigation_drawer .header__navigation_drawer_close{display:none}.header header .header__container .header__navigation_drawer ul{display:flex;align-items:center;justify-content:center;margin-top:0;gap:8px}.header header .header__container .header__navigation_drawer ul li{display:inline}.header header .header__container .header__navigation_drawer ul li a{display:inline-block;padding:10px 20px;border:2px solid var(--on-background-border);border-radius:var(--border-radius);background-color:var(--surface);color:var(--on-surface);text-transform:uppercase;font-weight:700;letter-spacing:.05em;box-shadow:3px 3px 0 var(--shadow-color);transition:all .1s ease}.header header .header__container .header__navigation_drawer ul li a:hover{transform:translate(3px,3px);box-shadow:none;background-color:var(--primary);color:#fff}.header header .header__container .header__navigation_drawer ul li a.active{background-color:var(--primary);color:#fff;box-shadow:3px 3px 0 var(--shadow-color)}.header header .header__container .header__navigation_drawer ul li button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;min-width:44px;margin:0;border:2px solid var(--on-background-border);border-radius:var(--border-radius);background-color:var(--secondary);box-shadow:3px 3px 0 var(--shadow-color);transition:all .1s ease}.header header .header__container .header__navigation_drawer ul li button:hover{transform:translate(3px,3px);box-shadow:none}}.announcement-bar{padding:10px 24px;background-color:#1db954;color:#fff;display:flex;justify-content:center;align-items:center;border-bottom:2px solid var(--on-background-border)}.announcement-bar .announcement-bar__content{flex:1;display:flex;justify-content:center;align-items:center;gap:12px;min-width:0;overflow:hidden}.announcement-bar .announcement-bar__content svg{color:#fff;width:22px;height:22px;flex-shrink:0}.announcement-bar .announcement-bar__content p{font-size:.875rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.05em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement-bar .announcement-bar__content p a{color:#fff;font-weight:700;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s ease}.announcement-bar .announcement-bar__content p a:hover{border-bottom-color:#fff}.announcement-bar button{background-color:#fff;color:#1db954;border:2px solid white;border-radius:var(--border-radius);cursor:pointer;font-size:16px;font-weight:700;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px #0000004d;transition:all .1s ease;flex-shrink:0}.announcement-bar button:hover{transform:translate(3px,3px);box-shadow:none}.close{display:none}@media screen and (min-width: 600px){.announcement-bar{padding:12px 32px}.announcement-bar .announcement-bar__content p{font-size:.9375rem}.announcement-bar button{width:40px;height:40px;font-size:18px}}@media screen and (max-width: 599px){.announcement-bar{padding:8px 12px}.announcement-bar .announcement-bar__content{gap:8px}.announcement-bar .announcement-bar__content svg{width:18px;height:18px}.announcement-bar .announcement-bar__content p{font-size:.75rem;letter-spacing:.03em}.announcement-bar button{width:32px;height:32px;font-size:14px}}.notebook-detail{min-height:75vh}.notebook-detail h2{font-size:2.25rem}.notebook-detail h3{font-size:1.75rem}.notebook-detail p,.notebook-detail li,.notebook-detail pre,.notebook-detail h4,.notebook-detail h5,.notebook-detail h6{font-size:1.125rem}.notebook-detail header{margin-bottom:40px}.notebook-detail header .notebook-detail__title{font-size:2.5rem;font-weight:800;margin-bottom:20px;line-height:1.1}.notebook-detail header .notebook-detail__tags .notebook-detail__tag{display:inline-block;padding:5px 14px;border-radius:var(--border-radius);border:2px solid var(--on-background-border);margin:0 8px 8px 0;font-weight:700;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;background-color:var(--surface);box-shadow:2px 2px 0 var(--shadow-color)}.notebook-detail header .notebook-detail__tags .notebook-detail__tag:before{content:"#"}.notebook-detail .markdown-body{font-family:DM Sans,sans-serif;line-height:1.8;background-color:transparent;color:var(--on-background);font-weight:500}.notebook-detail .markdown-body pre{color:#333;border:2px solid var(--on-background-border);border-radius:var(--border-radius)}.notebook-detail .markdown-body img{width:100%;border-radius:var(--border-radius);border:2px solid var(--on-background-border);box-shadow:4px 4px 0 var(--shadow-color)}.notebook-detail .markdown-body blockquote{border-left:4px solid var(--primary);padding-left:16px;color:var(--on-background-grey)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--background) 25%,var(--on-background-border) 50%,var(--background) 75%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:var(--border-radius);border:2px solid var(--on-background-border)}.skeleton__title{height:2.7rem;width:80%;margin-bottom:18px}.skeleton__tag{height:32px;width:80px;display:inline-block;margin-right:12px}.skeleton__paragraph{height:16px;margin-bottom:12px}.skeleton__paragraph--short{width:90%}.skeleton__paragraph--medium{width:95%}.skeleton__paragraph--long{width:100%}.skeleton__block{height:150px;margin-bottom:24px;width:100%}@media screen and (max-width: 767px){.notebook-detail header .notebook-detail__title{font-size:1.75rem}.skeleton__title{height:2rem;width:100%}.skeleton__paragraph{height:14px}.skeleton__paragraph--short{width:95%}.skeleton__paragraph--medium,.skeleton__paragraph--long{width:100%}.skeleton__block{height:100px}}.page-container{max-width:1300px;margin:0 auto;padding:60px 32px;background-color:var(--surface);border:2px solid var(--on-background-border);border-top:none;min-height:calc(100vh - 70px);box-shadow:4px 4px 0 var(--shadow-color)}@media screen and (max-width: 767px){.page-container{padding:32px 16px;min-height:calc(100vh - 80px);border-left:none;border-right:none;box-shadow:none}}:root{--primary: #4A90FF;--primary-variant: #1A2B5E;--secondary: #00E676;--background: #E8E4DE;--surface: #FFFFFF;--error: #FF6B35;--warning: #FFBE0B;--success: #00E676;--on-background: #000000;--on-background-grey: #555555;--on-background-border: #000000;--on-surface: #000000;--border-width: 2px;--border-style: solid;--border-radius: 5px;--shadow-offset: 4px;--shadow-color: #000000;--grid-color: rgba(0, 0, 0, .06);--grid-size: 70px}[data-theme=light]{--background: #E8E4DE;--surface: #FFFFFF;--on-background: #000000;--on-background-grey: #555555;--on-background-border: #000000;--on-surface: #000000;--shadow-color: #000000;--grid-color: rgba(0, 0, 0, .06)}[data-theme=dark]{--background: #1A1A2E;--surface: #16213E;--on-background: #EAEAEA;--on-background-grey: #999999;--on-background-border: #EAEAEA;--on-surface: #EAEAEA;--shadow-color: rgba(234, 234, 234, .4);--grid-color: rgba(234, 234, 234, .04)}.app-container{color:var(--on-background);background-color:var(--background);background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);min-height:100vh;overflow-x:hidden}*{padding:0;margin:0;box-sizing:border-box}body{overflow-x:hidden;overflow-y:scroll;font-family:DM Sans,sans-serif;font-weight:500}h1,h2,h3,h4,h5,h6{font-weight:700;text-transform:uppercase;letter-spacing:.05em;word-break:break-word;overflow-wrap:break-word}h1{font-size:3rem;margin-bottom:1.5rem;line-height:1.1}h2{font-size:2.25rem;margin-bottom:1rem;line-height:1.15}h3{font-size:1.5rem;margin-bottom:.75rem}@media screen and (max-width: 767px){h1{font-size:2rem;margin-bottom:1rem;line-height:1.15}h2{font-size:1.5rem;margin-bottom:.75rem;line-height:1.2}h3{font-size:1.25rem;margin-bottom:.5rem;line-height:1.2}:root{--shadow-offset: 3px}}.neobrutalism-box{border:var(--border-width) var(--border-style) var(--on-background-border);border-radius:var(--border-radius);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);background-color:var(--surface);color:var(--on-surface);padding:1rem;margin-bottom:1rem}.neobrutalism-button{border:var(--border-width) var(--border-style) var(--on-background-border);border-radius:var(--border-radius);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;font-weight:700;font-family:DM Sans,sans-serif;text-transform:uppercase;cursor:pointer;transition:all .1s ease}.neobrutalism-button:hover{transform:translate(var(--shadow-offset),var(--shadow-offset));box-shadow:none}.neobrutalism-badge{display:inline-block;border:2px solid var(--on-background-border);border-radius:var(--border-radius);background-color:var(--surface);color:var(--on-surface);padding:.5rem 1rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.section-title{display:inline-block;font-size:1.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--on-background);margin-bottom:32px;padding:12px 24px;background-color:var(--primary);color:#fff;border:2px solid var(--on-background-border);border-radius:var(--border-radius);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--surface);border-left:2px solid var(--on-background-border)}::-webkit-scrollbar-thumb{background:var(--on-background);border:2px solid var(--on-background-border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% - 24px))}}@keyframes marquee-reverse{0%{transform:translate(calc(-100% - 24px))}to{transform:translate(0)}}::selection{background:var(--primary);color:#fff}