@charset "UTF-8";*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}summary{display:list-item}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;color:var(--text-primary)}h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.25}@media(max-width:768px){h1{font-size:1.75rem}}h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:2rem 0 1rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .75rem}h4,h5,h6{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin:1rem 0 .5rem}.page-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:2rem}@media(max-width:768px){.page-title{font-size:2rem}}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.card-title,.timer-edit-overlay .timer-edit-container .timer-edit-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}p{font-size:1rem;color:var(--text-primary);margin-bottom:1rem;line-height:1.5}p:last-child{margin-bottom:0}.text-large{font-size:1.125rem;line-height:1.4}.text-small{font-size:.875rem;line-height:1.25}.text-xs{font-size:.75rem;line-height:1.25}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.last-updated{font-size:.875rem;color:var(--text-secondary);font-style:italic;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}ul,ol{margin:1rem 0;padding-left:2rem}ul li,ol li{color:var(--text-primary);margin-bottom:.5rem}ul li:last-child,ol li:last-child{margin-bottom:0}ul{list-style-type:disc}ul ul{list-style-type:circle;margin-top:.5rem}ol{list-style-type:decimal}ol ol{list-style-type:lower-alpha;margin-top:.5rem}.arrow-list{list-style:none;padding:0}.arrow-list li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:1rem;position:relative}.arrow-list li:before{content:"\2192";position:absolute;left:0;color:var(--accent-color);font-weight:700}.arrow-list li strong{color:var(--accent-color);font-weight:600}strong,b{font-weight:600;color:var(--text-primary)}em,i{font-style:italic;color:var(--text-primary)}small{font-size:.875rem;color:var(--text-secondary)}code{background:var(--bg-tertiary);color:var(--text-primary);padding:.2rem .4rem;border-radius:.375rem;font-family:GeistMono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}pre{background:var(--bg-tertiary);color:var(--text-primary);padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0;line-height:1.5}pre code{background:none;padding:0}.font-mono,.timer-edit-overlay .timer-edit-container .timer-edit-inputs .time-input-group .time-input{font-family:GeistMono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}a{color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--text-secondary);text-decoration-thickness:1px;text-underline-offset:2px;transition:all .15s ease-in-out}a:link,a:visited,a:active{color:var(--text-primary)}a:hover{text-decoration-color:var(--text-primary);text-decoration-thickness:2px}a:focus{outline:2px solid var(--accent-color);outline-offset:2px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.4}.leading-loose{line-height:1.75}.display-time{font-family:GeistMono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.5rem;font-weight:700;text-align:center;color:var(--text-primary)}.timer-display{font-family:GeistMono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:6rem;font-weight:700;text-align:center;color:var(--text-primary);line-height:1;word-spacing:.15em;white-space:nowrap;overflow:visible}@media(max-width:768px){.timer-display{font-size:4rem}}@media(max-width:576px){.timer-display{font-size:3rem;word-spacing:.1em}}blockquote{border-left:4px solid var(--accent-color);padding:1rem 1.5rem;margin:1.5rem 0;background:var(--bg-tertiary);border-radius:.5rem;font-style:italic;color:var(--text-secondary)}blockquote p:last-child{margin-bottom:0}blockquote cite{display:block;margin-top:.5rem;font-size:.875rem;color:var(--text-muted);font-style:normal}blockquote cite:before{content:"\2014  "}.content-card,.timer-section .timer-container,.analytics-section,.settings-card{background:var(--bg-card);border-radius:.75rem;padding:2rem;box-shadow:var(--shadow-light);margin-bottom:2rem;border:1px solid var(--border-color)}.app-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 .125rem .25rem #00000013;backdrop-filter:blur(8px)}@media(max-width:576px){.app-header{padding:.5rem 0}}.app-header .header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;position:relative}@media(max-width:576px){.app-header .header-content{padding:0 .75rem}}.app-header .logo-section{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;transition:all .2s ease-in-out}.app-header .logo-section:hover{opacity:.8}@media(max-width:576px){.app-header .logo-section{gap:.5rem}}.app-header .logo-section .logo-icon{width:32px;height:32px;transition:all .2s ease-in-out}@media(max-width:576px){.app-header .logo-section .logo-icon{width:28px;height:28px}}.app-header .logo-section .app-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}@media(max-width:576px){.app-header .logo-section .app-title{font-size:1.125rem}}.app-header .hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:20px;height:18px;background:none;border:none;cursor:pointer;padding:0;z-index:101}@media(max-width:768px){.app-header .hamburger-menu{display:flex}}.app-header .hamburger-menu .hamburger-line{width:100%;height:3px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.app-header .hamburger-menu[aria-expanded=true] .hamburger-line:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.app-header .hamburger-menu[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.app-header .hamburger-menu[aria-expanded=true] .hamburger-line:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.app-header .header-nav{display:flex;align-items:center;gap:1rem}@media(max-width:768px){.app-header .header-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:0 4px 8px #00000026;padding:.75rem 0;gap:0;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease}.app-header .header-nav.active{max-height:400px;opacity:1}}.app-header .header-nav .nav-link{color:var(--text-primary);text-decoration:none;font-weight:500;padding:.5rem .75rem;border-radius:.5rem;transition:all .2s ease-in-out;position:relative}@media(max-width:768px){.app-header .header-nav .nav-link{width:100%;padding:.75rem 1rem;border-radius:0}}.app-header .header-nav .nav-link:link,.app-header .header-nav .nav-link:visited,.app-header .header-nav .nav-link:active{color:var(--text-primary);text-decoration:none}.app-header .header-nav .nav-link:hover{color:var(--text-primary);text-decoration:underline;background:var(--color-surface-hover)}.app-header .header-nav .nav-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}.app-header .header-nav .theme-toggle{background:none;border:2px solid var(--border-color);border-radius:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;font-size:1.2rem}.app-header .header-nav .theme-toggle svg{stroke:var(--text-primary);transition:all .2s ease-in-out}@media(max-width:768px){.app-header .header-nav .theme-toggle{margin:.5rem auto .5rem .75rem}}.app-header .header-nav .theme-toggle:hover{border-color:var(--primary-color);background:var(--bg-tertiary)}.nav-tabs{display:flex;background:transparent;padding:0 1rem;max-width:1200px;margin:0 auto;gap:.5rem}@media(max-width:576px){.nav-tabs{padding:0 .75rem;gap:.25rem}}.nav-tabs .nav-tab{background:var(--bg-secondary);border:1px solid var(--border-color);padding:.75rem 1.5rem;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease-in-out;position:relative;flex:1 1 auto;white-space:nowrap;border-radius:.5rem .5rem 0 0;margin-bottom:-1px}@media(max-width:576px){.nav-tabs .nav-tab{padding:.5rem .75rem;font-size:.875rem;flex:1 1 0;min-width:0}}.nav-tabs .nav-tab:hover{color:var(--text-primary);background:var(--bg-tertiary);transform:none;box-shadow:none}.nav-tabs .nav-tab.active{background:var(--bg-card);border-bottom:none;color:var(--text-primary);border-bottom-color:var(--bg-card);z-index:1}.nav-tabs .nav-tab.active:after{content:"";position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);width:40%;height:2px;background:var(--accent-color);border-radius:2px}@media(max-width:576px){.nav-tabs .nav-tab.active:after{bottom:.25rem;width:50%}}footer[role=contentinfo]{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto;padding:2rem 0 1.5rem;color:var(--text-secondary)}footer[role=contentinfo] .footer-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;gap:1.5rem}footer[role=contentinfo] .footer-main{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){footer[role=contentinfo] .footer-main{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}}footer[role=contentinfo] .footer-brand{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-weight:500}footer[role=contentinfo] .footer-brand .footer-logo{width:32px;height:32px;flex-shrink:0}footer[role=contentinfo] .footer-description{flex:1;max-width:400px}footer[role=contentinfo] .footer-description p{margin:0;font-size:.875rem;line-height:1.5}footer[role=contentinfo] .bottom-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.4}footer[role=contentinfo] .bottom-nav a{color:var(--footer-link);text-decoration:none;transition:color .3s ease}footer[role=contentinfo] .bottom-nav a:hover{color:var(--footer-link-hover);text-decoration:underline}footer[role=contentinfo] .footer-features{text-align:center;padding-top:1rem;border-top:1px solid var(--border-color)}footer[role=contentinfo] .footer-features small{font-size:.75rem;color:var(--text-muted);line-height:1.4;display:block}@media(max-width:767px){footer[role=contentinfo] .footer-content{gap:1rem}footer[role=contentinfo] .footer-main{gap:.75rem}footer[role=contentinfo] .footer-brand{justify-content:center}footer[role=contentinfo] .footer-description{text-align:center;max-width:none}footer[role=contentinfo] .bottom-nav{justify-content:center;font-size:.75rem}}.articles-index{max-width:1200px;margin:0 auto;padding:2rem}.articles-index .articles-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--border-color)}.articles-index .articles-header h1{font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}@media(max-width:768px){.articles-index .articles-header h1{font-size:2rem}}.articles-index .articles-header .page-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.75;max-width:700px;margin:0 auto 1.5rem}.articles-index .articles-header .breadcrumb ol{display:flex;justify-content:center;gap:.5rem;list-style:none;padding:0;margin:0;font-size:.875rem;color:var(--text-muted)}.articles-index .articles-header .breadcrumb ol li:not(:last-child):after{content:" / ";margin-left:.5rem;color:var(--text-muted)}.articles-index .articles-header .breadcrumb ol li a{color:var(--text-secondary);text-decoration:none}.articles-index .articles-header .breadcrumb ol li a:hover{color:var(--primary-color);text-decoration:underline}.articles-index .articles-listing .section-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;text-align:center}.articles-index .articles-listing .articles-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}@media(max-width:992px){.articles-index .articles-listing .articles-grid{grid-template-columns:1fr;gap:2rem}}.articles-index .articles-listing .articles-main{display:flex;flex-direction:column;gap:2rem}.articles-index .articles-listing .articles-main .article-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;transition:all .2s ease-in-out;position:relative}.articles-index .articles-listing .articles-main .article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium);border-color:var(--primary-color)}.articles-index .articles-listing .articles-main .article-card.featured{border-color:var(--accent-color);background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%)}.articles-index .articles-listing .articles-main .article-card.featured .featured-badge{position:absolute;top:-8px;right:1rem;background:var(--accent-color);color:#fff;padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;box-shadow:var(--shadow-light)}.articles-index .articles-listing .articles-main .article-card .article-header{margin-bottom:1rem}.articles-index .articles-listing .articles-main .article-card .article-header h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.articles-index .articles-listing .articles-main .article-card .article-header h3 a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.articles-index .articles-listing .articles-main .article-card .article-header h3 a:hover{color:var(--primary-color)}.articles-index .articles-listing .articles-main .article-card .article-meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem;font-size:.875rem;color:var(--text-secondary)}.articles-index .articles-listing .articles-main .article-card .article-meta time{font-weight:500}.articles-index .articles-listing .articles-main .article-card .article-meta .reading-time:before{content:"\2022";margin-right:.25rem}.articles-index .articles-listing .articles-main .article-card .article-meta .category{background:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.articles-index .articles-listing .articles-main .article-card .article-content .article-excerpt{color:var(--text-secondary);line-height:1.75;margin-bottom:1rem}.articles-index .articles-listing .articles-main .article-card .article-content .article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.articles-index .articles-listing .articles-main .article-card .article-content .article-tags .tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;border:1px solid var(--border-color);transition:all .2s ease-in-out}.articles-index .articles-listing .articles-main .article-card .article-content .article-tags .tag:hover{background:var(--bg-secondary);color:var(--text-primary)}.articles-index .articles-listing .articles-main .article-card .article-footer .read-more{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .2s ease-in-out}.articles-index .articles-listing .articles-main .article-card .article-footer .read-more:hover{color:var(--accent-color);transform:translate(4px)}.articles-index .articles-listing .articles-main .article-card .article-footer .read-more span{transition:transform .2s ease}.articles-index .articles-listing .articles-main .no-articles{text-align:center;padding:3rem;background:var(--bg-secondary);border-radius:.75rem;border:2px dashed var(--border-color)}.articles-index .articles-listing .articles-main .no-articles h3{color:var(--text-primary);margin-bottom:1rem}.articles-index .articles-listing .articles-main .no-articles p{color:var(--text-secondary);margin:0}.articles-index .articles-listing .articles-sidebar{display:flex;flex-direction:column;gap:1.5rem}.articles-index .articles-listing .articles-sidebar .sidebar-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-light)}.articles-index .articles-listing .articles-sidebar .sidebar-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.articles-index .articles-listing .articles-sidebar .sidebar-section .topic-list{list-style:none;padding:0;margin:0}.articles-index .articles-listing .articles-sidebar .sidebar-section .topic-list li{margin-bottom:.5rem}.articles-index .articles-listing .articles-sidebar .sidebar-section .topic-list li:last-child{margin-bottom:0}.articles-index .articles-listing .articles-sidebar .sidebar-section .topic-list li a{color:var(--text-secondary);text-decoration:none;padding:.5rem 0;display:block;transition:color .3s ease;border-radius:.375rem}.articles-index .articles-listing .articles-sidebar .sidebar-section .topic-list li a:hover{color:var(--primary-color);background:var(--bg-secondary);padding-left:.5rem}.articles-index .articles-listing .articles-sidebar .sidebar-section .quick-links{display:flex;flex-direction:column;gap:.75rem}.articles-index .articles-listing .articles-sidebar .sidebar-section .quick-links .quick-link{display:block;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;text-decoration:none;transition:all .2s ease-in-out}.articles-index .articles-listing .articles-sidebar .sidebar-section .quick-links .quick-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-medium)}.articles-index .articles-listing .articles-sidebar .sidebar-section .quick-links .quick-link:hover span{color:#ffffffe6}.articles-index .articles-listing .articles-sidebar .sidebar-section .quick-links .quick-link strong{display:block;color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.articles-index .articles-listing .articles-sidebar .sidebar-section .quick-links .quick-link span{color:var(--text-secondary);font-size:.875rem}.articles-index .articles-listing .articles-sidebar .sidebar-section.newsletter{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%)}.articles-index .articles-listing .articles-sidebar .sidebar-section.newsletter p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.articles-index .articles-listing .articles-sidebar .sidebar-section.newsletter .newsletter-signup p{color:var(--text-muted);font-style:italic;margin:0}.articles-index .articles-about{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border-color);text-align:center}.articles-index .articles-about h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem}.articles-index .articles-about .about-content{max-width:800px;margin:0 auto}.articles-index .articles-about .about-content p{font-size:1.125rem;color:var(--text-secondary);line-height:1.75;margin-bottom:2rem}.articles-index .articles-about .about-content .about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.articles-index .articles-about .about-content .about-features .feature{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;text-align:center;transition:all .2s ease-in-out}.articles-index .articles-about .about-content .about-features .feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium);border-color:var(--primary-color)}.articles-index .articles-about .about-content .about-features .feature h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.articles-index .articles-about .about-content .about-features .feature p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.5}@media(max-width:768px){.articles-index{padding:1.5rem 1rem}.articles-index .articles-header{margin-bottom:2rem;padding-bottom:1.5rem}.articles-index .articles-header .page-description{font-size:1rem}.articles-index .articles-listing .articles-grid,.articles-index .articles-listing .articles-main{gap:1.5rem}.articles-index .articles-listing .articles-main .article-card{padding:1rem}.articles-index .articles-listing .articles-main .article-card .article-header h3{font-size:1.125rem}.articles-index .articles-listing .articles-main .article-card .article-meta{font-size:.75rem;gap:.5rem}.articles-index .articles-listing .articles-sidebar .sidebar-section{padding:1rem}.articles-index .articles-listing .articles-sidebar .sidebar-section h3{font-size:1rem}.articles-index .articles-about{margin-top:2rem;padding-top:1.5rem}.articles-index .articles-about h2{font-size:1.25rem}.articles-index .articles-about .about-content .about-features{grid-template-columns:1fr;gap:1rem}.articles-index .articles-about .about-content .about-features .feature{padding:1rem}}.article-header-main{margin-bottom:2rem}.article-header-main h1{font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}@media(max-width:768px){.article-header-main h1{font-size:2rem}}.article-header-main .last-updated{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.article-header-main .article-byline{font-size:1rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.article-header-main .article-byline strong{color:var(--text-primary);font-weight:600}.article-header-main .article-byline .separator{color:var(--text-muted)}.article-content{margin-bottom:3rem}.author-bio{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin-top:3rem}.author-bio .author-bio-header{margin-bottom:1rem;border-bottom:2px solid var(--border-color);padding-bottom:.75rem}.author-bio .author-bio-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.author-bio .author-bio-body .author-info{margin-bottom:1.5rem}.author-bio .author-bio-body .author-info p{color:var(--text-secondary);line-height:1.75;margin-bottom:1rem}.author-bio .author-bio-body .author-info p strong{color:var(--text-primary);font-weight:600}.author-bio .author-bio-body .author-info p:last-child{margin-bottom:0}.author-bio .author-bio-body .author-credentials{margin-bottom:1.5rem;padding:1rem;background:var(--bg-card);border-radius:.5rem}.author-bio .author-bio-body .author-credentials h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.author-bio .author-bio-body .author-credentials ul{list-style:none;padding:0;margin:0}.author-bio .author-bio-body .author-credentials ul li{color:var(--text-secondary);padding:.5rem 0;line-height:1.5}.author-bio .author-bio-body .author-credentials ul li strong{color:var(--text-primary);font-weight:600}.author-bio .author-bio-body .author-credentials ul li:not(:last-child){border-bottom:1px solid var(--border-color)}.author-bio .author-bio-body .author-links p{color:var(--text-secondary);margin:0}.author-bio .author-bio-body .author-links p a{color:var(--primary-color);text-decoration:none;font-weight:500}.author-bio .author-bio-body .author-links p a:hover{text-decoration:underline}@media(max-width:768px){.author-bio{padding:1rem;margin-top:2rem}.author-bio .author-bio-header h3{font-size:1.125rem}.author-bio .author-bio-body .author-info p{font-size:.875rem}.author-bio .author-bio-body .author-credentials{padding:.75rem}.author-bio .author-bio-body .author-credentials h4{font-size:1rem}.author-bio .author-bio-body .author-credentials ul li{font-size:.875rem;padding:.25rem 0}}.creator-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin:1.5rem 0}.creator-info h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.creator-info ul{list-style:none;padding:0;margin:0}.creator-info ul li{color:var(--text-secondary);padding:.75rem 0;line-height:1.5}.creator-info ul li strong{color:var(--text-primary);font-weight:600}.creator-info ul li:not(:last-child){border-bottom:1px solid var(--border-color)}@media(max-width:768px){.creator-info{padding:1rem}.creator-info h3{font-size:1.125rem}.creator-info ul li{font-size:.875rem;padding:.5rem 0}}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_opsz,wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:GeistMono;src:url(/assets/GeistMono-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--primary-color: #003054;--primary-light: #7cc4ff;--primary-lighter: #e0efff;--accent-color: #fe8621;--accent-light: #ffb37c;--accent-lighter: #ffede0;--success-color: #16a34a;--danger-color: #dc2626;--warning-color: #d97706;--info-color: #2563eb;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e5e5e5;--bg-card: #ffffff;--color-surface-hover: rgba(0, 48, 84, .05);--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--border-color: #d4d4d4;--shadow-light: 0 .125rem .25rem rgba(0, 0, 0, .075);--shadow-medium: 0 .5rem 1rem rgba(0, 0, 0, .15);--shadow-heavy: 0 1rem 3rem rgba(0, 0, 0, .175);--focus-shadow: 0 0 0 3px rgba(0, 48, 84, .1);--accent-focus-shadow: 0 0 0 3px rgba(254, 134, 33, .1);--bg-overlay: rgba(255, 255, 255, .95);--footer-link: #4b5563;--footer-link-hover: #1f2937;--theme-name: advtimer-light}[data-theme=dark]{--primary-color: #5ba0d2;--primary-light: #6db0e2;--primary-lighter: #7ac0f2;--accent-color: #ff9236;--accent-light: #ffb37c;--accent-lighter: #ffd4b8;--bg-primary: #0a0a0a;--bg-secondary: #161616;--bg-tertiary: #262626;--bg-card: #161616;--color-surface-hover: rgba(255, 255, 255, .05);--text-primary: #fafafa;--text-secondary: #d4d4d4;--text-muted: #a3a3a3;--border-color: #404040;--shadow-light: 0 .125rem .25rem $black-40;--shadow-medium: 0 .5rem 1rem $black-50;--shadow-heavy: 0 1rem 3rem $black-70;--focus-shadow: 0 0 0 3px rgba(91, 160, 210, .3);--accent-focus-shadow: 0 0 0 3px rgba(255, 146, 54, .3);--bg-overlay: rgba(10, 10, 10, .95);--footer-link: #a3a3a3;--footer-link-hover: #e5e5e5;--theme-name: advtimer-dark}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;min-width:110px;text-align:center;user-select:none;white-space:nowrap;text-overflow:ellipsis}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn:active:not(:disabled){transform:translateY(-1px)}.btn:disabled{background:var(--text-muted);color:var(--bg-primary);cursor:not-allowed;transform:none;opacity:.6}.btn:disabled:hover{transform:none;box-shadow:none}.btn.btn-primary{background:var(--accent-color);color:#fff}.btn.btn-primary:hover:not(:disabled){background:var(--accent-light)}.btn.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-secondary)}.btn.btn-danger{background:var(--danger-color);color:#fff}.btn.btn-danger:hover:not(:disabled){background:#bb1e1e}.btn.btn-sm{padding:.5rem .75rem;font-size:.875rem;min-width:70px}.btn.btn-lg{padding:1rem 2rem;font-size:1.125rem;min-width:140px}@media(max-width:768px){.btn.btn-sm-mobile{padding:.5rem .75rem;font-size:.875rem;min-width:auto}}@media(min-width:769px){.btn.btn-lg-desktop{padding:1rem 2rem;font-size:1.125rem;min-width:140px}}.btn.btn-icon{min-width:auto;padding:.5rem;aspect-ratio:1}.btn svg{display:inline-block;vertical-align:middle;flex-shrink:0}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 2s infinite}.fade-in{animation:fadeIn .5s ease-out}.settings-card .settings-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.settings-card .settings-header .settings-icon{display:flex;align-items:center;justify-content:center;margin:auto 0;padding:0;font-size:1.5rem;line-height:1;color:var(--primary-color)}.settings-card .settings-header .settings-icon svg{color:inherit;stroke:currentColor}.settings-card .settings-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:auto 0}.settings-card .setting-item:has(.webhook-form){flex-direction:column;align-items:stretch}.settings-card .setting-item:has(.webhook-form) .setting-control{max-width:none;width:100%}.settings-card .setting-item:has(.webhook-form) .setting-control .text-input,.settings-card .setting-item:has(.webhook-form) .setting-control .select-input{width:100%!important;max-width:100%!important;min-width:unset!important;box-sizing:border-box}.settings-card .setting-item:has(.webhooks-container){align-items:flex-start;flex-direction:column}.settings-card .setting-item:has(.webhooks-container) .setting-control{max-width:none;width:100%}.settings-card .webhooks-container{display:flex;flex-direction:column;gap:.75rem}.settings-card .webhooks-container .webhook-item{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;padding:1rem 0;border-bottom:1px solid var(--border-color)}@media(max-width:768px){.settings-card .webhooks-container .webhook-item{flex-direction:column}}.settings-card .webhooks-container .webhook-item .webhook-info,.settings-card .webhooks-container .webhook-item .webhook-actions{flex-basis:auto;flex-shrink:1;flex-grow:1}.settings-card .webhooks-container .webhook-item .webhook-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.5rem}@media(max-width:768px){.settings-card .webhooks-container .webhook-item .webhook-actions{justify-content:flex-start;margin-top:1.25rem}}.settings-card .setting-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--border-color);gap:1.5rem;min-height:60px}.settings-card .setting-item:last-child{border-bottom:none;padding-bottom:0}.settings-card .setting-label{flex:1;margin-right:1rem}.settings-card .setting-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;font-size:1rem}.settings-card .setting-description{font-size:.875rem;color:var(--text-secondary);line-height:1.4;margin:0}.settings-card .setting-control{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end}.settings-card .number-input,.settings-card .text-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.5rem;padding:.75rem 1rem;color:var(--text-primary);font-size:1rem;transition:all .2s ease-in-out}.settings-card .number-input{width:90px;text-align:center}.settings-card .text-input{min-width:200px}.settings-card .number-input:focus,.settings-card .text-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-shadow)}.settings-card .select-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.5rem;padding:.75rem 1rem;color:var(--text-primary);cursor:pointer;min-width:150px;font-weight:500;appearance:none;transition:all .2s ease-in-out;position:relative;z-index:1}.settings-card .select-input:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:3rem}[data-theme=dark] .settings-card .select-input:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23d4d4d4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.settings-card .select-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-shadow)}@media(max-width:768px){.settings-card{padding:1.5rem;margin-bottom:1.5rem}.settings-card .settings-header{margin-bottom:1rem;gap:.75rem}.settings-card .setting-item:has(.webhook-form){flex-direction:column;align-items:stretch}.settings-card .setting-item:before{display:none}.settings-card .setting-item .setting-label{margin-right:0;text-align:left}.settings-card .setting-item .setting-label .setting-name{justify-content:flex-start;font-size:1rem}.settings-card .setting-item .setting-label .setting-description{text-align:left}.settings-card .setting-item .setting-control{align-items:flex-start;justify-content:flex-start}.settings-card .setting-item .setting-control .text-input,.settings-card .setting-item .setting-control .select-input{min-width:unset;width:100%}.settings-card .setting-item .setting-control .number-input{width:100px}.settings-card .setting-item .setting-control .toggle-switch{transform:scale(1.1)}}@media(max-width:576px){.settings-card{padding:1rem;margin-bottom:1rem}.settings-card .settings-header{margin-bottom:1rem;gap:.5rem;border-bottom-width:1px;align-items:center}.settings-card .settings-header .settings-icon{font-size:1.125rem;line-height:1;display:flex;align-items:center;justify-content:center}.settings-card .settings-header h3{font-size:1.125rem;font-weight:600;line-height:1.25;margin:0}.settings-card .setting-item:has(.webhook-form){flex-direction:column;align-items:stretch}.settings-card .setting-item{padding:.75rem 0;gap:.75rem;min-height:unset;align-items:flex-start}.settings-card .setting-item .setting-label{margin-right:0;text-align:left;flex:1}.settings-card .setting-item .setting-label .setting-name{font-size:1rem;justify-content:flex-start;margin-bottom:.125rem}.settings-card .setting-item .setting-label .setting-description{font-size:.75rem;text-align:left;line-height:1.25}.settings-card .setting-item .setting-control{max-width:50%;align-items:flex-start;justify-content:flex-end;flex-shrink:0;position:relative}.settings-card .setting-item .setting-control .text-input,.settings-card .setting-item .setting-control .select-input{max-width:300px;font-size:.875rem;padding:.5rem .75rem}.settings-card .setting-item .setting-control .select-input{width:auto;padding-right:2.5rem}.settings-card .setting-item .setting-control #completion-time-visibility{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-card .setting-item .setting-control .number-input{width:70px;font-size:.875rem;padding:.5rem .75rem}.settings-card .setting-item .setting-control .toggle-switch{transform:scale(.9)}.settings-card .setting-control.webhook-form{width:100%!important;max-width:100%!important;display:flex;flex-direction:column;gap:.5rem}.settings-card .setting-control.webhook-form input[type=url],.settings-card .setting-control.webhook-form select[multiple],.settings-card .setting-control.webhook-form .text-input,.settings-card .setting-control.webhook-form .select-input{width:100%!important;max-width:100%!important;min-width:unset!important;box-sizing:border-box}.settings-card .setting-control.webhook-form #webhook-url,.settings-card .setting-control.webhook-form #webhook-events{width:100%!important;max-width:100%!important;box-sizing:border-box}.settings-card .setting-control.webhook-form .btn{width:100%;max-width:100%}}.focus-mode-overlay[data-focus-theme=default]{background:var(--bg-overlay)}.focus-mode-overlay[data-focus-theme=default] .focus-exit-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.focus-mode-overlay[data-focus-theme=default] .focus-exit-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-secondary)}.focus-mode-overlay[data-focus-theme=gradient]{background:linear-gradient(135deg,#667eea,#764ba2)}.focus-mode-overlay[data-focus-theme=gradient] #focus-timer,.focus-mode-overlay[data-focus-theme=gradient] #focus-completion-time,.focus-mode-overlay[data-focus-theme=gradient] .focus-timeline-completion-time{color:#fff}.focus-mode-overlay[data-focus-theme=particles]{background:#0a0a14f2}.focus-mode-overlay[data-focus-theme=particles] #focus-timer,.focus-mode-overlay[data-focus-theme=particles] #focus-completion-time,.focus-mode-overlay[data-focus-theme=particles] .focus-timeline-completion-time{color:#fff}.focus-mode-overlay[data-focus-theme=metaballs]{background:#0a0a0ffa}.focus-mode-overlay[data-focus-theme=metaballs] #focus-timer,.focus-mode-overlay[data-focus-theme=metaballs] #focus-completion-time,.focus-mode-overlay[data-focus-theme=metaballs] .focus-timeline-completion-time{color:#fff}.focus-mode-overlay[data-focus-theme=progress]{background:#000000f2}.focus-mode-overlay[data-focus-theme=progress] #focus-timer,.focus-mode-overlay[data-focus-theme=progress] #focus-completion-time,.focus-mode-overlay[data-focus-theme=progress] .focus-timeline-completion-time{color:#fff;background:none}.focus-mode-overlay[data-focus-theme=matrix]{background:#000000f2}.focus-mode-overlay[data-focus-theme=matrix] #focus-timer,.focus-mode-overlay[data-focus-theme=matrix] #focus-completion-time,.focus-mode-overlay[data-focus-theme=matrix] .focus-timeline-completion-time{color:#fff}.focus-mode-overlay[data-focus-theme=school]{background:#fffffff2}.focus-mode-overlay[data-focus-theme=school] .focus-exit-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.focus-mode-overlay[data-focus-theme=school] .focus-exit-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-secondary)}.focus-mode-overlay[data-focus-theme=school] #focus-timer,.focus-mode-overlay[data-focus-theme=school] #focus-completion-time,.focus-mode-overlay[data-focus-theme=school] .focus-timeline-completion-time{color:#1a1a1a}.timer-edit-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.timer-edit-overlay .timer-edit-container{background:var(--bg-card);border-radius:.75rem;padding:2rem;box-shadow:var(--shadow-heavy);border:1px solid var(--border-color);min-width:320px;max-width:90vw}@media(max-width:576px){.timer-edit-overlay .timer-edit-container{padding:1rem;max-width:95vw}}.timer-edit-overlay .timer-edit-container .timer-edit-title{margin-bottom:1.5rem;text-align:center}@media(max-width:576px){.timer-edit-overlay .timer-edit-container .timer-edit-title{font-size:1.125rem;margin-bottom:1rem}}.timer-edit-overlay .timer-edit-container .timer-edit-warning{background:var(--warning-bg, rgba(255, 165, 0, .1));border:1px solid var(--warning-color, #ff9800);color:var(--warning-text, #ff9800);padding:.75rem;border-radius:.5rem;margin-bottom:1rem;text-align:center;font-size:.875rem;font-weight:500}@media(max-width:576px){.timer-edit-overlay .timer-edit-container .timer-edit-warning{font-size:.75rem;padding:.5rem}}.timer-edit-overlay .timer-edit-container .timer-name-section{margin-bottom:1.5rem}@media(max-width:576px){.timer-edit-overlay .timer-edit-container .timer-name-section{margin-bottom:1rem}}.timer-edit-overlay .timer-edit-container .timer-name-section label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.timer-edit-overlay .timer-edit-container .timer-name-section .timer-name-input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:.5rem;font-size:1rem;background:var(--bg-primary);color:var(--text-primary)}@media(max-width:576px){.timer-edit-overlay .timer-edit-container .timer-name-section .timer-name-input{padding:.5rem .75rem;font-size:.875rem}}.timer-edit-overlay .timer-edit-container .timer-name-section .timer-name-input:focus{outline:none;border-color:var(--accent-color);box-shadow:var(--accent-focus-shadow)}.timer-edit-overlay .timer-edit-container .timer-name-section .select-input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:.5rem;font-size:1rem;font-weight:500;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;appearance:none;transition:all .2s ease-in-out}.timer-edit-overlay .timer-edit-container .timer-name-section .select-input:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:3rem}[data-theme=dark] .timer-edit-overlay .timer-edit-container .timer-name-section .select-input:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23d4d4d4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@media(max-width:576px){.timer-edit-overlay .timer-edit-container .timer-name-section .select-input{padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem}}.timer-edit-overlay .timer-edit-container .timer-name-section .select-input:focus{outline:none;border-color:var(--accent-color);box-shadow:var(--accent-focus-shadow)}.timer-edit-overlay .timer-edit-container .timer-name-section .select-input:hover{border-color:var(--primary-light, var(--border-color))}.timer-edit-overlay .timer-edit-container .timer-edit-inputs{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}@media(max-width:576px){.timer-edit-overlay .timer-edit-container .timer-edit-inputs{gap:.5rem;margin-bottom:1rem}}.timer-edit-overlay .timer-edit-container .timer-edit-inputs .time-input-group{display:flex;flex-direction:column;align-items:center;gap:.5rem}.timer-edit-overlay .timer-edit-container .timer-edit-inputs .time-input-group .time-input{width:80px;padding:.75rem;font-size:1.5rem;font-weight:700;text-align:center;border:2px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary)}@media(max-width:576px){.timer-edit-overlay .timer-edit-container .timer-edit-inputs .time-input-group .time-input{width:60px;padding:.5rem;font-size:1.125rem}}.timer-edit-overlay .timer-edit-container .timer-edit-inputs .time-input-group .time-input:focus{outline:none;border-color:var(--accent-color);box-shadow:var(--accent-focus-shadow)}.timer-edit-overlay .timer-edit-container .timer-edit-inputs .time-input-group .time-input:invalid{border-color:var(--danger-color)}.timer-edit-overlay .timer-edit-container .timer-edit-inputs .time-input-group .time-input.input-readonly{background:var(--bg-secondary);color:var(--text-muted, var(--text-secondary));cursor:not-allowed;opacity:.6}.timer-edit-overlay .timer-edit-container .timer-edit-inputs .time-input-group label{font-size:.875rem;color:var(--text-secondary);font-weight:500}@media(max-width:576px){.timer-edit-overlay .timer-edit-container .timer-edit-inputs .time-input-group label{font-size:.75rem}}.timer-edit-overlay .timer-edit-container .timer-edit-inputs .time-separator{font-size:2rem;font-weight:700;color:var(--text-secondary);margin:0 .5rem}@media(max-width:576px){.timer-edit-overlay .timer-edit-container .timer-edit-inputs .time-separator{font-size:1.125rem;margin:0 .25rem 1.5rem;align-self:center}}.timer-edit-overlay .timer-edit-container .timer-edit-controls{display:flex;gap:1rem;justify-content:center}@media(max-width:576px){.timer-edit-overlay .timer-edit-container .timer-edit-controls{gap:.5rem;flex-direction:column}}@media(max-width:576px){.timer-edit-overlay .timer-edit-container .timer-edit-controls .btn{width:100%}}.timer-name-edit-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.timer-name-edit-overlay .timer-name-edit-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem;box-shadow:var(--shadow-heavy);max-width:400px;width:90%}.timer-name-edit-overlay .timer-name-edit-container .timer-name-edit-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.timer-name-edit-overlay .timer-name-edit-container .timer-name-input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:.5rem;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);margin-bottom:1.5rem}.timer-name-edit-overlay .timer-name-edit-container .timer-name-input:focus{outline:none;border-color:var(--accent-color);box-shadow:var(--accent-focus-shadow)}.timer-name-edit-overlay .timer-name-edit-container .timer-name-edit-controls{display:flex;gap:1rem;justify-content:flex-end}.timer-name-edit-overlay .timer-name-edit-container .timer-name-edit-controls .btn{min-width:80px}.focus-instructions{position:absolute;bottom:140px;left:50%;transform:translate(-50%);background:#0009;color:#fff!important;padding:.5rem .75rem;border-radius:8px;font-size:.875rem;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;z-index:10010}.focus-instructions strong{color:#ffb37c}@media(max-width:576px){.focus-instructions{top:80px;bottom:auto;max-width:90%;text-align:center}}.focus-touch-controls{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:10010}.focus-touch-controls .btn{flex:1;min-width:0}@media(max-width:576px){.focus-touch-controls{bottom:110px;flex-direction:column;justify-content:center;max-width:90%}}.focus-touch-controls .focus-btn:active{transform:translateY(0)}.toggle-switch{position:relative;width:56px;height:30px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:50px;cursor:pointer;display:inline-block}.toggle-switch.active{background:var(--accent-color);border-color:var(--accent-color)}.toggle-slider{position:absolute;top:2px;left:2px;width:22px;height:22px;background:var(--bg-primary);border-radius:50%;transition:transform .2s ease}.toggle-switch.active .toggle-slider{transform:translate(26px)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}.sr-only,.sr-only-focusable{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-only-focusable:focus{position:static!important;width:auto!important;height:auto!important;padding:.5rem 1rem!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;background-color:var(--primary-color)!important;color:#fff!important;text-decoration:none!important;border:2px solid var(--accent-color)!important;border-radius:.375rem!important;font-weight:600!important;z-index:9999!important;top:0!important;left:0!important}body{background-color:var(--bg-secondary);transition:all .3s ease-in-out;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}main{flex:1}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative}.main-content{flex:1;padding:2rem 1rem;max-width:1200px;margin:0 auto;width:100%}.timer-section{margin-bottom:1.5rem}.timer-section .timer-container{text-align:center;position:relative}@media(max-width:576px){.timer-section .timer-container{padding:1rem}}.timer-section .timer-container .timer-completion-time{font-size:1.125rem;font-weight:500;color:var(--text-secondary);margin-bottom:1rem;user-select:none;min-height:1.5rem}@media(max-width:768px){.timer-section .timer-container .timer-completion-time{font-size:1rem}}.timer-section .timer-container .timeline-completion-time{font-size:.875rem;font-weight:500;color:var(--text-secondary);opacity:.8;margin-top:.5rem;user-select:none}@media(max-width:768px){.timer-section .timer-container .timeline-completion-time{font-size:.75rem}}.timer-section .timer-container .timer-progress{margin:0 auto 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:600px;padding:0 1rem}.timer-section .timer-container .timer-progress .timer-progress-inner{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:80px}.timer-section .timer-container .timer-progress .timer-display{font-family:GeistMono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:3.5rem;font-weight:300;color:var(--text-primary);user-select:none;cursor:pointer;transition:opacity .2s ease;border-radius:.5rem;padding:.5rem;white-space:nowrap}.timer-section .timer-container .timer-progress .timer-display:hover{opacity:.8}.timer-section .timer-container .timer-progress .timer-display.timer-running{cursor:default}.timer-section .timer-container .timer-progress .timer-display.timer-running:hover{opacity:1}.timer-section .timer-container .timer-progress .timer-display .timer-days{display:inline}.timer-section .timer-container .timer-progress .timer-display .timer-days:after{content:", "}.timer-section .timer-container .timer-progress .timer-display .timer-time{display:inline}@media(max-width:768px){.timer-section .timer-container .timer-progress .timer-display{font-size:2.5rem}}@media(max-width:576px){.timer-section .timer-container .timer-progress .timer-display{font-size:clamp(1.25rem,6vw,2rem);white-space:normal;line-height:1.3;max-width:100%;display:flex;flex-direction:column;align-items:center}.timer-section .timer-container .timer-progress .timer-display .timer-days{display:block}.timer-section .timer-container .timer-progress .timer-display .timer-days:after{content:""}.timer-section .timer-container .timer-progress .timer-display .timer-time{display:block}}.timer-section .timer-container .timer-progress .progress-bar-container{width:100%;height:8px;position:relative}.timer-section .timer-container .timer-progress .progress-bar-container .progress-bar{width:100%;height:100%;display:block}.timer-section .timer-container .timer-progress .progress-bar-container .progress-bar .progress-bar-bg{fill:var(--border-color)}.timer-section .timer-container .timer-progress .progress-bar-container .progress-bar .progress-bar-fill{fill:var(--accent-color);transition:width .3s ease}.timer-section .timer-container .timer-controls{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;padding:0 1rem}@media(max-width:576px){.timer-section .timer-container .timer-controls{flex-wrap:nowrap;gap:.5rem;padding:0;width:100%}}@media(max-width:768px){.timer-section .timer-container .timer-controls .btn{flex:1;min-width:auto;flex-direction:column;white-space:normal}}.timer-tabs{display:flex;background:var(--bg-primary);border-radius:.75rem;padding:4px;margin-bottom:2rem;box-shadow:0 2px 8px var(--shadow-light)}.tab-content{display:none}.tab-content.active{display:block}.timer-progress{position:relative;width:240px;height:240px;margin:0 auto;pointer-events:none}.timer-progress .timer-progress-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.timer-progress .timer-completion-time{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem;transform:translateY(-.75rem);pointer-events:none}.timer-progress .timer-display{font-size:4rem;font-weight:700;pointer-events:auto;cursor:pointer}.timer-progress .timer-display{position:static!important;top:auto!important;left:auto!important;transform:none!important;margin-top:.25rem;line-height:1;pointer-events:auto!important}.stat-card{background:var(--bg-primary);padding:1.5rem;border-radius:.75rem;text-align:center;box-shadow:0 2px 8px var(--shadow-light);transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)}.stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem}.stat-card .stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.chart-placeholder{text-align:center;padding:3rem;color:var(--text-muted);background:var(--bg-secondary);border-radius:.5rem;border:2px dashed var(--border-color)}.analytics-section .analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:1rem}.analytics-section .analytics-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.analytics-section .analytics-header .time-range{display:flex;gap:.5rem;overflow-x:auto;flex-shrink:0;padding:.25rem 0}.analytics-section .analytics-header .time-range .range-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;font-size:.875rem;white-space:nowrap;flex-shrink:0}.analytics-section .analytics-header .time-range .range-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.analytics-section .analytics-header .time-range .range-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}@media(max-width:768px){.analytics-section .analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.analytics-section .analytics-header h2{font-size:1.25rem}.analytics-section .analytics-header .time-range{width:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.analytics-section .analytics-header .time-range::-webkit-scrollbar{display:none}}.analytics-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-section .stats-grid .stat-card{background:var(--bg-tertiary);border-radius:.5rem;padding:1.5rem;text-align:center}.analytics-section .stats-grid .stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--accent-color);display:block}.analytics-section .stats-grid .stat-card .stat-label{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.analytics-section .stats-grid .stat-card .stat-change{font-size:.875rem;margin-top:.25rem}.analytics-section .stats-grid .stat-card .stat-change.positive{color:var(--success-color)}.analytics-section .stats-grid .stat-card .stat-change.negative{color:var(--danger-color)}.analytics-section .chart-container{height:300px;background:var(--bg-primary);border-radius:.5rem;padding:1rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.focus-mode-overlay{position:fixed;inset:0;background:var(--bg-overlay, rgba(0, 0, 0, .9));z-index:1000;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:opacity .25s ease-in-out}.focus-mode-overlay .focus-exit-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;z-index:10011}.focus-mode-overlay .focus-exit-btn svg{display:block;flex-shrink:0}.focus-mode-overlay .focus-exit-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.focus-mode-overlay .focus-exit-btn:active{transform:scale(.95)}@media(max-width:576px){.focus-mode-overlay .focus-exit-btn{top:10px;right:10px;width:40px;height:40px}.focus-mode-overlay .focus-exit-btn svg{width:20px;height:20px}}.focus-mode-overlay .focus-content{text-align:center;padding:0 1rem;max-width:100%;position:relative;z-index:10}.focus-mode-overlay .focus-content .focus-completion-time{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;opacity:.9}@media(max-width:576px){.focus-mode-overlay .focus-content .focus-completion-time{font-size:.875rem}}.focus-mode-overlay .focus-content .focus-timeline-completion-time{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem;opacity:.8}@media(max-width:576px){.focus-mode-overlay .focus-content .focus-timeline-completion-time{font-size:.75rem}}.focus-mode-overlay .focus-content .focus-timer{font-family:GeistMono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:6rem;font-weight:300;color:var(--accent-color);line-height:1.2;background:#0000004d;padding:1rem 1.5rem;border-radius:.75rem;backdrop-filter:blur(4px)}[data-theme=light] .focus-mode-overlay .focus-content .focus-timer{background:#ffffff80}.focus-mode-overlay .focus-content .focus-timer .timer-days{display:inline}.focus-mode-overlay .focus-content .focus-timer .timer-days:after{content:", "}.focus-mode-overlay .focus-content .focus-timer .timer-time{display:inline}@media(max-width:768px){.focus-mode-overlay .focus-content .focus-timer{font-size:4rem}}@media(max-width:576px){.focus-mode-overlay .focus-content .focus-timer{font-size:clamp(1.5rem,8vw,3rem);display:flex;flex-direction:column;gap:.5rem;align-items:center}.focus-mode-overlay .focus-content .focus-timer .timer-days{display:block}.focus-mode-overlay .focus-content .focus-timer .timer-days:after{content:""}.focus-mode-overlay .focus-content .focus-timer .timer-time{display:block}}.focus-theme-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.multi-timer-section{margin-bottom:2rem}.multi-timer-section .timer-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.multi-timer-section .timer-tabs .timer-tab{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s ease-in-out;position:relative;min-width:200px;max-width:250px;flex:1}.multi-timer-section .timer-tabs .timer-tab:hover{background:var(--bg-primary);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.multi-timer-section .timer-tabs .timer-tab.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.multi-timer-section .timer-tabs .timer-tab .timer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.multi-timer-section .timer-tabs .timer-tab .timer-header .timer-name{font-weight:600;font-size:1rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.5rem;cursor:text;line-height:1.25}.multi-timer-section .timer-tabs .timer-tab .timer-header .timer-edit-btn{background:none;border:none;color:inherit;cursor:pointer;padding:.25rem;border-radius:.375rem;font-size:.875rem;opacity:.7;transition:all .2s ease-in-out;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.multi-timer-section .timer-tabs .timer-tab .timer-header .timer-edit-btn svg{display:block}.multi-timer-section .timer-tabs .timer-tab .timer-header .timer-edit-btn:hover{opacity:1;background:#ffffff1a;transform:none}.multi-timer-section .timer-tabs .timer-tab .timer-header .timer-edit-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}.multi-timer-section .timer-tabs .timer-tab .timer-details .timer-duration{font-size:1.25rem;font-weight:700;font-family:GeistMono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;margin-bottom:.5rem;color:inherit;letter-spacing:.5px}.multi-timer-section .timer-tabs .timer-tab .timer-details .timer-status{font-size:.875rem;opacity:.9;display:flex;align-items:center;gap:.75rem;font-weight:500}.multi-timer-section .timer-tabs .timer-tab .timer-details .timer-status .status-indicator{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.multi-timer-section .timer-tabs .timer-tab .timer-details .timer-status .status-indicator.ready{background:var(--text-secondary)}.multi-timer-section .timer-tabs .timer-tab .timer-details .timer-status .status-indicator.running{background:var(--success-color);animation:pulse 2s infinite}.multi-timer-section .timer-tabs .timer-tab .timer-details .timer-status .status-indicator.paused{background:var(--warning-color)}.multi-timer-section .timer-tabs .timer-tab .timer-details .timer-status .status-indicator.completed{background:var(--info-color)}.multi-timer-section .timer-tabs .timer-tab .timer-details .timer-status .status-text{text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.multi-timer-section .timer-tabs .timer-tab .close-timer{position:absolute;top:-8px;right:-8px;background:var(--danger-color);color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;opacity:0;padding:0}.multi-timer-section .timer-tabs .timer-tab .close-timer svg{display:block}.multi-timer-section .timer-tabs .timer-tab .close-timer:hover{transform:scale(1.1);box-shadow:none}.multi-timer-section .timer-tabs .timer-tab:hover .close-timer{opacity:1}.multi-timer-section .timer-tabs .timer-tab.active .timer-edit-btn:hover{background:#fff3}.multi-timer-section .timer-tabs .timer-tab.active .status-indicator.ready{background:#ffffffb3}.multi-timer-section .timer-tabs .add-timer{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s ease-in-out;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;min-width:160px;flex-shrink:0;gap:.5rem}.multi-timer-section .timer-tabs .add-timer svg{flex-shrink:0}.multi-timer-section .timer-tabs .add-timer:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--bg-secondary);transform:translateY(-2px)}@media(max-width:768px){.timer-container{padding:2rem 1rem}.timer-container .timer-display{font-size:3rem}.timer-container .timer-progress,.timer-container .timer-progress .progress-ring{width:150px;height:150px}.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.nav-tabs{flex-wrap:wrap}.multi-timer-section .timer-tabs .timer-tab{min-width:150px;max-width:none;flex:1 1 calc(50% - .25rem)}}@media(max-width:576px){.stats-grid{grid-template-columns:1fr}.timer-tabs .timer-tab{min-width:100%}.multi-timer-section .timer-tabs .timer-tab{flex:1 1 100%;min-width:none}}.notification{position:fixed;top:1rem;right:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem 1.5rem;box-shadow:var(--shadow-medium);z-index:10001;max-width:min(300px,100vw - 2rem);animation:fadeIn .3s ease-out;transform:translate(0);transition:all .3s ease-in-out}@media(max-width:576px){.notification{top:.5rem;right:.5rem;left:.5rem;max-width:none}}.notification.success{border-left:4px solid var(--success-color)}.notification.warning{border-left:4px solid var(--warning-color)}.notification.danger{border-left:4px solid var(--danger-color)}.notification.info{border-left:4px solid var(--info-color)}.notification .notification-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.notification .notification-message{color:var(--text-secondary);font-size:.875rem}.notification .notification-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:1.2rem;padding:.25rem;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.notification .notification-close svg{display:block}.notification .notification-close:hover{color:var(--text-primary);transform:none;box-shadow:none}.webhook-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.webhook-form .text-input,.webhook-form .select-input{border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);width:100%}.webhook-form .text-input:focus,.webhook-form .select-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--accent-focus-shadow)}.webhook-form .text-input:hover,.webhook-form .select-input:hover{border-color:var(--primary-light)}.webhook-form .text-input::placeholder,.webhook-form .select-input::placeholder{color:var(--text-muted);font-style:italic}.webhook-form select[multiple]{min-height:120px;resize:vertical}.webhooks-container{width:100%}.no-webhooks{color:var(--text-muted);font-style:italic;text-align:center;padding:1rem}.contact-tips{background:#e5e5e5;border-radius:.5rem;padding:1.5rem;margin:2rem 0;border-left:4px solid #2563eb}.contact-tips h4{color:#111827;font-size:1.125rem;margin-bottom:1rem}.contact-tips ul{list-style:none;padding:0}.contact-tips ul li{color:#4b5563;margin-bottom:.75rem;padding-left:1rem;position:relative}.contact-tips ul li:before{content:"\2192";position:absolute;left:0;color:#fe8621;font-weight:700}.contact-tips ul li strong{color:#fe8621;font-weight:600}.legal-page,.blog-post{max-width:800px;margin:2rem auto;padding:2rem;background:var(--bg-card);border-radius:.75rem;border:1px solid var(--border-color);box-shadow:var(--shadow-light);line-height:1.75}.legal-page table,.blog-post table{width:100%;border-collapse:collapse;margin:1rem 0}.legal-page table th,.legal-page table td,.blog-post table th,.blog-post table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.legal-page table th,.blog-post table th{font-weight:600;background:var(--bg-tertiary)}.legal-page table tr:hover,.blog-post table tr:hover{background:var(--color-surface-hover)}.legal-page blockquote,.blog-post blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid var(--accent-color);background:var(--bg-tertiary);color:var(--text-primary);font-style:italic}.legal-page blockquote p:last-child,.blog-post blockquote p:last-child{margin-bottom:0}.legal-page hr,.blog-post hr{border:none;height:1px;background:var(--border-color);margin:2rem 0}@media(max-width:768px){.legal-page,.blog-post{margin:1rem;padding:1.5rem}.legal-page h1,.blog-post h1{font-size:1.5rem}.legal-page h2,.blog-post h2{font-size:1.25rem}.legal-page ul,.legal-page ol,.blog-post ul,.blog-post ol{padding-left:1.5rem}}.process-steps .step{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color)}.process-steps .step .step-number{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--accent-color);color:#fff;border-radius:50%;font-weight:600;font-size:1.1rem;flex-shrink:0}.process-steps .step .step-content h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.25}.process-steps .step .step-content p{margin:0;color:var(--text-secondary);line-height:1.5}.email-contact-info{margin:2rem 0}.email-contact-info .email-card{background:#fff;border:2px solid #fe8621;border-radius:1rem;padding:2rem;text-align:center;box-shadow:0 .125rem .25rem #00000013}.email-contact-info .email-card .email-icon{font-size:3rem;margin-bottom:1rem}.email-contact-info .email-card h3{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.email-contact-info .email-card .email-address{margin:1rem 0}.email-contact-info .email-card .email-address a{font-size:1.125rem;font-weight:600;color:#fe8621;text-decoration:none;padding:.75rem 1.5rem;background:#f5f5f5;border-radius:.5rem;display:inline-block;transition:all .2s ease-in-out}.email-contact-info .email-card .email-address a:hover{background:#fe8621;color:#fff;transform:translateY(-2px);box-shadow:0 .5rem 1rem #00000026}.email-contact-info .email-card .email-description{color:#4b5563;font-size:.9rem;margin-top:1rem}.faq-section{margin:2rem 0}.faq-section .faq-item{background:#fff;border:1px solid #d4d4d4;border-radius:.5rem;padding:1.5rem;margin-bottom:1rem;transition:all .2s ease-in-out;box-shadow:0 .125rem .25rem #00000013}.faq-section .faq-item:hover{box-shadow:0 .5rem 1rem #00000026;border-color:#fe8621;transform:translateY(-1px)}.faq-section .faq-item:last-child{margin-bottom:0}.faq-section .faq-item h3{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.75rem;line-height:1.25}.faq-section .faq-item p{color:#4b5563;margin-bottom:.5rem;line-height:1.5}.faq-section .faq-item ul{margin-top:.5rem;padding-left:1.5rem;list-style-type:disc}.faq-section .faq-item ul li{color:#4b5563;margin-bottom:.25rem;line-height:1.4}.faq-section .faq-item ul li:last-child{margin-bottom:0}.support-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.support-info .support-card{background:#fff;border:1px solid #d4d4d4;border-radius:1rem;padding:1.5rem;box-shadow:0 .125rem .25rem #00000013}.support-info .support-card h3{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.support-info .support-card ul{list-style:none;padding:0}.support-info .support-card ul li{color:#4b5563;margin-bottom:.5rem;padding-left:1rem;position:relative}.support-info .support-card ul li:before{content:"\2713";position:absolute;left:0;color:#16a34a;font-weight:700}.support-info .support-card ul li strong{color:#111827}.alternative-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.alternative-contact .contact-method{background:#fff;border:1px solid #d4d4d4;border-radius:.5rem;padding:1.5rem;text-align:center;transition:all .2s ease-in-out}.alternative-contact .contact-method:hover{box-shadow:0 .125rem .25rem #00000013;transform:translateY(-2px);border-color:#fe8621}.alternative-contact .contact-method h3{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.alternative-contact .contact-method p{color:#4b5563;font-size:.9rem;margin:0}.process-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.process-steps .step{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f5f5f5;border-radius:.5rem;border:1px solid #d4d4d4}.process-steps .step .step-number{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#fe8621;color:#fff;border-radius:50%;font-weight:600;font-size:1.125rem;flex-shrink:0}.process-steps .step .step-content{flex:1}.process-steps .step .step-content h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#111827;line-height:1.25}.process-steps .step .step-content p{margin:0;color:#4b5563;line-height:1.5}@media(max-width:768px){.process-steps .step{padding:.75rem;gap:.75rem}.process-steps .step .step-number{width:2rem;height:2rem;font-size:1rem}.process-steps .step .step-content h4{font-size:1rem}}.faq-section{margin-bottom:3rem}.faq-section h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.faq-section .faq-item{margin-bottom:2rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem}.faq-section .faq-item h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.faq-section .faq-item p{color:var(--text-secondary);line-height:1.75;margin-bottom:1rem}.faq-section .faq-item p:last-child{margin-bottom:0}.faq-section .faq-item ul,.faq-section .faq-item ol{color:var(--text-secondary);line-height:1.75;margin:.75rem 0;padding-left:1.5rem}.faq-section .faq-item ul li,.faq-section .faq-item ol li{margin-bottom:.5rem}.faq-section .faq-item ul li strong,.faq-section .faq-item ol li strong{color:var(--text-primary);font-weight:600}.faq-section .faq-item a{color:var(--primary-color);text-decoration:none;font-weight:500}.faq-section .faq-item a:hover{text-decoration:underline}@media(max-width:768px){.faq-section{margin-bottom:2rem}.faq-section h2{font-size:1.25rem;margin-bottom:1rem}.faq-section .faq-item{padding:1rem;margin-bottom:1.5rem}.faq-section .faq-item h3{font-size:1.125rem}.faq-section .faq-item p,.faq-section .faq-item ul,.faq-section .faq-item ol{font-size:.875rem}}.page-intro{font-size:1.125rem;color:var(--text-secondary);line-height:1.75;margin-bottom:3rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */