:root{--tg-bg: var(--tg-theme-bg-color, #ffffff);--tg-text: var(--tg-theme-text-color, #000000);--tg-hint: var(--tg-theme-hint-color, #999999);--tg-link: var(--tg-theme-link-color, #2481cc);--tg-button: var(--tg-theme-button-color, #2481cc);--tg-button-text: var(--tg-theme-button-text-color, #ffffff);--tg-secondary: var(--tg-theme-secondary-bg-color, #f0f0f0)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--tg-bg);color:var(--tg-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app{max-width:480px;margin:0 auto;padding:16px}.app-header{margin-bottom:24px}.app-header h1{font-size:24px;font-weight:700;margin-bottom:4px}.app-header p{font-size:14px;color:var(--tg-hint)}.skill-list{display:flex;flex-direction:column;gap:12px}.skill-card{background:var(--tg-secondary);border-radius:12px;padding:16px;text-align:left;cursor:pointer;border:none;color:inherit;font:inherit;width:100%;display:flex;align-items:center;gap:12px;transition:opacity .15s ease}.skill-card:active{opacity:.7}.skill-card .icon{font-size:32px}.skill-card .meta{flex:1}.skill-card .meta h3{font-size:16px;font-weight:600;margin-bottom:2px}.skill-card .meta p{font-size:13px;color:var(--tg-hint)}.timer{text-align:center;padding:32px 16px}.timer .time{font-size:64px;font-weight:700;font-variant-numeric:tabular-nums;margin:24px 0}.timer .progress{width:100%;height:6px;background:var(--tg-secondary);border-radius:3px;overflow:hidden;margin-bottom:24px}.timer .progress-bar{height:100%;background:var(--tg-button);transition:width .3s linear}.button-row{display:flex;gap:12px}.btn{flex:1;padding:14px;border:none;border-radius:10px;background:var(--tg-button);color:var(--tg-button-text);font-weight:600;font-size:15px;cursor:pointer}.btn.btn-secondary{background:var(--tg-secondary);color:var(--tg-text)}.back-link{background:none;border:none;color:var(--tg-link);font-size:15px;cursor:pointer;padding:8px 0;margin-bottom:8px}
