html{box-sizing:border-box;background:#f5f3ef}*,*:before,*:after{box-sizing:inherit}body{margin:0;background:#f5f3ef;color:#222;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:#8f1831}img{max-width:100%;height:auto}.tct-app{min-height:100vh}.tct-main{min-height:100vh;padding-left:250px}.tct-content{width:min(900px,calc(100% - 48px));margin:0 auto;padding:38px 0 70px}.tct-page-content>:first-child{margin-top:0}
.tct-sidebar{position:fixed;z-index:100;left:0;top:0;bottom:0;width:250px;background:#fff;border-right:1px solid #e7e2dc;padding:22px 15px;display:flex;flex-direction:column}.tct-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#222}.tct-brand-logo{width:40px;height:40px;border-radius:12px;object-fit:cover;display:block;flex:0 0 auto}.tct-brand strong{display:block;font-size:14px}.tct-brand small{display:block;font-size:8px;letter-spacing:.12em;color:#8c827b;margin-top:2px}.tct-brand-side{padding:0 5px 22px}.tct-sidebar nav{display:flex;flex-direction:column;gap:4px}.tct-sidebar nav a{display:flex;gap:11px;align-items:center;padding:11px 12px;border-radius:11px;color:#4d4742;text-decoration:none;font-size:13px}.tct-sidebar nav a:hover{background:#f7f3f0;color:#8f1831}.tct-side-sub{margin-top:auto;border-top:1px solid #eee8e3;padding:14px 10px 0;display:flex;flex-direction:column;gap:8px}.tct-side-sub a{font-size:11px;color:#857b74;text-decoration:none}.tct-topbar,.tct-bottom-nav,.tct-drawer{display:none}.tct-main-auth{padding-left:0}.tct-main-auth .tct-content{max-width:520px;padding-top:30px}
@media(max-width:900px){.tct-main{padding-left:0;padding-top:60px}.tct-content{width:min(100% - 24px,720px);padding:18px 0 95px}.tct-sidebar{display:none}.tct-topbar{position:fixed;display:flex;top:0;left:0;right:0;height:60px;z-index:500;background:rgba(255,255,255,.97);border-bottom:1px solid #e7e2dc;align-items:center;justify-content:space-between;padding:0 13px}.tct-topbar .tct-brand-logo{width:36px;height:36px;border-radius:10px}.tct-topbar .tct-brand strong{font-size:12px}.tct-top-actions{display:flex;gap:4px}.tct-top-actions button{border:0;background:#f4f0ed;width:38px;height:38px;border-radius:11px;font-size:17px}.tct-bottom-nav{position:fixed;z-index:600;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #e5dfda}.tct-bottom-nav a,.tct-bottom-nav button{border:0;background:none;text-decoration:none;color:#716861;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit}.tct-bottom-nav span{font-size:21px;line-height:1}.tct-bottom-nav small{font-size:9px}.tct-bottom-nav a:first-child{color:#8f1831}.tct-drawer{display:block;position:fixed;inset:0;z-index:10000;pointer-events:none}.tct-drawer.is-open{pointer-events:auto}.tct-drawer-bg{position:absolute;inset:0;background:rgba(25,20,18,.55);opacity:0;transition:.2s}.tct-drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(86%,360px);background:#fff;padding:18px;transform:translateX(100%);transition:.2s}.tct-drawer.is-open .tct-drawer-bg{opacity:1}.tct-drawer.is-open .tct-drawer-panel{transform:none}.tct-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.tct-drawer-head button{border:0;background:#f1edeb;border-radius:50%;width:36px;height:36px;font-size:20px}.tct-drawer nav{display:flex;flex-direction:column}.tct-drawer nav a{padding:14px 4px;border-bottom:1px solid #eee8e3;text-decoration:none;color:#3f3935;font-size:14px}.tct-main-auth{padding-top:0}.tct-main-auth .tct-content{width:min(100% - 24px,500px);padding:20px 0 50px}}
@media(max-width:480px){.tct-content{width:calc(100% - 20px)}.tct-topbar{padding:0 10px}}