@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--alps-blue:#005eac;--calm-blue:#6f8aa9;--majestic-blue:#003682;--clear-sky:#84c0da;--mont-blanc:#d0deea;--forest-limit:#687543;--canyon:#514641;--stone-brown:#ad9d8f;--ink:#514641;--muted:#6b6560;--surface:#ffffffe6;--surface-strong:#fff;--surface-raised:#ffffffeb;--border:#5146411f;--accent:#005eac;--accent-dark:#003682;--accent-light:#84c0da;--link:#003682;--color-success:#3d8c40;--color-success-bg:#3d8c4024;--color-warning:#c17b2a;--color-warning-bg:#c17b2a24;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 4px #0000000f;--shadow-md:0 2px 12px #00000014;--shadow-lg:0 4px 24px #0000001a;--shadow-xl:0 8px 40px #0000001f;--font-sans:"Space Grotesk",system-ui,-apple-system,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;--page-bg:#f7f8fb}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8e4e0;--muted:#9b948e;--surface:#1c1c26eb;--surface-strong:#1c1c26;--surface-raised:#242430f0;--border:#ffffff1a;--accent:#4b9fe1;--accent-dark:#7dc3f8;--accent-light:#1a3a5c;--link:#7dc3f8;--color-success:#4ade80;--color-success-bg:#4ade8026;--color-warning:#fbd07c;--color-warning-bg:#fbd07c26;--page-bg:#0f1117}html{font-family:var(--font-sans)}body{background:radial-gradient(circle at top right,#005eac1f,transparent 55%),radial-gradient(circle at 20% 80%,#84c0da1a,transparent 50%),var(--page-bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh}.dark body,body.dark-body{background:radial-gradient(circle at top right,#3b82f614,transparent 55%),radial-gradient(circle at 20% 80%,#6366f10f,transparent 50%),var(--page-bg)}.page-container{max-width:960px;margin:0 auto;padding:32px 24px 64px}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:40px;padding:20px 0;display:flex}.site-logo{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.site-logo__icon{border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--alps-blue),var(--clear-sky));color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}.site-logo__text{letter-spacing:-.02em;font-size:18px;font-weight:600}.site-logo__sub{color:var(--muted);margin-left:2px;font-size:13px;font-weight:400}.header-actions{align-items:center;gap:8px;display:flex}.theme-btn{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:background .2s;display:flex}.theme-btn:hover{background:var(--surface-raised)}.login-btn{background:linear-gradient(135deg,var(--alps-blue),var(--accent));color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.login-btn:hover{opacity:.9}.user-avatar{border:2px solid var(--border);object-fit:cover;border-radius:50%;width:36px;height:36px}.user-name{color:var(--ink);font-size:14px;font-weight:500}.hero{text-align:center;margin-bottom:48px}.hero h1{letter-spacing:-.03em;background:linear-gradient(135deg,var(--ink)30%,var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.2}.dark .hero h1{background:linear-gradient(135deg,#e8e4e0 30%,var(--accent));-webkit-background-clip:text;background-clip:text}.hero p{color:var(--muted);max-width:480px;margin:0 auto;font-size:16px;line-height:1.6}.studies-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:48px;display:grid}.study-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--ink);cursor:pointer;padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:block}.study-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent);transform:translateY(-2px)}.study-card__header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.study-card__emoji{border-radius:var(--radius-md);background:linear-gradient(135deg,#005eac1a,#84c0da26);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.dark .study-card__emoji{background:linear-gradient(135deg,#4b9fe126,#6366f11a)}.study-card__title{letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:1.3}.study-card__desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.study-card__meta{color:var(--muted);align-items:center;gap:16px;font-size:13px;display:flex}.study-card__meta-item{align-items:center;gap:4px;display:flex}.stamp-page-header{margin-bottom:32px}.back-link{color:var(--muted);align-items:center;gap:6px;margin-bottom:20px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--accent)}.stamp-study-info{align-items:flex-start;gap:16px;display:flex}.stamp-study-emoji{border-radius:var(--radius-md);background:linear-gradient(135deg,#005eac1a,#84c0da26);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.dark .stamp-study-emoji{background:linear-gradient(135deg,#4b9fe126,#6366f11a)}.stamp-study-title{letter-spacing:-.02em;margin-bottom:4px;font-size:clamp(24px,3vw,32px);font-weight:700}.stamp-study-desc{color:var(--muted);font-size:15px;line-height:1.6}.stamp-board-wrapper{margin-top:36px}.stamp-board-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:16px;font-size:14px;font-weight:600}.stamp-board{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:36px 32px;position:relative;overflow:hidden}.stamp-board:before{content:"";background:linear-gradient(90deg,var(--alps-blue),var(--clear-sky),var(--alps-blue));background-size:200% 100%;height:4px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%,to{background-position:0 0}50%{background-position:100% 0}}.stamp-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;margin-bottom:28px;display:grid}.stamp-slot[data-tooltip],.member-stamp-dot[data-tooltip]{position:relative}.stamp-slot[data-tooltip]:after,.member-stamp-dot[data-tooltip]:after{content:attr(data-tooltip);background:var(--surface-strong);color:var(--ink);white-space:nowrap;border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:var(--shadow-md);pointer-events:none;opacity:0;z-index:10;padding:6px 12px;font-size:12px;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.9)}.stamp-slot[data-tooltip]:hover:after,.member-stamp-dot[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)scale(1)}.stamp-slot{aspect-ratio:1;border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.stamp-slot:hover{transform:translateY(-2px)}.stamp-slot--empty{background:#00000006;border:2.5px dashed #51464126}.dark .stamp-slot--empty{background:#ffffff08;border-color:#ffffff1a}.stamp-slot--filled{background:linear-gradient(145deg,#005eac1a,#84c0da29);border:2.5px solid #005eac4d;animation:.4s cubic-bezier(.34,1.56,.64,1) both stampPop;box-shadow:0 4px 16px #005eac1f}.dark .stamp-slot--filled{background:linear-gradient(145deg,#4b9fe124,#6366f11a);border:2.5px solid #4b9fe159;box-shadow:0 4px 16px #4b9fe126}@keyframes stampPop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.stamp-slot--reward{border:2.5px dashed var(--color-warning);background:linear-gradient(145deg,#3d8c4014,#c17b2a14)}.stamp-slot--reward.stamp-slot--filled{border:2.5px solid var(--color-success);background:linear-gradient(145deg,#3d8c4026,#ffd70024);box-shadow:0 4px 24px #3d8c4040}.stamp-icon{filter:drop-shadow(0 2px 4px #0000001a);font-size:40px;line-height:1}.stamp-icon--empty{color:var(--border);opacity:.5;filter:none;font-size:32px}.stamp-number{color:var(--muted);font-size:13px;font-weight:600;font-family:var(--font-mono)}.stamp-slot--filled .stamp-number{color:var(--accent);font-weight:700}.stamp-progress{align-items:center;gap:14px;display:flex}.stamp-progress__bar-track{background:#0000000f;border-radius:100px;flex:1;height:10px;position:relative;overflow:hidden}.dark .stamp-progress__bar-track{background:#ffffff14}.stamp-progress__bar-fill{background:linear-gradient(90deg,var(--alps-blue),var(--clear-sky));border-radius:100px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1);position:relative}.stamp-progress__bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s ease-in-out infinite progressShine;position:absolute;inset:0}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stamp-progress__text{color:var(--accent);white-space:nowrap;font-size:16px;font-weight:700;font-family:var(--font-mono)}.reward-banner{border-radius:var(--radius-md);align-items:center;gap:12px;margin-top:24px;padding:16px 20px;font-size:14px;font-weight:500;display:flex}.reward-banner--pending{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #c17b2a33}.reward-banner--complete{background:var(--color-success-bg);color:var(--color-success);border:1px solid #3d8c4033}.reward-banner__icon{font-size:20px}.reward-banner__text{flex:1}.reward-banner__points{font-weight:700;font-family:var(--font-mono);font-size:16px}.stamp-board--complete{border-color:#3d8c404d}.stamp-board--complete:before{background:linear-gradient(90deg,var(--color-success),gold,var(--color-success));background-size:200% 100%}.members-section{margin-top:48px}.members-section h2{letter-spacing:-.01em;margin-bottom:20px;font-size:20px;font-weight:600}.members-list{flex-direction:column;gap:12px;display:flex}.member-row{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:14px;padding:16px 20px;transition:border-color .2s;display:flex}.member-row:hover{border-color:var(--accent)}.member-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.member-avatar-placeholder{background:linear-gradient(135deg,var(--alps-blue),var(--clear-sky));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:flex}.member-name{flex:1;min-width:0;font-size:15px;font-weight:500}.member-stamps{flex-wrap:wrap;gap:6px;display:flex}.member-stamp-dot{border-radius:var(--radius-sm);width:32px;height:32px;font-size:12px;font-weight:700;font-family:var(--font-mono);justify-content:center;align-items:center;transition:transform .15s;display:flex}.member-stamp-dot:hover{transform:scale(1.1)}.member-stamp-dot--filled{background:linear-gradient(135deg,var(--alps-blue),var(--clear-sky));color:#fff;box-shadow:0 2px 6px #005eac33}.member-stamp-dot--empty{border:1.5px solid var(--border);color:var(--muted);background:#0000000a}.dark .member-stamp-dot--empty{background:#ffffff0a}.member-count{font-size:15px;font-weight:700;font-family:var(--font-mono);color:var(--accent);white-space:nowrap;text-align:right;min-width:40px}.login-prompt{text-align:center;background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);margin-top:36px;padding:48px 24px}.login-prompt h2{margin-bottom:8px;font-size:22px;font-weight:600}.login-prompt p{color:var(--muted);margin-bottom:20px;font-size:15px}.login-prompt .login-btn{padding:10px 24px;font-size:15px}.empty-state{text-align:center;color:var(--muted);padding:64px 24px}.empty-state__icon{opacity:.5;margin-bottom:16px;font-size:48px}.empty-state__text{font-size:16px}.loading{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:64px 0;font-size:14px;display:flex}.loading-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-tabs{border-radius:var(--radius-md);background:#0000000a;gap:4px;margin-bottom:28px;padding:4px;display:flex}.dark .admin-tabs{background:#ffffff0d}.admin-tab{border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;flex:1;padding:10px 16px;transition:all .2s}.admin-tab:hover{color:var(--ink)}.admin-tab--active{background:var(--surface-strong);color:var(--ink);box-shadow:var(--shadow-sm)}.admin-form{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px}.admin-form__title{letter-spacing:-.01em;margin-bottom:24px;font-size:20px;font-weight:600}.form-row{gap:12px;display:flex}.form-group{flex-direction:column;flex:1;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.form-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--ink);font-size:14px;font-family:var(--font-sans);outline:none;padding:10px 14px;transition:border-color .2s}.form-input:focus{border-color:var(--accent)}.form-textarea{resize:vertical;min-height:80px}.admin-submit{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--alps-blue),var(--accent));color:#fff;width:100%;font-size:15px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;margin-top:8px;padding:12px;transition:opacity .2s;display:block}.admin-submit:hover{opacity:.9}.admin-submit:disabled{opacity:.5;cursor:not-allowed}.admin-msg{border-radius:var(--radius-sm);margin:12px 0;padding:10px 14px;font-size:14px;font-weight:500}.admin-msg--ok{background:var(--color-success-bg);color:var(--color-success)}.admin-msg--err{color:#b8382c;background:#b8382c1a}.dark .admin-msg--err{color:#ff6b6b;background:#ff6b6b26}.admin-manage{flex-direction:column;gap:24px;display:flex}.admin-section-title{letter-spacing:-.01em;margin-bottom:14px;font-size:18px;font-weight:600}.admin-section-subtitle{color:var(--muted);margin-bottom:12px;font-size:15px;font-weight:600}.admin-study-list{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.admin-study-item{border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:12px 14px;font-size:14px;transition:all .15s;display:flex}.admin-study-item:hover{background:#00000008}.dark .admin-study-item:hover{background:#ffffff0a}.admin-study-item--active{border-color:var(--accent);background:#005eac14}.dark .admin-study-item--active{background:#4b9fe11f}.admin-study-item__emoji{flex-shrink:0;font-size:20px}.admin-study-item__title{flex:1;font-weight:500}.admin-study-item__sessions{color:var(--muted);font-size:12px;font-family:var(--font-mono)}.admin-attend-panel{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.attend-controls{align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.attend-user-section{margin-top:8px}.attend-user-list{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:320px;overflow-y:auto}.attend-user-row{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;transition:background .1s;display:flex}.attend-user-row:last-child{border-bottom:none}.attend-user-row:hover{background:#00000005}.dark .attend-user-row:hover{background:#ffffff08}.attend-user-row--selected{background:#005eac0f}.dark .attend-user-row--selected{background:#4b9fe11a}.attend-checkbox{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.attend-user-name{flex-shrink:0;font-size:14px;font-weight:500}.attend-user-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.attend-current{margin-top:24px}@media (max-width:768px){.page-container{padding:24px 20px 56px}.hero h1{font-size:28px}.hero p{font-size:14px}.stamp-study-title{font-size:22px}.stamp-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}}@media (max-width:480px){.page-container{padding:16px 14px 48px}.site-header{margin-bottom:20px;padding:12px 0}.site-logo__text{font-size:15px}.site-logo__sub{display:none}.site-logo__icon{width:32px;height:32px;font-size:15px}.user-name{display:none}.theme-btn{width:34px;height:34px;font-size:14px}.login-btn{padding:6px 12px;font-size:13px}.hero{margin-bottom:28px}.hero h1{font-size:24px}.hero p{font-size:13px}.studies-grid{grid-template-columns:1fr;gap:14px}.study-card{padding:18px}.study-card__emoji{width:40px;height:40px;font-size:20px}.study-card__title{font-size:16px}.study-card__desc{font-size:13px}.study-card__meta{gap:10px;font-size:12px}.stamp-study-emoji{width:44px;height:44px;font-size:22px}.stamp-study-title{font-size:20px}.stamp-study-desc{font-size:13px}.stamp-board{border-radius:var(--radius-lg);padding:16px 14px}.stamp-board-label{margin-bottom:12px;font-size:12px}.stamp-grid{grid-template-columns:repeat(3,1fr);gap:10px}.stamp-slot{border-radius:var(--radius-md)}.stamp-icon{font-size:30px}.stamp-icon--empty{font-size:24px}.stamp-number{font-size:11px}.stamp-progress{gap:10px}.stamp-progress__text{font-size:14px}.stamp-progress__bar-track{height:8px}.reward-banner{flex-wrap:wrap;padding:12px 14px;font-size:13px}.reward-banner__icon{font-size:18px}.reward-banner__points{font-size:14px}.members-section{margin-top:32px}.members-section h2{font-size:17px}.member-row{gap:8px;padding:10px 12px}.member-avatar,.member-avatar-placeholder{width:28px;height:28px;font-size:12px}.member-name{font-size:13px}.member-stamps{display:none}.member-count{font-size:12px}.login-prompt{padding:32px 18px}.login-prompt h2{font-size:18px}.login-prompt p{font-size:13px}.admin-form{padding:20px 16px}.admin-form__title{font-size:17px}.admin-attend-panel{padding:18px 14px}.admin-study-list{padding:14px}.form-row{flex-direction:column;gap:0}.attend-controls{flex-direction:column}.attend-controls .admin-submit{width:100%}}