/*
                          ,
   ,-.       _,---._ __  / \
  /  )    .-'       `./ /   \
 (  (   ,'            `/    /|
  \  `-"             \'\   / |
   `.              ,  \ \ /  |
    /`.          ,'-`----Y   |
   (            ;        |   '
   |  ,-.    ,-'         |  /
   |  | (   |            | /
   )  |  \  `.___________|/
   `--'   `--'

    ©thatako.net™ 2026-2026
    Proprietary software. All rights reserved.
    No redistribution, modification, or reuse without permission.

    | ABOUT ------------------------------------------------
    I'm aitji (also known as "Suriya Inchoo").
    Curious council student, full-stack developer, and code optimizer.
    I like building cool things.

    Code was big. Brain was tired.
    Minify button fixed everything.

    | CONTACT ----------------------------------------------
    Email: aitji@duck.com
      \ preferred method
    Discord: @aitji (aitji.is-a.dev/discord)
      \ tickets are fastest, DMs may be ignored
    GitHub: github.com/aitji

    | LEGAL ------------------------------------------------
    "thatako.net" This site is build for Thatako School, but fully build by @aitji wink-winked.
*/

.page-header{padding:32px 0 24px;border-bottom:1px solid var(--color-border);margin-bottom:32px}.page-header-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:8px;display:flex;align-items:center;gap:8px}.page-header-eyebrow:before{content:"";display:inline-block;width:16px;height:2px;background:var(--color-accent)}.page-header h1{font-size:22px;font-weight:700;margin-bottom:6px}.page-header p{font-size:13px;color:var(--color-text-muted);margin:0}.page-grid{display:grid;grid-template-columns:380px 1fr;gap:24px;align-items:start}.panel{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.panel-header{padding:12px 16px;border-bottom:1px solid var(--color-border);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);display:flex;align-items:center;gap:8px}.panel-header i{font-size:11px}.panel-body{padding:20px 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;height:36px;font-size:12px;font-family:var(--font-family);font-weight:700;cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-button-text)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-ghost{background:none;border-color:var(--color-border);color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){border-color:var(--color-text-muted);color:var(--color-text-primary)}.btn-danger{background:none;border-color:var(--color-border);color:var(--color-text-danger)}.btn-danger:hover:not(:disabled){border-color:var(--color-text-danger);background:var(--color-danger-overlay-bg)}.btn-full{width:100%;margin-top:4px}.links-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.links-title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);display:flex;align-items:center;gap:8px}.links-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.links-table th{text-align:left;padding:8px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.links-table td{padding:10px 12px;border:1px solid var(--color-border);border-top:none;color:var(--color-text-muted);vertical-align:middle}.links-table tr:hover td{background:var(--color-active-bg)}.link-slug a{color:var(--color-text-link);font-family:var(--font-mono);font-size:12px;text-decoration:none}.link-slug a:hover{text-decoration:underline}.link-to{color:var(--color-text-muted);font-size:12px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-actions{display:flex;gap:6px;justify-content:flex-end}.link-actions .btn{height:28px;padding:0 10px;font-size:11px}.empty-state{padding:40px 0;text-align:center;color:var(--color-text-muted);font-size:13px}.empty-state i{font-size:24px;display:block;margin-bottom:12px;opacity:.3}.loading-state{padding:32px 0;text-align:center;color:var(--color-text-muted);font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px}.spinner{width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.qr-preview{background:radial-gradient(circle at top,var(--color-bg-tertiary),var(--color-bg-primary) 60%);border:1px solid var(--color-border);padding:24px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.site-footer{border-top:1px solid var(--color-border);padding:16px 24px;font-size:12px;color:var(--color-text-muted);display:flex;align-items:center;gap:12px}.site-footer a{color:var(--color-text-muted)}.site-footer a:hover{color:var(--color-text-primary);text-decoration:none}.site-footer .footer-dot{opacity:.3}@media(max-width:970px){.page-header{padding:32px 24px}.page-grid{grid-template-columns:1fr;gap:16px}.page-wrap{padding:32px 2px 64px}.panel,.links-header,.links-table{width:100%;max-width:100%}.panel-body{padding:16px 12px}.links-header{flex-wrap:wrap;gap:8px}.links-table{overflow-x:auto}.link-actions{flex-wrap:wrap;justify-content:flex-end}.link-actions .btn{flex:1 1 auto}}html,body{overflow-x:hidden}@media(max-width:480px){.link-to{max-width:120px}.topbar{padding:0 16px}}