.qr-studio{color:#292e28;font-synthesis:none;-webkit-font-smoothing:antialiased;--accent:#bc4c2c;--muted:#72786c;--line:#e1e4da;background:#f6f5f1;font-family:Arial,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-weight:400;line-height:1.55}.qr-studio *{box-sizing:border-box}.qr-studio{margin:0}.qr-studio button,.qr-studio input,.qr-studio select,.qr-studio textarea{font:inherit}.qr-studio button,.qr-studio a,.qr-studio input,.qr-studio select,.qr-studio textarea{-webkit-tap-highlight-color:transparent}.qr-studio button{cursor:pointer}.qr-studio button:disabled{cursor:not-allowed;opacity:.45}.qr-studio button:focus-visible,.qr-studio a:focus-visible,.qr-studio select:focus-visible,.qr-studio input:focus-visible,.qr-studio textarea:focus-visible,.qr-studio summary:focus-visible{outline-offset:3px;outline:3px solid #bc4c2c}.qr-studio a,.qr-studio button{color:inherit}.qr-studio h1,.qr-studio h2,.qr-studio h3,.qr-studio p{margin:0}.qr-studio .app-shell{max-width:1248px;margin:auto;padding:0 40px}.qr-studio .site-header{border-bottom:1px solid var(--line);align-items:center;gap:24px;height:92px;display:flex}.qr-studio .brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:24px;text-decoration:none;display:flex}.qr-studio .brand b{font-weight:500}.qr-studio .header-note{color:var(--muted);margin-left:auto;font-size:12px}.qr-studio .language{background-color:#0000!important;width:auto!important;min-height:36px!important;padding:8px 24px 8px 10px!important;font-size:12px!important}.qr-studio .hero{padding:53px 0 38px}.qr-studio .eyebrow{letter-spacing:2px;color:var(--accent);align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.qr-studio .eyebrow>span{background:var(--accent);border-radius:50%;width:6px;height:6px}.qr-studio h1{letter-spacing:-1.9px;margin:14px 0;font-size:clamp(30px,4vw,43px);line-height:1.25}.qr-studio .hero>p{color:#69705f;font-size:15px;line-height:1.8}.qr-studio .local-note{color:#72786c;align-items:center;gap:6px;margin-top:16px;font-size:11px;display:flex}.qr-studio .workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:stretch;gap:28px;display:grid}.qr-studio .editor{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:clip}.qr-studio .editor-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:23px 28px;display:flex}.qr-studio h2{letter-spacing:-.3px;font-size:17px}.qr-studio .text-button{color:var(--muted);text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.qr-studio .edit-section{border-bottom:1px solid var(--line);padding:26px 28px}.qr-studio .edit-section:last-child{border:0}.qr-studio .edit-section h3{align-items:center;gap:10px;margin-bottom:20px;font-size:15px;font-weight:700;display:flex}.qr-studio .step{letter-spacing:1px;color:var(--accent);font-size:10px;font-weight:700}.qr-studio .example-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:4px;margin-left:auto;padding:4px;font-size:11px;display:flex}.qr-studio .segmented{background:#f4f5ef;border:1px solid #ecede6;border-radius:9px;margin-bottom:22px;padding:4px;display:flex}.qr-studio .segmented button{background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;padding:9px 2px;font-size:12px;display:flex}.qr-studio .segmented button[aria-pressed=true]{color:var(--accent);background:#fff;box-shadow:0 1px 4px #25292315}.qr-studio .field{min-width:0;margin-bottom:16px}.qr-studio .field>label,.qr-studio .label-row{align-items:center;margin-bottom:7px;display:flex}.qr-studio .field label,.qr-studio .unstyled-fieldset legend,.qr-studio .resolution-row>label{font-size:12px;font-weight:600}.qr-studio .label-row{justify-content:space-between;gap:8px}.qr-studio .label-row>span{color:#818778;font-size:10px}.qr-studio .field input,.qr-studio .field select,.qr-studio .field textarea,.qr-studio select{color:#30352c;background:#fcfcfa;border:1px solid #dce0d4;border-radius:7px;width:100%;min-width:0;min-height:42px;padding:10px 12px;font-size:13px;display:block}.qr-studio .field textarea{resize:vertical;min-height:68px;line-height:1.6}.qr-studio .field input[aria-invalid=true],.qr-studio .field textarea[aria-invalid=true]{background:#fff9f6;border-color:#bf4a2b}.qr-studio .help{color:#808777;overflow-wrap:anywhere;margin-top:6px;font-size:10px;line-height:1.65}.qr-studio .field-error{color:#b44125;margin-top:6px;font-size:11px}.qr-studio .label-row,.qr-studio .check-row{position:relative}.qr-studio .field-label{align-items:center;gap:4px;min-width:0;display:flex}.qr-studio .field-label label{min-width:0}.qr-studio .qr-tip{flex-shrink:0;display:inline-flex}.qr-studio .tip-button{width:24px;height:24px;color:var(--muted);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.qr-studio .tip-button:hover,.qr-studio .tip-button[aria-expanded=true]{color:var(--accent);background:#f4f5ef}.qr-studio .tip-bubble{z-index:5;color:#5d6556;white-space:pre-line;overflow-wrap:anywhere;background:#fff;border:1px solid #dce0d4;border-radius:9px;padding:14px 16px;font-size:12px;line-height:1.75;display:block;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 8px 24px #25292324}.qr-studio .tip-bubble[hidden]{display:none}.qr-studio .check-row{align-items:center;gap:4px;margin:13px 0;display:flex}.qr-studio .check-row .check-label{margin:0}.qr-studio .check-row .tip-bubble{top:calc(100% + 6px)}.qr-studio .password-input{position:relative}.qr-studio .password-input input{min-height:44px;padding-right:54px}.qr-studio .password-toggle{inset-block:0;width:44px;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:2px}.qr-studio .password-toggle:hover{background:#f4f5ef}.qr-studio .password-toggle[aria-pressed=true]{color:var(--accent)}.qr-studio .password-toggle:focus-visible{outline-offset:-4px}.qr-studio .check-label{color:#5d6556;cursor:pointer;align-items:center;gap:9px;margin:13px 0;font-size:12px;display:flex}.qr-studio .check-label input{width:15px;height:15px;accent-color:var(--accent);flex-shrink:0;margin:0}.qr-studio .security-note{color:#876b42;background:#faf5e9;border-radius:7px;align-items:flex-start;gap:7px;margin-top:14px;padding:10px;font-size:10px;display:flex}.qr-studio .security-note svg{flex-shrink:0;margin-top:1px}.qr-studio .unstyled-fieldset{border:0;min-width:0;margin:0 0 21px;padding:0}.qr-studio .unstyled-fieldset legend{margin-bottom:10px;padding:0}.qr-studio .template-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.qr-studio .template-option{background:#fff;border:1px solid #e0e3d8;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:12px 5px 8px;font-size:10px;display:flex}.qr-studio .template-option[aria-pressed=true]{outline:1px solid var(--accent);border-color:var(--accent);background:#fff9f5}.qr-studio .mini-card{background:#fff;border:1px solid #dadfd3;flex-direction:column;align-items:center;gap:5px;width:48px;height:64px;padding:7px;display:flex}.qr-studio .mini-card i{background:#9b9f94;width:18px;height:2px;display:block}.qr-studio .mini-card b{background:#6e7367;width:30px;height:3px}.qr-studio .mini-card em{background:repeating-conic-gradient(#393d36 0% 25%,#fff 0% 50%) 50%/7px 7px;width:22px;height:22px}.qr-studio .warm .mini-card{background:#f4ecdb;border:0;border-radius:5px}.qr-studio .poster .mini-card{border-top:9px solid #bc4c2c;padding-top:3px}.qr-studio .colors{gap:11px;display:flex}.qr-studio .swatch{background:var(--swatch);color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;display:flex;box-shadow:0 0 0 1px #0000}.qr-studio .swatch[aria-pressed=true]{box-shadow:0 0 0 1px var(--swatch)}.qr-studio .preview-panel{background:#eeefe7;border:1px solid #dfe2d7;border-radius:16px;flex-direction:column;display:flex;position:static;overflow:hidden}.qr-studio .preview-top{justify-content:space-between;align-items:center;padding:23px 26px;display:flex}.qr-studio .live{color:#767e6b;align-items:center;gap:6px;font-size:10px;display:flex}.qr-studio .live i{background:#6d895b;border-radius:50%;width:5px;height:5px}.qr-studio .preview-stage{isolation:isolate;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:14px 24px 16px;display:flex;position:relative;overflow:hidden}.qr-studio .stage-grid{opacity:.25;z-index:-1;background-image:radial-gradient(#b7bdad 1px,#0000 1px);background-size:17px 17px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.qr-studio .card-preview{background:#fff;flex-shrink:0;width:min(100%,540px);transform:rotate(-1.8deg);box-shadow:0 22px 24px -15px #33382744,0 2px 4px #33382710}.qr-studio .card-svg{line-height:0}.qr-studio .card-svg>svg{width:100%;height:auto;display:block}.qr-studio .square-preview{margin:40px 0}.qr-studio .preview-caption{color:#8a917d;letter-spacing:.5px;gap:8px;margin-top:26px;font-size:10px;display:flex}.qr-studio .invalid-card{text-align:center;color:#6f7864;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:360px;padding:40px 28px;display:flex}.qr-studio .invalid-card h3{font-size:17px}.qr-studio .invalid-card p{font-size:12px}.qr-studio .overflow-note{color:#7d8570;text-align:center;padding:0 26px 12px;font-size:10px}.qr-studio .density-note{color:#9c5a23;background:#fff6dd;border-radius:5px;margin:0 24px 14px;padding:9px;font-size:11px}.qr-studio .export-panel{background:#ffffffef;border:1px solid #e1e4da;border-radius:10px;margin:0 18px 18px;padding:19px 20px 10px}.qr-studio .export-panel h3{margin-bottom:14px;font-size:13px}.qr-studio .export-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.qr-studio .export-options .field{margin-bottom:9px}.qr-studio .export-options select{min-height:37px;font-size:11px}.qr-studio .export-options label{font-size:10px}.qr-studio .resolution-row{justify-content:space-between;align-items:center;gap:10px;margin:3px 0 14px;display:flex}.qr-studio .resolution-row>label{white-space:nowrap;font-size:10px}.qr-studio .resolution-row>select{width:auto;max-width:70%;min-height:32px;padding:6px 8px;font-size:10px}.qr-studio .primary-button,.qr-studio .secondary-button{border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 12px;font-size:12px;font-weight:600;display:flex}.qr-studio .primary-button{color:#fff;background:#30382b;border:1px solid #30382b;width:100%}.qr-studio .primary-button:hover:enabled{background:#47523f}.qr-studio .secondary-button{white-space:nowrap;background:#fff;border:1px solid #d9ded0;padding:8px;font-size:10px}.qr-studio .print-row{gap:8px;margin-top:10px;display:flex}.qr-studio .print-row select{flex:1;min-width:0;padding:7px;font-size:10px}.qr-studio .download-status{color:#466338;min-height:20px;margin-top:6px;font-size:11px}.qr-studio .privacy-box{background:#e8eadf;border-top:1px solid #dce0d0;align-items:flex-start;gap:11px;padding:18px 24px;display:flex}.qr-studio .privacy-box>svg{color:#69785b;flex-shrink:0;margin-top:1px}.qr-studio .privacy-box strong{font-size:11px;font-weight:600}.qr-studio .privacy-box p{color:#7a826d;margin-top:4px;font-size:10px;line-height:1.75}.qr-studio .guide{padding:64px 0 50px}.qr-studio .guide h2{letter-spacing:-.9px;margin:11px 0 28px;font-size:24px}.qr-studio .guide-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:35px;display:grid}.qr-studio .guide-steps article{border-top:1px solid #dce0d2;padding-top:16px}.qr-studio .guide-steps article>span{color:var(--accent);font-size:10px}.qr-studio .guide-steps h3{margin:7px 0;font-size:14px}.qr-studio .guide-steps p{color:#79816e;font-size:12px;line-height:1.8}.qr-studio .faqs{border-top:1px solid #dce0d2}.qr-studio .faqs details{border-bottom:1px solid #dce0d2;padding:16px 0}.qr-studio .faqs summary{cursor:pointer;font-size:12px;font-weight:600}.qr-studio .faqs p{color:#717a65;max-width:820px;margin:13px 0 4px;font-size:12px;line-height:1.9}.qr-studio .site-footer{border-top:1px solid var(--line);color:#68735c;justify-content:space-between;gap:20px;padding:24px 0;font-size:11px;display:flex}.qr-studio .site-footer .muted{color:#909885;margin-left:5px;font-size:10px}.qr-studio .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qr-studio .print-sheet{display:none}@media (min-width:1000px){.qr-studio .editor-heading,.qr-studio .edit-section{padding-left:30px;padding-right:30px}}@media (max-width:900px){.qr-studio .app-shell{padding:0 24px}.qr-studio .workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.qr-studio .edit-section,.qr-studio .editor-heading{padding:20px}.qr-studio .preview-top{padding:20px 18px}.qr-studio .preview-stage{padding:15px 24px}.qr-studio .export-panel{margin:0 12px 14px;padding:15px 12px}.qr-studio .print-row{flex-direction:column}.qr-studio .print-row select{min-height:37px}.qr-studio .hero{padding-top:38px}}@media (max-width:700px){.qr-studio .app-shell{padding:0 18px}.qr-studio .site-header{gap:12px;height:75px}.qr-studio .brand{font-size:21px}.qr-studio .brand svg{width:26px}.qr-studio .header-note{display:none}.qr-studio .language{margin-left:auto}.qr-studio .hero{padding:32px 0 26px}.qr-studio .hero>p{max-width:360px;font-size:13px}.qr-studio .workspace{grid-template-columns:minmax(0,1fr);gap:22px}.qr-studio .preview-panel{position:static}.qr-studio .preview-stage{padding:14px 24px}.qr-studio .card-preview{width:min(100%,460px)}.qr-studio .preview-top{padding:22px}.qr-studio .export-panel{margin:0 16px 16px;padding:20px}.qr-studio .print-row{flex-direction:row}.qr-studio .guide{padding:44px 0 32px}.qr-studio .guide h2{font-size:21px}.qr-studio .guide-steps{gap:16px}.qr-studio .guide-steps p{font-size:11px}.qr-studio .site-footer{flex-direction:column;gap:6px;font-size:10px}.qr-studio .check-label{font-size:11px}.qr-studio .security-note{font-size:10px}}@media (max-width:370px){.qr-studio .app-shell{padding:0 12px}.qr-studio .edit-section,.qr-studio .editor-heading{padding:19px 17px}.qr-studio .edit-section h3{gap:7px;font-size:13px}.qr-studio .example-button{font-size:10px}.qr-studio .export-panel{margin:0 10px 12px;padding:16px 12px}.qr-studio .guide-steps{grid-template-columns:1fr;gap:18px}.qr-studio .print-row{flex-direction:column}.qr-studio .preview-top{padding:18px 16px}.qr-studio .live{font-size:9px}}@media (prefers-reduced-motion:no-preference){.qr-studio button{transition:background .15s,color .15s}.qr-studio .card-preview{transition:width .2s}}.qr-studio .app-shell{max-width:none;padding:0}.qr-page .tool-heading{margin-bottom:28px}.qr-studio .guide{padding-bottom:0}.qr-studio .preview-panel{overflow:clip}.qr-studio .card-preview{transform:none}.qr-studio .card-svg>svg{aspect-ratio:auto;max-width:100%;overflow:hidden}.qr-studio .card-svg .qr-symbol{aspect-ratio:1}.qr-studio .card-svg .qr-symbol path{shape-rendering:geometricprecision}.qr-studio .editor-heading,.qr-studio .preview-top{flex-wrap:wrap;gap:12px}.qr-studio .editor-heading h2,.qr-studio .preview-top h2{white-space:nowrap}.qr-studio .editor-heading .text-button,.qr-studio .preview-top .live{white-space:nowrap;flex-shrink:0;margin-left:auto}@media (max-width:700px){.qr-studio .preview-panel{position:static}.qr-studio .guide-steps{grid-template-columns:1fr}.qr-studio .edit-section h3{flex-wrap:wrap}.qr-studio .example-button{white-space:nowrap}}.qr-studio .editor-heading{padding:26px 34px}.qr-studio .edit-section{padding:30px 34px}.qr-studio .field{margin-bottom:20px}.qr-studio .workspace{gap:32px}.qr-guide-shell{background:0 0;margin-top:48px}.qr-guide-shell .guide{border:1px solid var(--line);background:#f6f5f1;border-radius:16px;padding:32px}.qr-guide-shell .guide h2{margin-bottom:18px}.qr-guide-shell .guide-intro{color:#5d6556;max-width:850px;font-size:14px;line-height:1.9}.qr-guide-shell .guide-use-cases{border:1px solid var(--line);background:#fff;border-radius:12px;margin:24px 0;padding:22px 24px}.qr-guide-shell .guide-use-cases h3,.qr-guide-shell .faqs>h3,.qr-guide-shell .qr-related h3{margin-bottom:10px;font-size:15px}.qr-guide-shell .guide-use-cases p{color:#69705f;font-size:13px;line-height:1.9}.qr-guide-shell .guide-steps{gap:18px;margin:28px 0}.qr-guide-shell .guide-steps article{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;padding:22px}.qr-guide-shell .guide-steps p{overflow-wrap:anywhere}.qr-guide-shell .faqs{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px}.qr-guide-shell .faqs details:last-child{border-bottom:0;padding-bottom:0}.qr-guide-shell .faqs summary{line-height:1.8}.qr-guide-shell .qr-related{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px 20px;margin-top:28px;padding-top:24px;display:flex}.qr-guide-shell .qr-related h3{flex-basis:100%;margin-bottom:0}.qr-guide-shell .qr-related a{text-underline-offset:4px;font-size:13px}@media (max-width:900px){.qr-studio .editor-heading,.qr-studio .edit-section{padding:24px}.qr-studio .workspace{gap:24px}.qr-guide-shell .guide{padding:28px}.qr-guide-shell .guide-steps{grid-template-columns:1fr}.qr-guide-shell .guide-steps article{padding:22px 24px}}@media (max-width:700px){.qr-studio .workspace{gap:24px}.qr-guide-shell{margin-top:32px}.qr-guide-shell .guide{padding:24px}.qr-guide-shell .guide-intro{font-size:13px}.qr-guide-shell .faqs,.qr-guide-shell .guide-use-cases,.qr-guide-shell .guide-steps article{padding:20px}.qr-guide-shell .guide-steps p{font-size:12px}}@media (max-width:370px){.qr-studio .editor-heading,.qr-studio .edit-section{padding:24px 20px}.qr-guide-shell .guide{padding:22px 18px}.qr-guide-shell .faqs,.qr-guide-shell .guide-use-cases,.qr-guide-shell .guide-steps article{padding:18px}.qr-guide-shell .faqs summary{overflow-wrap:anywhere}}.qr-studio .export-panel{container-type:inline-size}@container (max-width:280px){.qr-studio .export-options{grid-template-columns:minmax(0,1fr)}}@media print{.qr-guide-shell{display:none!important}:is(html:has(.qr-page),body:has(.qr-page)){background:#fff!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}.qr-page>:not(.qr-studio),.qr-page>.qr-guide-shell,.qr-studio>:not(.print-sheet){display:none!important}body:has(.qr-page)>:not(.qr-page){display:none!important}.qr-page,.qr-studio{width:auto!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important}.qr-studio .print-sheet{width:var(--card-width);break-inside:avoid;margin:0;padding:0;display:block}.qr-studio .print-card{width:var(--card-width);height:var(--card-height);break-inside:avoid;overflow:hidden}.qr-studio .print-card svg{width:100%;height:100%;display:block}.qr-studio .print-four{grid-template-columns:95mm 95mm;gap:4mm;width:210mm;padding:8mm;display:grid}.qr-studio *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.qr-studio.qr-guide-shell{max-width:860px;margin:56px auto 0}.qr-studio.qr-guide-shell .guide-steps{display:block}.qr-studio.qr-guide-shell .guide-steps article{background:0 0;border:0;border-top:1px solid #e0e3d8;border-radius:0;padding:28px 0}.qr-studio.qr-guide-shell .guide-steps article p,.qr-studio.qr-guide-shell .guide-intro,.qr-studio.qr-guide-shell .guide-use-cases p{font-size:15px;line-height:1.95}.qr-studio.qr-guide-shell .faqs{margin-top:40px}.qr-studio.qr-guide-shell .tool-faq-answer h4{margin:0 0 12px;font-size:17px;font-weight:600;line-height:1.65}.qr-studio.qr-guide-shell .tool-faq-answer p{margin:0;font-size:15px;line-height:1.95}@media (max-width:640px){.qr-studio.qr-guide-shell{margin-top:36px}.qr-studio.qr-guide-shell .guide-steps article p,.qr-studio.qr-guide-shell .guide-intro,.qr-studio.qr-guide-shell .guide-use-cases p,.qr-studio.qr-guide-shell .tool-faq-answer p{font-size:14px}}
.time-page{padding-bottom:72px}.time-page .tool-heading{max-width:820px}.time-studio{--time-line:#e3e6eb;border:1px solid var(--time-line);color:#202632;background:#f7f8fa;border-radius:20px;overflow:clip}.time-studio *{box-sizing:border-box;min-width:0}.time-studio [hidden]{display:none!important}.time-studio button,.time-studio input,.time-studio select{font:inherit}.time-studio button:disabled{opacity:.4;cursor:not-allowed}.time-studio button:focus-visible,.time-studio input:focus-visible,.time-studio select:focus-visible{outline-offset:3px;outline:3px solid #3b82f6}.time-studio-bar{border-bottom:1px solid var(--time-line);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.time-tabs{flex-wrap:wrap;gap:5px;display:flex}.time-tabs button{color:#687282;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;border-radius:9px;padding:11px 14px;font-size:13px;font-weight:600}.time-tabs button[aria-selected=true]{color:#fff;background:#111827}.time-fullscreen{border:1px solid var(--time-line);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;padding:10px 12px;font-size:12px}.world-layout{grid-template-columns:270px minmax(0,1fr);gap:24px;padding:24px;display:grid}.time-settings{border:1px solid var(--time-line);background:#fff;border-radius:14px;align-self:start;padding:22px}.time-eyebrow{color:#6b7280;letter-spacing:.05em;margin:0 0 16px;font-size:11px;font-weight:650;display:block}.time-settings label{margin:18px 0 8px;font-size:12px;font-weight:600;display:block}.time-settings input,.time-settings select{background:#fff;border:1px solid #d6dbe2;border-radius:8px;width:100%;min-height:44px;padding:10px 12px;font-size:13px;display:block}.time-settings select{padding-right:40px}.time-wide{width:100%;margin-top:12px}.time-hint{color:#737d8b;overflow-wrap:anywhere;margin:14px 0 0;font-size:12px;line-height:1.85}.time-settings-divider{background:var(--time-line);height:1px;margin:24px 0}.time-text-button{color:#596574;text-underline-offset:4px;cursor:pointer;text-align:left;background:0 0;border:0;padding:12px 0;font-size:12px;text-decoration:underline}.time-error{color:#b42e37;overflow-wrap:anywhere;padding:12px 20px;font-size:13px;line-height:1.8}.device-clock{justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;padding:4px 2px;display:flex}.device-clock .time-eyebrow{margin:0 0 6px}.device-clock p{color:#7c8591;overflow-wrap:anywhere;margin:0;font-size:11px}.device-clock b{font-weight:500}.device-clock time{font-variant-numeric:tabular-nums;white-space:nowrap;color:#192231;font-size:25px}.world-clock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.world-clock-card{background:#fff;border:1px solid #e4e7ed;border-radius:16px;padding:22px;box-shadow:0 2px 6px #17203303}.world-clock-card.is-night{color:#f0f3f9;background:#1d2739;border-color:#1d2739}.clock-card-top{justify-content:space-between;align-items:center;gap:5px;margin-bottom:18px;display:flex}.clock-day-badge{color:#727e8f;align-items:center;gap:5px;font-size:11px;display:flex}.is-night .clock-day-badge{color:#a5b2c7}.clock-day-badge>span{color:#d8a35a;font-size:17px}.is-night .clock-day-badge>span{color:#c8d6ff}.clock-card-actions{gap:3px;display:flex}.clock-card-actions button{width:32px;min-height:36px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;font-size:18px;display:flex}.clock-card-actions button:hover:not(:disabled){background:#8a96b025}.clock-name{width:100%;color:inherit;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:5px;margin:0;padding:3px 0;font-weight:650;display:block;font-size:19px!important}.clock-name:hover,.clock-name:focus{border-color:#a1aec055;padding-inline:4px}.clock-zone{letter-spacing:.02em;color:#8a94a2;overflow-wrap:anywhere;margin:3px 0 20px;font-size:10px}.is-night .clock-zone{color:#a5b2c7}.clock-time{font-variant-numeric:tabular-nums;letter-spacing:-.04em;white-space:nowrap;font-size:clamp(26px,3.1vw,37px);font-weight:550;line-height:1.25;display:block}.clock-date{color:#647080;flex-wrap:wrap;align-items:center;gap:8px;margin:13px 0 20px;font-size:12px;display:flex}.is-night .clock-date{color:#b2bfd1}.clock-date span{background:#8c98aa15;border-radius:5px;padding:3px 6px;font-size:10px}.clock-offset{color:#7b8798;border-top:1px solid #8c98aa25;flex-wrap:wrap;justify-content:space-between;gap:6px;padding-top:14px;font-size:10px;display:flex}.is-night .clock-offset{color:#a9b6ca}.time-empty{text-align:center;background:#fff;border:1px dashed #d3dae4;border-radius:14px;grid-column:1/-1;padding:60px 20px}.time-empty h3{font-size:17px}.time-empty p{color:#737d8b;font-size:13px}.time-bottom{border-top:1px solid var(--time-line);background:#fff;padding:20px 26px}.time-sound{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.time-sound label{align-items:center;gap:8px;font-size:13px;display:flex}.time-sound input{accent-color:#172033;width:17px;height:17px}.time-sound .btn-secondary{padding:9px 13px;font-size:12px}.time-instrument{text-align:center;max-width:850px;margin:auto;padding:50px 24px 36px}.instrument-digits{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#172033;white-space:nowrap;margin:14px 0 30px;font-size:clamp(42px,8vw,86px);font-weight:550;line-height:1.4}.stopwatch-digits{font-size:clamp(32px,7.3vw,78px)}.duration-fields{gap:14px;max-width:400px;margin:0 auto 18px;display:flex}.duration-fields label{color:#647080;text-align:left;flex:1;font-size:12px}.duration-fields input,.alarm-input input{color:#172033;text-align:center;background:#fff;border:1px solid #d3dae4;border-radius:9px;width:100%;min-height:48px;margin-top:8px;padding:10px;font-size:20px;display:block}.duration-fields input[aria-invalid=true]{border-color:#b42e37}.time-presets{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.time-presets .btn-secondary{padding:9px 15px;font-size:12px}.instrument-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 16px;display:flex}.instrument-actions button{min-width:110px;min-height:46px}.alarm-input{text-align:left;width:min(100%,230px);margin:0 auto;font-size:12px;display:block}.alarm-input input{font-size:28px}.alarm-schedule{background:#fff;border:1px solid #e0e5ec;border-radius:12px;max-width:420px;margin:24px auto;padding:20px;font-size:14px}.alarm-schedule p:last-child{font-variant-numeric:tabular-nums;font-size:24px}.time-alert{color:#256343;background:#e6f3eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 24px;font-size:15px;display:flex}.time-alert .btn-secondary{font-size:12px}.lap-table-wrap{margin-top:30px}.lap-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.lap-table th,.lap-table td{text-align:center;border-bottom:1px solid #dde3eb;padding:13px 6px}.lap-table th{color:#6b7585;font-size:11px;font-weight:500}.time-guide{border:1px solid #e7e9ed;border-radius:16px;margin-top:32px;padding:36px}.time-guide h2{color:#192231;margin:0 0 18px;font-size:21px}.time-guide>p,.time-guide details p{color:#737d8b;overflow-wrap:anywhere;max-width:900px;font-size:14px;line-height:1.9}.time-guide h3{margin-top:30px;font-size:16px}.time-guide details{border-bottom:1px solid #e5e7eb;padding:16px 0}.time-guide summary{cursor:pointer;font-size:13px}.time-related{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.time-related a{font-size:12px}.time-studio:fullscreen{background:#f7f8fa;border-radius:0;max-width:none;padding:2vw;overflow:auto}.time-studio:fullscreen .world-main{max-width:1400px}.time-studio:fullscreen .world-clock-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media (max-width:1050px){.world-layout{grid-template-columns:230px minmax(0,1fr);gap:18px;padding:18px}.world-clock-card{padding:16px}.clock-time{font-size:29px}.time-settings{padding:17px}}@media (max-width:800px){.world-layout{grid-template-columns:1fr}.time-settings{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.time-settings>*{grid-column:1/-1}.time-settings .time-eyebrow{margin-bottom:0}.time-settings label{margin-top:8px}.time-settings-divider{margin:8px 0}.time-settings .time-wide{margin-top:3px}.time-settings .time-hint{margin-top:5px}.clock-time{font-size:36px}.time-studio-bar{align-items:flex-start}.time-tabs button{padding:10px;font-size:12px}.time-fullscreen{font-size:11px}.time-guide{padding:24px}}@media (max-width:480px){.time-studio{border-radius:14px}.time-studio-bar{flex-direction:column;padding:12px}.time-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.time-tabs button{min-height:42px;font-size:12px}.time-fullscreen{align-self:flex-end}.world-layout{gap:18px;padding:12px}.world-clock-grid{grid-template-columns:1fr}.world-clock-card{padding:22px}.clock-card-actions button{width:40px;min-height:40px}.clock-time{font-size:42px}.clock-card-top{margin-bottom:12px}.clock-zone{margin-bottom:16px}.device-clock{flex-direction:column;align-items:flex-start}.device-clock time{font-size:29px}.time-instrument{padding:32px 14px}.instrument-digits{font-size:clamp(34px,10vw,47px)}.stopwatch-digits{font-size:clamp(27px,8.5vw,39px)}.instrument-actions button{min-width:90px;padding:11px 13px}.time-bottom{padding:18px}.time-guide{padding:20px}.lap-table{font-size:11px}.lap-table th{font-size:10px}.time-studio:fullscreen{padding:0}.time-studio:fullscreen .world-clock-grid{grid-template-columns:1fr}}.clock-name::placeholder{color:inherit;opacity:1}.time-settings select{appearance:none;background-image:var(--select-chevron);background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px}.time-studio.time-expanded{z-index:1000;background:#f7f8fa;border-radius:0;padding:2vw;position:fixed;inset:0;overflow:auto}.time-expanded .world-main{max-width:1400px}.time-expanded .world-clock-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media (max-width:480px){.time-studio.time-expanded{padding:0}.time-expanded .world-clock-grid{grid-template-columns:1fr}}.world-clock-card{container-type:inline-size}.clock-time.has-period{font-size:clamp(25px,16cqw,42px)}.clock-time small{letter-spacing:0;font-size:12px;font-weight:500}.time-settings-toggle{display:none}@media (max-width:800px){.time-settings-toggle{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e6eb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:12px 16px;font-size:12px;font-weight:600;display:flex}.time-settings-toggle span{font-size:20px}}.city-results{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.city-result{text-align:left;color:#253044;cursor:pointer;background:#fff;border:1px solid #e3e7ed;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:54px;padding:10px 12px;display:flex}.city-result:hover:not(:disabled){background:#eff5ff;border-color:#a8c5ef}.city-result.is-added:disabled{opacity:1;color:#788291;background:#f6f8fb}.city-result-info{overflow-wrap:anywhere;flex-direction:column;gap:3px;display:flex}.city-result-info strong{font-size:13px;font-weight:600}.city-result-info>span{color:#798494;font-size:10px;line-height:1.5}.city-result-action{flex-shrink:0;font-size:20px;font-weight:500}.city-result.is-added .city-result-action{color:#4c8465;font-size:15px}.city-more{padding-bottom:2px}.clock-drag-help{margin:0 0 14px}.clock-drag-handle{width:28px;min-height:40px;color:inherit;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;font-size:23px!important}.clock-drag-handle:hover{background:#8a96b025}.clock-drag-handle:active,.is-reordering .clock-drag-handle{cursor:grabbing}.world-clock-card.is-dragging{outline-offset:2px;opacity:.75;outline:2px solid #3b82f6}.world-clock-grid.is-reordering{-webkit-user-select:none;user-select:none}.clock-card-actions{margin-left:auto}.clock-card-top{justify-content:flex-start;gap:5px}.time-page .time-guide{max-width:860px;margin:56px auto 0}.time-page .time-guide>h3{margin-top:40px}.time-page .time-guide>p{overflow-wrap:anywhere;font-size:15px;line-height:1.95}.time-page .time-guide .tool-faq-answer{padding:24px 0}.time-page .time-guide .tool-faq-answer h4{margin:0 0 12px;font-size:17px;line-height:1.65}.time-page .time-guide .tool-faq-answer p{margin:0;font-size:15px;line-height:1.95}@media (max-width:640px){.time-page .time-guide{margin-top:36px}.time-page .time-guide>p,.time-page .time-guide .tool-faq-answer p{font-size:14px}}